reywheel

let mapleader = " "
let g:qs_primary_color = "#ff8c00"
nnoremap <Space> <Nop>

set number
set ignorecase
set smartcase
set incsearch " show search results while typing
set matchit " enable matchit plugin
set commentary " enable commentary plugin

reywheel

const mixer = () => {
  const buttonsWrapper = document.querySelector('.prices__buttons'),
        buttons = buttonsWrapper.querySelectorAll('.prices__button'),
        cardsWrapper = document.querySelector('.prices__cards'),
        cards = cardsWrapper.querySelectorAll('.prices__card'),
        activeButtonClass = '.prices__button--active',
        activeCardClass = '.prices__card--active';

  buttonsWrapper.addEventListener('click', e => {
    let target = e.target,

reywheel

/* Слайдер */
.slick-slider{}
/* Слайдер запущен */
.slick-slider.slick-initialized{}
/* Слайдер с точками */
.slick-slider.slick-dotted{}

/* Ограничивающая оболочка */
.slick-list {
  overflow: hidden;

reywheel

--------------------- html ---------------------
<section class="popup">
  <div class="popup__inner">
    <div class="popup__title">Оставьте заявку</div>
    <form method="POST">
      <input class="popup__name" type="text" name="name" placeholder="Имя">
      <input class="popup__phone" type="tel" name="phone" placeholder="Телефон">
      <button class="popup__button ripple">Отправить</button>
    </form>
    <div class="popup__close">&times</div>

reywheel

const smoothScroll = () => {
  const buttons = document.querySelectorAll('a[href^="#"]');

  buttons.forEach(item => {
    item.addEventListener('click', (event) => {
      event.preventDefault();
      let scrollTarget = document.querySelector('' + item.getAttribute('href'));
      scrollTarget.scrollIntoView({
        behavior: "smooth",
        block: "start"

reywheel

const rippleButtons = () => {
  const buttons = document.querySelectorAll('.ripple');

  function bindButtons() {
    buttons.forEach(item => {
      item.addEventListener('click', (e) => {
        e.preventDefault();
        createRipple(item, e);
      })
    })

reywheel

  <header class="header">
    <div class="container">
      <div class="header__inner">
        <img src="./img/logo.png" alt="" class="header__logo">
        <ul class="header__menu">
          <li class="header__menu-item"><a href="#" class="header__menu-link">Home</a></li>
          <li class="header__menu-item"><a href="#" class="header__menu-link">About</a></li>
          <li class="header__menu-item"><a href="#" class="header__menu-link">Team</a></li>
          <li class="header__menu-item"><a href="#" class="header__menu-link">Portfolio</a></li>
          <li class="header__menu-item"><a href="#" class="header__menu-link">Other</a></li>