PageRenderTime 23ms CodeModel.GetById 14ms app.highlight 5ms RepoModel.GetById 1ms app.codeStats 0ms

/blogen/posts.html

https://bitbucket.org/Trulsh/personal-bootstrap-projects
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 &copy; 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>