MrColdCoffee

классы одного блока же

.element-animation.element-show.singl::after {
  transition:2s;
  right: -20%;
}

console.log(array .join(','));

только вот если вам нужно значение, то нужно вытаскивать value например: let name = document.querySelector('.name').value;

для nav добавить

overflow: scroll;
height: 100vh;
margin:0;
padding-top: 0;

test.replace(/^data:\w+\/\w+;/, '')
где test - ваша строка

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'));
})