<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="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous"> <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet'> <div class="container"> <div class="row"> <div class="col-md-3 "> <div class="list-group-hover sidebar-widget-1"> <ul class="list-unstyled"> <li><a href="dashboard.html" class="list-group-item bg-active"><i class="fa fa-tachometer"></i> Posts <span class="badge">12</span> </a></li> <li><a href="my-profile.html" class="list-group-item"><i class="fa fa-user"></i> My Profile</a> </li> <li><a href="my-listings.html" class="list-group-item"><i class="fa fa-list"></i> My Listings</a> </li> <li><a href="my-enquiry.html" class="list-group-item"><i class="fa fa-envelope"></i> My Enquiry</a> </li> <li><a href="add-business.html" class="list-group-item"><i class="fa fa-plus-square"></i> Add Business</a> </li> <li><a href="login.html" class="list-group-item"><i class="fa fa-key"></i> Login</a> </li> <li><a href="signup.html" class="list-group-item"><i class="fa fa-user-plus"></i> Signup</a> </li> <li><a href="account-settings.html" class="list-group-item"><i class="fa fa-wrench"></i> Account Settings</a> </li> <li><a href="change-password.html" class="list-group-item"><i class="fa fa-lock"></i> Change Password</a> </li> <li><a href="listings-page.html" class="list-group-item"><i class="fa fa-angle-double-right"></i> Listings Page</a> </li> <li><a href="product-page.html" class="list-group-item"><i class="fa fa-angle-double-right"></i> Product Page</a> </li> <li><a href="logout.html" class="list-group-item"><i class="fa fa-power-off"></i> Log Out</a> </li> </ul> </div> </div> <div class="col-md-9"> <div class="row"> <div class="col-md-12"> <div class="panel frame-default"> <div class="frame-heading bg-grey-1"> <h4>Posts</h4> </div> <div class="panel-body"> <div class="row"> <div class="col-md-2"> <form method="post"> <div class="form-group "> <select class="select form-control" id="select" name="select"> <option value="Bulk Action"> Bulk Action </option> <option value="Edit"> Edit </option> <option value="Move to Trash"> Move to Trash </option> </select> </div> <div class="form-group"> <div> </div> </div> </form> </div> <div class="col-md-2"> <button class="btn btn-default " name="submit" type="submit"> Apply </button> </div> <div class="col-md-2"> <button type="button" class="btn btn-danger">Add New Post</button> </div> </div> <table class="table table-hover table-bordered table-responsive"> <thead> <tr> <th><input type="checkbox" value=""></th> <th>Title</th> <th></th> <th>Author</th> <th>Categories</th> <th>Tags</th> <th>Messages</th> <th>Date</th> </tr> </thead> <tbody> <tr> <td><input type="checkbox" value=""></td> <td><a href="#">Hello world!</a> </td> <td> <div class="dropdown"> <button class="btn btn-link dropdown-toggle" type="button" data-toggle="dropdown">Options <span class="caret"></span></button> <ul class="dropdown-menu"> <li><a href="#">Edit</a></li> <li><a href="#">Trash</a></li> <li><a href="#">View</a></li> </ul> </div> </td> <td><a href="#">admin</a></td> <td><a href="#">Uncategorized</a></td> <td><a href="#">Phone</a>, <a href="#">fashion</a>, <a href="#">Marketing</a> </td> <td> <a href="#"><i class="fa fa-comment"></i> <span class="badge">5</span></a></td> <td>Published 2018/02/08</td> </tr> <tr> <td><input type="checkbox" value=""></td> <td><a href="#">Hello world!</a> </td> <td> <div class="dropdown"> <button class="btn btn-link dropdown-toggle" type="button" data-toggle="dropdown">Options <span class="caret"></span></button> <ul class="dropdown-menu"> <li><a href="#">Edit</a></li> <li><a href="#">Trash</a></li> <li><a href="#">View</a></li> </ul> </div> </td> <td><a href="#">admin</a></td> <td><a href="#">Uncategorized</a></td> <td><a href="#">Phone</a>, <a href="#">fashion</a>, <a href="#">Marketing</a> </td> <td> <a href="#"><i class="fa fa-comment"></i> <span class="badge">5</span></a></td> <td>Published 2018/02/08</td> </tr> <tr> <td><input type="checkbox" value=""></td> <td><a href="#">Hello world!</a> </td> <td> <div class="dropdown"> <button class="btn btn-link dropdown-toggle" type="button" data-toggle="dropdown">Options <span class="caret"></span></button> <ul class="dropdown-menu"> <li><a href="#">Edit</a></li> <li><a href="#">Trash</a></li> <li><a href="#">View</a></li> </ul> </div> </td> <td><a href="#">admin</a></td> <td><a href="#">Uncategorized</a></td> <td><a href="#">Phone</a>, <a href="#">fashion</a>, <a href="#">Marketing</a> </td> <td> <a href="#"><i class="fa fa-comment"></i> <span class="badge">5</span></a></td> <td>Published 2018/02/08</td> </tr> <tr> <td><input type="checkbox" value=""></td> <td><a href="#">Hello world!</a> </td> <td> <div class="dropdown"> <button class="btn btn-link dropdown-toggle" type="button" data-toggle="dropdown">Options <span class="caret"></span></button> <ul class="dropdown-menu"> <li><a href="#">Edit</a></li> <li><a href="#">Trash</a></li> <li><a href="#">View</a></li> </ul> </div> </td> <td><a href="#">admin</a></td> <td><a href="#">Uncategorized</a></td> <td><a href="#">Phone</a>, <a href="#">fashion</a>, <a href="#">Marketing</a> </td> <td> <a href="#"><i class="fa fa-comment"></i> <span class="badge">5</span></a></td> <td>Published 2018/02/08</td> </tr> <tr> <td><input type="checkbox" value=""></td> <td><a href="#">Hello world!</a> </td> <td> <div class="dropdown"> <button class="btn btn-link dropdown-toggle" type="button" data-toggle="dropdown">Options <span class="caret"></span></button> <ul class="dropdown-menu"> <li><a href="#">Edit</a></li> <li><a href="#">Trash</a></li> <li><a href="#">View</a></li> </ul> </div> </td> <td><a href="#">admin</a></td> <td><a href="#">Uncategorized</a></td> <td><a href="#">Phone</a>, <a href="#">fashion</a>, <a href="#">Marketing</a> </td> <td> <a href="#"><i class="fa fa-comment"></i> <span class="badge">5</span></a></td> <td>Published 2018/02/08</td> </tr> </tbody> </table> </div> </div> </div> </div> </div> </div> </div>

body {font-family: 'Roboto';font-size: 15px; } p {line-height:22px; letter-spacing:0.5px;} * {-webkit-border-radius: 0 !important;-moz-border-radius: 0 !important; border-radius: 0 !important;} .frame-default {border-color: #e4e4e4;} .frame-heading {color: #333;border-color: #ddd; padding: 1px 15px; border-bottom: 1px solid #dd0000;} .bg-grey-1 {background:#ededed; color:#333 !important;}