Header Area

HTML example:

    <!-- Header-Area-Start -->
    <header class="header-area parallax-bg" id="home-page">
        <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 -->

To change the typing keywords. go to your directory and open this (js/main.js) file. Then Search these words.

var textOne = "I'm ui/ux designer.",
textTwo = "Let's work together.",
textThree = "I can create awesome stuff.";
$('.header-area .typer-title').typer([textOne,textTwo,textThree]);