<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.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-fluid"> <div class="row"> <div class="col-md-12"> <h1> User Name </h1> <p> user email </p> <h3> My Pages </h3> <table class="table table-condensed table-hover"> <thead> <tr> <th> Page Name </th> <th> Creation Date </th> <th> City, State </th> <th> Staff Level </th> <th> Current Punch In Commission Balance </th> </tr> </thead> <tbody> <tr> <td> 1 </td> <td> 03/04/2012 </td> <td> Seattle, WA </td> <td> Manager </td> <td> $128.50 </td> </tr> <tr class="active"> <td> 2 </td> <td> 03/06/2012 </td> <td> Seattle, WA </td> <td> General Staff </td> <td> $18.50 </td> </tr> <tr class="success"> <td> 3 </td> <td> 03/08/2012 </td> <td> Seattle, WA </td> <td> General Staff </td> <td> $188.50 </td> </tr> <tr class="warning"> <td> 4 </td> <td> 03/14/2012 </td> <td> Seattle, WA </td> <td> General Staff </td> <td> $135.50 </td> </tr> <tr class="danger"> <td> 4 </td> <td> 04/04/2012 </td> <td> Seattle, WA </td> <td> General Staff </td> <td> $132.50 </td> </tr> </tbody> </table> <div class="row"> <div class="col-md-12"> <p> You may logout <a class="logout" href="#">here.</a> </p> <p> You may change your password <a class="logout" href="#">here.</a> </p> </div> </div> </div> </div> </div>