MrColdCoffee

transform-origin: 50% 100%;
transform: perspective(300px) rotateX(25deg);

const navLink = document.querySelectorAll('.m_scrollspy ul .nav-link');
console.log(navLink);


for (let i = 0; i < navLink.length; i++) {
    navLink[i].onclick = () => {
// Удаляем класс у всех
       navLink.forEach(function(el){
           el.classList.remove('active');
       });
//Добавляем класс выбранному
   if (!navLink[i].classList.contains('active')) {
            navLink[i].classList.add('active')
        }
    }
    
}

тык
а урл страницы достаётся из $_SERVER

preg_replace

вы забыли точку перед b в .b::after

$( 'div[data-tab]' ).click(function() {
 $( $(this).data('tab') ).toggle();
});

Хорошее объяснение есть в пункте 3.1 начиная с Literal strings

<div class="circle" ></div>

.circle{
  width: 30px;
  height: 30px;
  border-radius: 20px;
  background-color: #000;
  border: 5px solid #FFF;
  outline: 5px solid green;
}

по клику на кнопку переносит блок в другой

document.querySelector('button').addEventListener('click',function(){
$('.contact-box__item').append( $('#cartBox'));
})

Причина: большой интервал(промежуток времени между кадрами) + мало кадров + грубый переход от конца на первый кадр

Решение: учащение смены кадров, увеличение количества кадров в анимации

body{
   overflow-x: hidden;
   margin: 0;
}

.element {
  height: 70px;
  width: 270px;
  border-radius: 15px;
  margin-top: 10px;
  background-color: red;
  transform: translateX(-100%);
  animation: nudge 5s linear;
}

.element:nth-child(2){
    -webkit-animation-delay: 5s;
    -moz-animation-delay: 5s;
    -o-animation-delay: 5s;
    animation-delay: 5s;
}
.element:nth-child(3){
    -webkit-animation-delay: 10s;
    -moz-animation-delay: 10s;
    -o-animation-delay: 10s;
    animation-delay: 10s;
}

@keyframes nudge {
  100% { transform: translateX(100vw); }
}

preg_replace('/^(\S*)/', '', $str);

$("#menu-link").on("click", "button", function(){
    let is_active = false;
    
   if( $(this).hasClass('active') ){ is_active = true; }
    
   $("#menu-link button").removeClass('active');
   
 if(!is_active){  $(this).addClass('active');  }


    });

У Вас #connect_phrase и #celebrity_phrase имеют position: relative; и отрицательный right
замените на left с положительным (вместо right:-250px; -> left:250px; )

переместите <style> в head или body, а то у Вас где-то между
уберите required у input type="submit"

в css:
#link_1:hover {
text-decoration-line: underline;
text-decoration-thickness: ???
cursor: pointer;
}

можно так

// ваша строка
const string = "_=1234513423442&sessionId=dsaa85d1231231234166f3c2fsda&viewType=panels&entryType=product&periodStart=1231578121";
// делаем из неё валидный url
let url_string = "http://test?"+string;
// вытаскиваем значение get переменной sessionId
let url = new URL(url_string);
let param_value = url.searchParams.get("sessionId");

console.log(param_value);

select Столбец1 , Столбец2  from Таблица where Столбец1 = Столбец2

вот тут 1 в 1 случай)