Don’t forget to rate 



if you enjoy the product!
If you want video background on header, need to put this markup insine header tags
<div class="video-bg" data-video-id="asJzU9dAiig">
that data-video-id is youtube ID of your video.
Not that videobackground are not supported by many mobile devices and safari under 9.1 version.
so video thumbnail will display in that situations.
For slider, follow this markup inside your header tag:
<div id="header-slider" >
<div class="slides carousel">
<div class="carousel-cell" data-flickity-bg-lazyload="images/header1.jpg"></div>
<div class="carousel-cell" data-flickity-bg-lazyload="images/header2.jpg"></div>
<div class="carousel-cell" data-flickity-bg-lazyload="images/header4.jpg"></div>
<div class="carousel-cell" data-flickity-bg-lazyload="images/header3.jpg"></div>
</div>
</div>
To config contact form, open submit.php and edit :
if your host support Mail() function, set $gmail=false and enter email address and fromname, but if your server blocked mail() to prevent spamming, you should use SMTP, so set $gmail=true and set SMTP configuration, I write here for gmail, and you can use another smtp server, just need to set right configuration:
Other servers:
There are some options for titles:

<h4 class="title-marked primary">About Me</h4>

<div class="le-title title-quote">
<h3 class="title">why working with me?</h3>
<p>
Here's what I do best!
</p>
</div>

<div class="le-title title-iconic">
<span class="icon-gears"></span>
<h3 class="uppercase title">Skills</h3>
</div>

<div class="iconic-box">
<div class="head">
<i class="icon-edit fa-3x "></i>
<h4 class="uppercase">Design websites</h4>
</div>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla id dolor sollicitudin, viverra dui sit amet, fringilla turpis.
</p>
</div>

<a class="le-link" href="#">read more</a>

<div class="services-item">
<span class="icon-basket"></span>
<h4 class="uppercase">e-commerce development</h4>
<p>Woocommerce, shopify </p>
</div>

<div id="caption" class="le-box cut-up ">
<div class="square"></div>
<div class="first-part">
<h1>
Hi, I'm <strong class="dotted-text">JOHN DOE</strong>
</h1>
<p>
front-end developer / webdesigner
</p>
</div>
<div class="second-part">
<ul class="social-icons">
<li><a class="fa fa-facebook" href="#facebook"></a></li>
<li><a class="fa fa-twitter" href="#twitter"></a></li>
<li><a class="fa fa-linkedin" href="#linkedin"></a></li>
<li><a class="fa fa-youtube" href="#youtube"></a></li>
</ul>
</div>
</div>
Note: you can use cut-down class to use this version:

Start Here
Start Here
Start Here
Smooth scrolling disabled by default, you can enable it by editing script.js
find enableSmoothScroll=false and change it to true