/blogen/posts.html
HTML | 198 lines | 183 code | 7 blank | 8 comment | 0 complexity | 966ecdd1c4eec4fcefcadcf592759a23 MD5 | raw file
1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 7 <link rel="stylesheet" href="style.compressed.css" /> 8 <title>Blogen Admin Area</title> 9 </head> 10 <body> 11 <nav class="navbar navbar-expand-sm navbar-dark bg-dark"> 12 <div class="container"> 13 <a href="index.html" class="navbar-brand">Blogen</a> 14 <button class="navbar-toggler" data-toggle="collapse" data-target="#navbarNav"> 15 <span class="navbar-toggler-icon"></span> 16 </button> 17 <div class="collapse navbar-collapse" id="navbarNav"> 18 <ul class="navbar-nav"> 19 <li class="nav-item px-2"> 20 <a href="index.html" class="nav-link">Dashboard</a> 21 </li> 22 <li class="nav-item px-2"> 23 <a href="posts.html" class="nav-link active">Posts</a> 24 </li> 25 <li class="nav-item px-2"> 26 <a href="categories.html" class="nav-link">Categories</a> 27 </li> 28 <li class="nav-item px-2"> 29 <a href="users.html" class="nav-link">Users</a> 30 </li> 31 </ul> 32 <ul class="navbar-nav ml-auto"> 33 <li class="nav-item dropdown mr-3"> 34 <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown"> 35 <i class="fa fa-user"></i> Welcome Andrea 36 </a> 37 <div class="dropdown-menu"> 38 <a href="profile.html" class="dropdown-item"> 39 <i class="fa fa-user-circle"></i> Profile 40 </a> 41 <a href="settings.html" class="dropdown-item"> 42 <i class="fa fa-gear"></i> Settings 43 </a> 44 </div> 45 </li> 46 <li class="nav-item"> 47 <a href="login.html" class="nav-link"> 48 <i class="fa fa-user-times"></i> Logout 49 </a> 50 </li> 51 </ul> 52 </div> 53 </div> 54 </nav> 55 56 <!-- HEADER --> 57 <header id="main-header" class="py-2 bg-primary text-white"> 58 <div class="container"> 59 <div class="row"> 60 <div class="col-md-6"> 61 <h1><i class="fa fa-pencil"></i> Posts</h1> 62 </div> 63 </div> 64 </div> 65 </header> 66 67 <!-- ACTIONS --> 68 <section id="actions" class="py-4 mb-4 bg-light"> 69 <div class="container"> 70 <div class="row"> 71 <div class="col-md-6 ml-auto"> 72 <div class="input-group"> 73 <input type="text" class="form-control" placeholder="Search"> 74 <span class="input-group-btn"> 75 <button class="btn btn-primary">Search</button> 76 </span> 77 </div> 78 </div> 79 </div> 80 </div> 81 </section> 82 83 <!-- POSTS --> 84 <section id="posts"> 85 <div class="container"> 86 <div class="row"> 87 <div class="col"> 88 <div class="card"> 89 <div class="card-header"> 90 <h4>Latest Posts</h4> 91 </div> 92 <table class="table table-striped"> 93 <thead class="thead-inverse"> 94 <tr> 95 <th>#</th> 96 <th>Title</th> 97 <th>Category</th> 98 <th>Date Posted</th> 99 <th></th> 100 </tr> 101 </thead> 102 <tbody> 103 <tr> 104 <td scope="row">1</td> 105 <td>Post One</td> 106 <td>Web Development</td> 107 <td>July 12, 2017</td> 108 <td><a href="datails.html" class="btn btn-secondary"><i class="fa fa-angle-dobule-right"></i> Details</a></td> 109 </tr> 110 <tr> 111 <td scope="row">2</td> 112 <td>Post Two</td> 113 <td>Tech Gadgets</td> 114 <td>July 13, 2017</td> 115 <td><a href="datails.html" class="btn btn-secondary"><i class="fa fa-angle-dobule-right"></i> Details</a></td> 116 </tr> 117 <tr> 118 <td scope="row">3</td> 119 <td>Post Three</td> 120 <td>Web Development</td> 121 <td>July 14, 2017</td> 122 <td><a href="datails.html" class="btn btn-secondary"><i class="fa fa-angle-dobule-right"></i> Details</a></td> 123 </tr> 124 <tr> 125 <td scope="row">4</td> 126 <td>Post Four</td> 127 <td>Business</td> 128 <td>July 15, 2017</td> 129 <td><a href="datails.html" class="btn btn-secondary"><i class="fa fa-angle-dobule-right"></i> Details</a></td> 130 </tr> 131 <tr> 132 <td scope="row">5</td> 133 <td>Post Five</td> 134 <td>Web Development</td> 135 <td>July 16, 2017</td> 136 <td><a href="datails.html" class="btn btn-secondary"><i class="fa fa-angle-dobule-right"></i> Details</a></td> 137 </tr> 138 <tr> 139 <td scope="row">6</td> 140 <td>Post Six</td> 141 <td>Health & Wellness</td> 142 <td>July 17, 2017</td> 143 <td><a href="datails.html" class="btn btn-secondary"><i class="fa fa-angle-dobule-right"></i> Details</a></td> 144 </tr> 145 </tbody> 146 </table> 147 148 <nav class="ml-4"> 149 <ul class="pagination"> 150 <li class="page-item disabled"> 151 <a href="#" class="page-link">Previous</a> 152 </li> 153 <li class="page-item active"> 154 <a href="#" class="page-link">1</a> 155 </li> 156 <li class="page-item"> 157 <a href="#" class="page-link">2</a> 158 </li> 159 <li class="page-item"> 160 <a href="#" class="page-link">3</a> 161 </li> 162 <li class="page-item"> 163 <a href="#" class="page-link">Next</a> 164 </li> 165 </ul> 166 </nav> 167 </div> 168 </div> 169 </div> 170 </div> 171 </section> 172 173 <!-- FOOTER --> 174 <footer id="main-footer" class="bg-dark text-white mt-5 p-5"> 175 <div class="container"> 176 <div class="row"> 177 <div class="col"> 178 <p class="lead text-center">Copyright © 2018 Blogen</p> 179 </div> 180 </div> 181 </div> 182 </footer> 183 184 185 <!-- Bootstrap core JavaScript 186 ================================================== --> 187 <!-- Placed at the end of the document so the pages load faster --> 188 <script src="js/jquery-3.3.1.min.js"></script> 189 <script src="js/popper.min.js"></script> 190 <script src="js/bootstrap.min.js"></script> 191 <script src="https://use.fontawesome.com/226dbaa6de.js"></script> 192 <script src="https://cdn.ckeditor.com/4.8.0/standard/ckeditor.js"></script> 193 <script> 194 CKEDITOR.replace( 'editor1' ); 195 </script> 196 <!--<script src="../../../../assets/js/vendor/holder.min.js"></script>--> 197 </body> 198</html>