Home screen section - section

This section layout represents the home screen of the index.html file.

home page

CODE

Here is the HTML code to obtain it. Embed it within the main tag with class page-main. Replace texts and buttons by yours.

Please, note that you can not use the data-section value twice for a different section within an HTML page, as it will be the id of the section later.

HTML Section - Home
<div class="section section-home fullscreen-md fp-auto-height-responsive " data-section="home">
    <!-- Begin of section wrapper -->
    <div class="section-wrapper">

        <!-- content -->
        <div class="section-content anim">
            <!-- title and description -->
            <div class="title-desc">
                <h2 class="display-4 display-title">Simpleux is my
                    <br>
                    <strong>Portfolio</strong>
                </h2>
                <h4>A Bootstrap 4 based portfolio template, ready for modern and beautiful websites easily.</h4>
            </div>

            <!-- Action button -->
            <div class="btns-action">
                <a class="btn btn-outline-white btn-round" href="#services">
                    Get started
                </a>
            </div>
        </div>

        <!-- Arrows scroll down/up -->
        <footer class="section-footer scrolldown">
            <a class="down">
                <span class="icon"></span>
                <span class="txt">Scroll Down</span>
            </a>
        </footer>
    </div>
    <!-- End of section wrapper -->
</div>