Александр Севиринов

Slick Slider
Смотрите Center Mode

Возможно как то так... (если правильно понял)
Рекомендую посмотреть в сторону bootstrap css framework там уже все придумано

Замените на это:

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

Попробуйте вот так:

gulp.task('scripts', function() {
  return gulp.src([
    'src/assets/libs/jquery/dist/jquery.min.js',
    'src/assets/libs/jquery_lazyload/jquery.lazyload.js',
    'src/assets/libs/slick-carousel/slick/slick.min.js',
    'src/assets/js/script.js'
  ]).
  on('error', notify.onError()).
  pipe(cached('scripts')).
  pipe(concat('index.min.js')).
  pipe(uglify()).
  pipe(gulp.dest('dist/assets/js')).
  pipe(browserSync.reload({stream: true}));
});

В условиях if () необходимо использовать операторы равенства, а Вы перезаписываете значение переменной...
прочтите это раздел "Операторы равенства"

В документации ищите onid3()

Если правильно понял, то возможно так:

.banner-box .image-box {
  position: relative;
}

.banner-box .image-box:hover {
  background: rgba(255, 255, 255, 0.8);
}

.banner-box .image-box::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.0);
  z-index: 1;
}

.banner-box .image-box:hover:before {
  background: rgba(255, 255, 255, 0.8);
}

.banner-box .image-box:hover .our-collections {
  position: relative;
  z-index: 2;
}

Какой то элемент выходит за границы.
Можно попытаться найти этот элемент и исправить, например, методом исключения (удаления из потока в панели разработчика)
Или просто добавьте

body {
    overflow-x: hidden;
}

Готовый скрипт для отправки почты

в bootstrap fade эффект достигается добавлением двух классов при переключении.
Сначала добавляется .active (отображаем блок), затем .show (убирает свойство opacity: 0)

Объявление свойств и методов класса статическими позволяет обращаться к ним без создания экземпляра класса. Свойство класса, объявленное как статическое, не может быть доступно посредством экземпляра класса (но статический метод может быть вызван).
Так как статические методы вызываются без создания экземпляра класса, то псевдопеременная $this недоступна внутри метода, объявленного как статический.

Скорее всего Вам больше подойдет другой плагин animejs.com

во-первых у Вас изображение растягивается относительно размера окна, очень сложно поймать точное расположение текста относительно background

По Вашему вопросу решением может быть следующее:

<section class="weeks">
  <h2>ТУТ<br>БУДЕТ<br>ТЕКСТ</h2>
</section>

.weeks {
  background: url('http://www.siteoffline.com/dtv/ten_grid.png') no-repeat;
  /* background-size: cover; */
}

.weeks h2 {
  font-family: 'OswaldBold', sans-serif;
  color: #ffffff;
  font-size: 64px;
  padding: 5rem 20rem; /* позиционируем текст относительно окна */
  /* margin-top: 305px; */
  line-height: normal;
}

Если правильно понял, то добавьте классу .main
overflow: hidden;

Возможно проблема в команде, требуется вводить
git push [удал. сервер] [ветка]
Но перед этой командой требуется сначала получить данные
git pull origin

Cоздать для адреса сервера ссылку типа origin командой

git remote add origin https://git@192.168.1.184/home/git/test.git

В текущей верстке Вам необходимо добавить класс img-fluid изображениям
и в CSS прописать высоту

.carousel-item img {
    height: 750px;
}

У меня есть заготовка для быстрого старта создания лендинга https://github.com/asevirinov/start-template
Изучите этот шаблон. Там есть пример формы и обработчика на jQuery (app/js/app.js) который валидирует любую форму по тегу отслеживается именно та форма, в которой была нажата кнопка

Ваш сервер просто не успевает обрабатывать данные. Попробуйте более мощный сервер