PageRenderTime 19ms CodeModel.GetById 13ms app.highlight 3ms RepoModel.GetById 1ms app.codeStats 0ms

/blogen/details.html

https://bitbucket.org/Trulsh/personal-bootstrap-projects
HTML | 156 lines | 142 code | 6 blank | 8 comment | 0 complexity | b621596549776337da6b0e9b74ecd1f5 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">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>Post One</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-3 mr-auto">
 72            <a href="index.html" class="btn btn-light btn-block">
 73              <i class="fa fa-arrow-left"></i> Back to Dashboard
 74            </a>
 75          </div>
 76          <div class="col-md-3">
 77            <a href="#" class="btn btn-success btn-block">
 78              <i class="fa fa-check"></i> Save Changes
 79            </a>
 80          </div>
 81          <div class="col-md-3">
 82            <a href="#" class="btn btn-warning btn-block">
 83              <i class="fa fa-remove "></i> Delete Post
 84            </a>
 85          </div>
 86        </div>
 87      </div>
 88    </section>
 89
 90    <!-- DETAILS -->
 91    <section id="details">
 92      <div class="container">
 93        <div class="row">
 94          <div class="col">
 95            <div class="card">
 96              <div class="card-header">
 97                <h4>Edit Post</h4>
 98              </div>
 99                <div class="card-body">
100                  <form>
101                    <div class="form-group">
102                      <label for="title">Title</label>
103                      <input type="text" class="form-control" value="Post One">
104                    </div>
105                    <div class="form-group">
106                      <label for="category">Category</label>
107                      <select class="form-control">
108                        <option value="">Web Development</option>
109                        <option value="">Tech Gadgets</option>
110                        <option value="">Business</option>
111                        <option value="">Health & Wellness</option>
112                      </select>
113                    </div>
114                    <div class="form-group">
115                      <label for="file">Image Upload</label>
116                      <input type="file" class="form-control-file">
117                      <small class="form-text text-muted">Max Size 3mb</small>
118                    </div>
119                    <div class="form-group">
120                      <label for="body">Body</label>
121                      <textarea name="editor1" class="form-control">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat reiciendis eius impedit, sed, magnam dolores ut repudiandae a eveniet sunt, sequi cupiditate optio modi neque? Animi est ratione dignissimos deleniti?</textarea>
122                    </div>
123                  </form>
124                </div>
125            </div>
126          </div>
127        </div>
128      </div>
129    </section>
130
131    <!-- FOOTER -->
132    <footer id="main-footer" class="bg-dark text-white mt-5 p-5">
133      <div class="container">
134        <div class="row">
135          <div class="col">
136            <p class="lead text-center">Copyright &copy; 2018 Blogen</p>
137          </div>
138        </div>
139      </div>
140    </footer>
141
142
143   <!-- Bootstrap core JavaScript
144   ================================================== -->
145   <!-- Placed at the end of the document so the pages load faster -->
146   <script src="js/jquery-3.3.1.min.js"></script>
147   <script src="js/popper.min.js"></script>
148   <script src="js/bootstrap.min.js"></script>
149   <script src="https://use.fontawesome.com/226dbaa6de.js"></script>
150   <script src="https://cdn.ckeditor.com/4.8.0/standard/ckeditor.js"></script>
151   <script>
152			CKEDITOR.replace( 'editor1' );
153	 </script>
154   <!--<script src="../../../../assets/js/vendor/holder.min.js"></script>-->
155 </body>
156</html>