Introduction:

Download free, an index page for a business website: Education, ecommerce, Hosting. etc. You find with our temlate all a real index page. Our template is composed by two bare navigation, for a good user experience on your website. Ainci you find a part in big plant for the display of the description of your site. Afterwards, and for displaying the list of your business services, you will find list views with different styles, you can modify and adapt the list view to your functional needs of your website. In the end a simple form, for the registration of your users. Test a demo version on webi4u.com, and download a full version on our github account....

Plant of the guide

At the end of this course, you will be able to:

Prerequisites: (5)

Before starting this guide, you must already have the following skills:

Part 1: How add, delete, update nav bar item?

You find two navbar. The first one for the contact information, and the one for the navigation management on your website. These are nested div tags, with either images or links.

            
<header class="row">
    <div class="col-lg">
        <!-- nav bar one -->
        <nav class="container-fluid nav_one">
            <div class="row justify-content-between">
                <!-- sigle image -->
                <div class="sigle">
                    <img src="img/logo.png"/>
                </div>
                <!-- contac info -->
                <div class="contact_info">
                    <!-- contact info item -->
                    <div class="item">
                    </div>
                </div>
            </div>
        </nav>
    </div>
</header>
Part 2: Use business services description layout?

The description part of your service, is composed by a backgroud image, title, link read more, and a view list for the display of some statistics, to attract the visitor chose your services.

<header class="row">
    <div class="col-lg">
        <!-- business description layour -->
        <div class="slogon container-fluid">
            <!-- business slogon or title -->
            <strong>
                EDUCATION FOR YOUR
                <br/>
                BEST JOB
            </strong>
            <br/>
            <!-- link to read more -->
            <a href="">
                <input type="button" value="start now" class="btn"/>
            </a>
        </div>
        <!-- business stats -->
        <div class="row justify-content-between stat_display">
            <div class="col-lg">
                <!-- liste view -->
                <div class="row justify-content-between">
                    <!-- liste view item -->
                    <div class="item">
                        <div class="row" style="margin: 0px">
                            <div class="number">
                                <em> 
                                    145
                                </em>
                            </div>
                            <div class="content">
                                <em>
                                    STUDY
                                    <br/>
                                    EDUCATION
                                </em>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>