Introduction:

Download our ecommerce template for free. Our template is with responsiv web design, using jquery, bootstrap, html, css and javascript. You find here an index page for your ecommerce website, compsé by three bare navigation, responsiv and ergonimic for a good experience of modern navigation. Then you find a view list for displaying your articles. Follow our implementation guide so that you can adapt our template to your ecommerce site. Test a version 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: How you use our nav bar one?

The first bare of navigation, contains two link to login and subscription page

            
<header class="row">
    <div class="col-lg">
        <nav class="container-fluid nav_one">
            <div class="row justify-content-end">
                <div>
                    <a href="">
                        <em>
                            LOGIN / REGISTER
                        </em>
                    </a>
                    <a href="">
                        <em>
                            MY WISHLIST
                        </em>
                    </a>
                    <a href="">
                        <em>
                            COMPARE
                        </em>
                    </a>
                </div>
            </div>
        </nav>
    </div>
</header>
Part 2: How you use our nav bar two?

The second bare of navigation, is used to display your information of the contact, and certain information relating to the session of your visitor, natament, information of the basket ...

<header class="row">
    <div class="col-lg">
        <nav class="container-fluid nav_two">
            <div class="row">
                <div class="col-lg item">
                    
                </div>
            </div>
        </nav>
    </div>
</header>
Part 3: How you use our nav bar three?

The third, nav bar has a simple menu of links. You can add, modify the item to your needs. The navigation bare is responsiv with all the resolution.

<header class="row">
    <div class="col-lg">
        <nav class="container-fluid nav_three">
            <div class="row justify-content-between">
                <div class="nav_item">
                    <div>
                        <a href="">
                            HOME
                        </a>
                    </div>
                </div>
            </div>
        </nav>
    </div>
</header>