Introduction:

free download, an index page for your business web site. Our template is responsiv with all the resolution, mobile, talet and PC, using jquery and bootstrap. You find with this theme all the components for a true business index page. The template is compsé by a bare of the navigation at the level of the header, A large article plant for a pretty description of your business within the index page, in continuation you find list view with styles, different for the display of your uses case. Finally our template allows you to display the team profile of your team works. Test a demo version on our website: webi4u.com, and download the complette version on github.

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: Business template layout?

 
<body class="container-fluid">
    // business header
    <header class="row justify-content-between">
        // header images
        <div class="navs_mobile">
        </div>
        // header bav bare
        <div class="nav_bar">
        </div>
    </header>
    
    // business description
    <section class="row index_image">
    </section>
    
    // business liste view services one
    <section class="row list_services_one justify-content-center">
    </section>
    
    // business liste view services two
    <section class="row last_article justify-content-center">
    </section>
    
    // bsuiess team profile
    <section class="row justify-content-center team_profile">
    </section>
</body>
Part 2: How update, delete, add, nav bar item?

The navigation bar of the template, is composed of your logo image, and the list of nav bar item are formed ul and li, that you can adapt them to your business web site...

<body class="container-fluid">
    // business header
    <header class="row justify-content-between">
        // header images
        <div class="navs_mobile">
            // make your sigle here
            <img src="img/sigle_webi4u_new_new.png" class="sigle"/>
            <img src="img/menu-alt-512.png" class="menu_icon"/>
        </div>
        // nav bare item
        <div class="nav_bar">
            <ul>
                // nav bare item
                <li>
                    <a href="">
                     // make your nav bar item text here
                    </a>
                </li>
            </ul>
        </div>
    </header>
</body>
Part 3: How use business description layout?

The business description part consists of a cover image, which you can modify, title, short description, link read more, and a registration form.

<body class="container-fluid">
    
    // business description
    <section class="row index_image">
        <div class="col-lg" style="padding: 0px">
            // backgroud image
            <img src="img/recadrer-collegues-aide-ordinateur-portable_23-2147787537.jpg"/>
            <div class="desc">
                <h1>
                    Every thing you need
                    to get your startup business online
                </h1>
                <p>
                    make your business description here,
                    <br/>
                    a short description: account type, uses cases, etc                    
                </p>
                <input type="button" value="Learn More..." class="btn"/>
            </div>    
        </div>
    </section>
</body>