Introduction:

Download our ecommerce template for free, using jquery and bootstrap with responsiv web design. You find with our template all the components for a true ecommerce index page. First of all, you will find two browsers, one containing your website logo, a search box and some navigation icon. The second bare of navigation, contains a bare of navigation and a list of the links for the information of the contact of your web site. In the following, you will find a view list for displaying items from your store. Finally, you can display an article in large plant with our graphic component. Test a demo 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: Template layout

Our template is compsé by seven main elements. All of a sudden You find a first bare of navigation, a second bare of navigation and a third bare of navigation. Then you find the larg plant article and a view list for displaying your business services. In the end, you will find view lists with different styles for displaying your ecommerce items on the site.

            
            <body class="container-fluid">
    <!-- header -->
            <header class="row"> 
                <div class="col-lg">
                    <!-- nav bar one -->
                    <nav class="container-fluid nav_one">
                    </nav>
                    <!-- nav bar two -->
                    <nav class="container-fluid nav_one">
                    </nav>
                    <!-- nav bar three -->
                    <nav class="container-fluid nav_one">
                    </nav>
                </div>
            </header>
            <!-- article larg plan -->
            <section class="row article_grand_plan">
            </section>
            <!--
                all the list view article
            -->
</body>
                        
Part 2: Using nav bar one?

The first bare of navigation contains a list of the links, for the display of some information of your web site, also certain links towards functionalities concerning the management of the profile of the users of your site.

<!-- nav bar one -->
<nav class="container-fluid nav_one">
    <div class="row justify-content-between">
        <!-- web site information links -->
        <div>
            <ul class="nav_one_item">
                <li class="icon">
                    <img src="img/settingtool_80798.png"/>
                </li>
            </ul>
        </div>
    </div>
    <!-- user profile services link -->
    <div>
        <ul class="nav_one_item nav_bar">
            <li class="label">
                <a href="">
                    My Account
                </a>
            </li>
        </ul>
    </div>
</nav>