index.php

<div class="container-fluid" style="width: 100%;background-color: silver; height: 50px; background-image: url('../public/images/headerbg2.png   ')" align="center">
    <div>
        <img src="public/images/logo.png" style="height: 40px; width: 150px"/>
    </div>

</div>
<div style="width: 100%;" align="center" class="container-fluid">
    <table border="1" style=" height: 400px;  max-width: 80%; border-collapse: collapse;">
        <tr>
            <td style="height: 30px;  font-size: 30px; font-weight: bold; color: green;padding: 10px;border-right: 0px; border-bottom: 0px;">
                OfficePro
            </td>               
            <td  align="right" style="padding: 10px; border-bottom: 0px; border-left: 0px;">
                <a href="index/index.php">Click Here to login</a>
            </td>
        </tr>
        <tr>
            <td colspan="2" style="vertical-align: top; border-top: 0px; padding: 10px;">

                enroute's office productivity tool, enroute office-pro, is a work place resource management service. We offer a one stop office solution or even a customized office solutions based on the needs and requirements of the client. This tool offers a wide array of services. From office set-up services to maintenance, or be it front desk services to managing the security service of your organization, through enroute office-pro we will provide you any service that your company requires without having to lose any focus from your core activities. We provide skilled human resources to assist you in your support activities from either your premises or from ours.
                <a href="#">More...</a>
            </td>
        </tr>
    </table> 
</div>
<div class="container-fluid" style="width: 100%;background-color: silver; height: 20px; background-image: url('../public/images/headerbg2.png   ')" align="center">

</div>