Introduction:

Download free index page for a business website, with responsiv web design, using html, css, bootstrat and jquery plugins. Our template is composed of a bare navigation of the three main element: image symbol, nav bar item, and social media links. Afterwards, you'll find a big plant for the display of your business services with an ergonomic user experience. Our template contains two modern, responsive and rich view list for displaying your services. In the end you find a simple form of registration at the bottom of the page. Test a demo version of the template on webi4u.com, and download the 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: Manage business index page layout?

the layout of our template is very simple, because it is developer on the grid system of the bootstrap. You will find the header part, the list view part of the services, and the part of the registration form.

            
<!-- Header page -->
<header class="row">
    <div class="col-lg">
        <!-- nav bar partie -->
        <nav class="container-fluid header_nav_bar">
        </nav>
        
        <!-- business description partie -->
        <section class="container-fluid header_dercription">
        </section>
    </div>
</header>
Part 2: How add, delete, update new nav bar item?

The navigation bar is at the level of the header, it is compsé by ul and sub li, with links is text, which you can modify to your needs

<!-- Header page -->
<header class="row">
    <div class="col-lg">
        <!-- nav bar partie -->
        <nav class="container-fluid header_nav_bar">
            <!-- navigation bare -->
            <div class="nav_bar">
                <ul>
                    <!-- nav bare item -->
                    <li>
                        <!-- nav bare link -->
                        <a href="">
                            <!-- nav bar label -->
                            HOME
                        </a>
                    </li>
                </ul>            
            </div>
        </nav>
    </div>
</header>