<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <h2>Vehicle Lifting Information</h2> <p>Please find the following documents of the vehicle received</p> <hr> <div class="col-md-6"> <table class="table"> <tbody> <tr class="success"> <td>Vehicle No. :</td> <td>DL 3CF 6380</td> </tr> <tr class="danger"> <td>Lift Date</td> <td>20/01/2016</td> </tr> <tr class="info"> <td>Buyer' Name</td> <td>Dooley Singh</td> </tr> <tr class="warning"> <td>Insured Name</td> <td>S.S Singh</td> </tr> <tr class="active"> <td>Insurance Company</td> <td>Cholamandlam</td> </tr> </tbody> </table> </div> <div class="col-md-6"> <table class="table"> <tbody> <tr class="success"> <td>Vehicle No. :</td> <td>DL 3CF 6380</td> </tr> <tr class="danger"> <td>Lift Date</td> <td>20/01/2016</td> </tr> <tr class="info"> <td>Buyer' Name</td> <td>Dooley Singh</td> </tr> <tr class="warning"> <td>Insured Name</td> <td>S.S Singh</td> </tr> <tr class="active"> <td>Insurance Company</td> <td>Cholamandlam</td> </tr> </tbody> </table> </div> </div> <hr> <div class="container"> <h2>Vehicle Lifting Documents Information</h2> <p>Please find the following documents of the vehicle received</p> <hr> <div class="col-md-6"> <table class="table table-striped"> <thead> <tr> <th>Items</th> <th>Status</th> </tr> </thead> <tbody> <tr> <td>RC</td> <td>Pending</td> </tr> <tr> <td>Tax Clearance paper</td> <td>Pending</td> </tr> <tr> <td>July</td> <td>Dooley</td> </tr> </tbody> </table> </div> <div class="col-md-6"> <table class="table table-striped"> <thead> <tr> <th>Items</th> <th>Status</th> </tr> </thead> <tbody> <tr> <td>RC</td> <td>Pending</td> </tr> <tr> <td>Tax Clearance paper</td> <td>Pending</td> </tr> <tr> <td>July</td> <td>Dooley</td> </tr> </tbody> </table> </div> </div> <hr> <div class="container"> <h3>Vehicle Lifting Terms & Conditions</h3> <ul> <li><a href="#"><span> </span>Risus elit dignissim mi, eu tempor ligula eros nec nunc</a></li> <li><a href="#"><span> </span>Pellentesque finibus tincidunt metus. Proin hendrerit fermentum tortor </a></li> <li><a href="#"><span> </span>commodo rutrum, risus elit dignissim mi, eu tempor ligula eros nec nunc</a></li> <li><a href="#"><span> </span>Praesent facilisis, dolor in commodo rutrum, risus elit dignissim mi,</a></li> </ul> </div>