Александр Гамов

$('#btn').click(function(){
  $('form').submit();
})

90% что по этому пути просто не может найти файлов. Попробуйте абсолютный путь указать /fonts/

$(document).ready(function(){
  setTimeout(function () {
     $('.slider').slick({
        dots: true,
        infinite: true,
        speed: 400,
        slidesToShow: 1,
        autoplay: true,
        autoplaySpeed: 6000,
        arrows: false,
        pauseOnFocus: false,
        pauseOnHover: false,
        dotsClass: 'slick-dots-custom',
      });
  }, 1000);
});

Если планируется долгосрочная поддержка сайта, то лучше переверстать с учетом адаптивности (с использованием сеток). В противном случае допилить адаптивность поверх использую медиа запросы + немного js магии.

Вот для примера пара сайтов, обратите внимания на файлы подключенные в папке adap. В данных случаях был использован именно второй вариант.
www.stroyfiks.ru
vezu-gruz.ru

html - css - js - Практика на этих языках - сборщики проектов - изучение фреймворков, препроцессоров и другого сахара.

Под фреймворками подразумеваю всякие бутстрапы и т.п.
Вообще идеальный вариант, это начинать с основ, а когда появится уверенность в своих силах и ощущение, что чего-то не хватает, то уже двигаться выше.
Без понимания основ - того как тотже бутстрап заставляет елемент выглядеть \ вести себя именно так как он это делает - использовать его бесполезно - замучаетесь отлавливать баги.

В шаблоне не был прописан доктайп )

.footer > .bg-left {
    background: transparent url("../images/footer-bg-left.gif") no-repeat scroll 0px 0px;
    width: 286px;
    height: 274px;
    top: 80px;  <----- вот так сделайте
    left: 0px;
}

Скажу еще раз, не используйте блоки только для ради бэкграунда.