Alexeii Kozachuk

codepen.io/anon/pen/YyowPq ?

Убрать отступ:

#home {
    padding-bottom: 0;
}

Также можно поиграть со значениями:

section {
    padding-top: 80px;
    padding-bottom: 40px;
}

А для того, чтобы выровнять по центру надо добавить три класса (col-sm-offset-4 col-md-offset-4 col-lg-offset-4) к элементу div:

<section id="team">
<div class="container">
    <div class="row text-center header" data-anim-type="fade-in-up">
                <!-- ... --> 
    </div>
    <div class="row" data-anim-type="fade-in-up">
        <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 col-sm-offset-4 col-md-offset-4 col-lg-offset-4"> <!-- Вот сюда --> 
        </div>
    </div>
 </div>
</section>

добавьте col-lg-offset-4
в блок

<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 ">

для больших экранов,

для остальных пропишите уже сами, это просто

второе в блоке .team уберите pading-top: 80px;

в файле custom.js в коде:

/*====================================
SLIDER SCRIPTS
======================================*/
$('#carousel-slider').carousel({
interval: 2000 //TIME IN MILLI SECONDS
});

замени число 2000 на большее. Это число в миллисекундах. То есть 1000ms = 1 секунде. У тебя сейчас интервал прокрутки получается равен 2 секундам

У вас изначально структура вёрстки не правильная, от туда и все эти проблемы.
Можно конечно сделать костыли, что бы всё это исправить, но я бы вам советовал поучится правильной вёрстке.

1) Блокам не нужно задавать pisition:absolute. Просто float:left, что бы они обтикали друг друга, и overflow:hidden, что бы всё в нутри блока обрезалось и не вылазило на область блока.

2) Что бы залить блок картинкой полностью, используйте background-size:cover

3) Что бы рястянуть футер на всю ширину, изначально нужно было делать обёртку wrapper не общую для всего сайта, а для каждого блока (шапка, контент,футер)
jsfiddle.net/r6h3j641

Необходимо у формы указать обработчик и метод передачи данных, выше в вашем коде, обработчик - файл email.php в корневом каталоге сайта:

<form id="contact-form" action="/email.php" metod="post">

Данные отправлять используя ajax, делаю проверку на заполненность полей, для этого необходимы библиотека jquery и сам файл скрипта, например script.js лежащий в папке js в корне сайта
Подключаем их в head:

<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="/js/script.js"></script>

Ниже сам скрипт script.js:

$(document).ready(function(){
    $('#contact-form').submit(function(){
            var subject = $(this).find("#subject :selected").text();
            var name = $(this).find("#name").val();
            var email = $(this).find("#email").val();
            var message = $(this).find("#message").val();

            if(!!name && !!email && !!message){
                $.ajax({
                    type: "POST",
                    url: "/email.php",
                    data: {"subject": subject, "name": name,"email": email, "message": message},
                    cache: false,
                    success: function(){
                        /* действия при успешной отправке */
                    }
                })
            }
        return false;
    });
});

И последнее сам обработчик email.php, который отправляет письма, в последней строке указывается адрес получателя и заголовок письма:

<? header("Content-type: text/html; charset=utf-8");

	$text = "<b>subject</b>: ".$_POST['subject']."<br>";
	$text .= "<b>name</b>: ".$_POST['name']."<br>" ;
	$text .= "<b>email</b>: ".$_POST['email']."<br>";
	$text .= "<b>message</b>: ".$_POST['message']."<br>";
	$headers .= "MIME-Version: 1.0\r\n";
	$headers .= "Content-Type: text/html; charset=UTF-8\r\n";
	mail('mail@mail.ru', 'Заголовок письма', $text, $headers);

?>

.text-book {
    text-align: center;
    padding-left: 20em;
}
@media screen and (max-width: 765px) {
    .text-book {
        padding-left: 0;
    }
}