$("Класс/Ид формы").submit(function(e){
e.preventDefault();
        var form_data = $(this).serialize();
        $.ajax({
        type: "POST",
        url: "/mail.php", //ссылка на файл php
        data: form_data,
        success: function() {
			alert('Спасибо, Заявка отправлена!'); //То что выводится после успешно отправки
			$('Класс/Ид формы')[0].reset(); //скидываем нашу форму
        }
      });
});

в самом php данные можно брать через
переменная = $_POST['тут имя инпута -> name=""']

Имхо, задавать псевдо элемент больше чем 100% не есть хорошо, лучше для блока сделать wrapper, и задать ему background, border-radius; и будет удобно при адаптиве) но решение за вами! Вот пример) https://codepen.io/anon/pen/JaNwwE

Вы используете бутстрап) После Header в div без класса уберите див с классом row

Вот каналы на ютюбе, которыми я пользовался)
1) https://www.youtube.com/user/ArtSorax - Очень хорошо объясняет, но уже закрыл свое детище)
2) https://www.youtube.com/user/agragregra - для новичка хорошо подойдет), показывает сам процесс верстки, можно много чего подтчерпнуть и научиться.
3) https://www.youtube.com/user/TheSWAT727 - смотрел пару уроков, больше сказать не могу
4) https://www.youtube.com/user/WebTheory - когда-то был хорошим проектом, но увы закрылся, но уроки актуальные.

А так же советую пройти курсы на HTMLacademy