Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style>
- .custab{
- border: 1px solid #ccc;
- padding: 5px;
- margin: 5% 0;
- box-shadow: 3px 3px 2px #ccc;
- transition: 0.5s;
- }
- .custab:hover{
- box-shadow: 3px 3px 0px transparent;
- transition: 0.5s;
- }
- </style>
- <div class="container">
- <div class="row col-md-6 col-md-offset-2 custyle">
- <table class="table table-striped custab">
- <thead>
- <a href="#" class="btn btn-primary btn-xs pull-right"><b>+</b> Add new categories</a>
- <tr>
- <th>ID</th>
- <th>Title</th>
- <th>Parent ID</th>
- <th class="text-center">Action</th>
- </tr>
- </thead>
- <tr>
- <td>1</td>
- <td>News</td>
- <td>News Cate</td>
- <td class="text-center"><a class='btn btn-info btn-xs' href="#"><span class="glyphicon glyphicon-edit"></span> Edit</a> <a href="#" class="btn btn-danger btn-xs"><span class="glyphicon glyphicon-remove"></span> Del</a></td>
- </tr>
- <tr>
- <td>2</td>
- <td>Products</td>
- <td>Main Products</td>
- <td class="text-center"><a class='btn btn-info btn-xs' href="#"><span class="glyphicon glyphicon-edit"></span> Edit</a> <a href="#" class="btn btn-danger btn-xs"><span class="glyphicon glyphicon-remove"></span> Del</a></td>
- </tr>
- <tr>
- <td>3</td>
- <td>Blogs</td>
- <td>Parent Blogs</td>
- <td class="text-center"><a class='btn btn-info btn-xs' href="#"><span class="glyphicon glyphicon-edit"></span> Edit</a> <a href="#" class="btn btn-danger btn-xs"><span class="glyphicon glyphicon-remove"></span> Del</a></td>
- </tr>
- </table>
- </div>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement