Add this after the video section :
<section id="gallery">
<<div id="myCarousel" class="carousel slide">
  <!-- Carousel items -->
  <div class="carousel-inner">
     <div class="item active ad1">
     </div>
     <div class="item ad2">
     </div>
     <div class="item ad3">
    </div>
  </div>
  <!-- Carousel nav -->
   <a class="left carousel-control" href="#myCarousel" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="right carousel-control" href="#myCarousel" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right"></span>
    <span class="sr-only">Next</span>
  </a>
  <ol class="carousel-indicators">
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
    <li data-target="#myCarousel" data-slide-to="1"></li>
    <li data-target="#myCarousel" data-slide-to="2"></li>
  </ol>
</div>
</section>


Add this at the end of the CSS code

#gallery {
    padding: 8px;
}
#myCarousel {
    width: 100%;
}
.carousel-inner .item {
    width: 100%;
    min-height: 600px;
    height: auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: scroll !important;
}
.ad1 {
    background: url(../images/ts2.jpg) no-repeat center center fixed;
}
.ad2 {
    background: url(../images/ts3.jpg) no-repeat center center fixed;
}
.ad3 {
    background: url(../images/ts4.jpg) no-repeat center center fixed;
}

Add the glyphicons .woff file in fonts folder