HTML example:
<!-- Header-Area-Start -->
<header class="header-area parallax-bg" id="home-page">
<div id="particles-js"></div>
<div class="container">
<div class="row">
<div class="col-lg-8">
<div class="header-text">
<h3 class="typer-title wow fadeInUp" data-wow-delay="0.2s">I'm ui/ux designer</h3>
<h1 class="title wow fadeInUp" data-wow-delay="0.3s" >Hi, I am Nik Smith</h1>
<div class="desc wow fadeInUp" data-wow-delay="0.4s" >
<p>Still top of and the drops. What don't issued character god, no ports, credit question and curse casting problem will the one could apply.</p>
</div>
<a href="#" class="button-dark mouse-dir wow fadeInUp" data-wow-delay="0.5s" >Hire Me <span class="dir-part"></span></a>
</div>
</div>
</div>
</div>
</header>
<!-- Header-Area-End -->