Skip to content

Commit cbb4b6c

Browse files
himanshukaushal123himanshukaushal123
committed
file added
1 parent c1a6dee commit cbb4b6c

11 files changed

+1993
-0
lines changed

‎.vscode/settings.json

+3
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
{
2+
"liveServer.settings.port": 5502
3+
}

‎IMG.jpg

6.32 KB
Loading

‎categories.html

+307
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,307 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css"
8+
integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
9+
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css"
10+
integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
11+
<link rel="stylesheet" href="css/style.css">
12+
<title>Bootstrap Theme</title>
13+
</head>
14+
15+
<body>
16+
<nav class="navbar navbar-expand-sm navbar-dark bg-dark p-0">
17+
<div class="container">
18+
<a href="index.html" class="navbar-brand">Blogen</a>
19+
<button class="navbar-toggler" data-toggle="collapse" data-target="#navbarCollapse">
20+
<span class="navbar-toggler-icon"></span>
21+
</button>
22+
<div class="collapse navbar-collapse" id="navbarCollapse">
23+
24+
<ul class="navbar-nav px-2">
25+
<li class="nav-item">
26+
<a href="index.html" class="nav-link">Dashboard</a>
27+
</li>
28+
<li class="nav-item px-2">
29+
<a href="posts.html" class="nav-link">Posts</a>
30+
</li>
31+
<li class="nav-item active px-2">
32+
<a href="categories.html" class="nav-link">Categories</a>
33+
</li>
34+
<li class="nav-item px-2">
35+
<a href="users.html" class="nav-link">Users</a>
36+
</li>
37+
</ul>
38+
<ul class="navbar-nav ml-auto">
39+
<li class="nav-item dropdown mr-2">
40+
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
41+
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i
42+
class="fas fa-user"></i>
43+
Welcome Brand
44+
</a>
45+
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
46+
<a class="dropdown-item" href="profile.html"><i class="fas fa-user"></i> Profile</a>
47+
<a class="dropdown-item" href="setting.html"><i class="fas fa-cog"></i> Setting</a>
48+
</div>
49+
<li class="nav-item">
50+
<a href="login.html" class="nav-link">
51+
<i class="fas fa-user-times"></i> Logout
52+
</a>
53+
</li>
54+
</li>
55+
</ul>
56+
</div>
57+
</div>
58+
</nav>
59+
<!--header-->
60+
<section id="header" class="bg-success">
61+
<div class="container">
62+
<div class="row">
63+
<div class="col-md-6">
64+
<h1 class="text-white py-2">
65+
<i class="fas fa-folder"></i> Categories</h1>
66+
</div>
67+
</div>
68+
</div>
69+
</section>
70+
<section classs="search" class="py-4">
71+
<div class="container">
72+
<div class="row">
73+
<div class="col-md-6 ml-auto">
74+
75+
<div class="input-group">
76+
<input type="text" class="form-control" placeholder="Search Categories...">
77+
<div class="input-group-append">
78+
<button class="btn btn-success">Search</button>
79+
</div>
80+
81+
82+
</div>
83+
84+
</div>
85+
</div>
86+
87+
</div>
88+
89+
</section>
90+
<!--posts-->
91+
<section id="Posts" class="py-3">
92+
<div class="container">
93+
<div class="row">
94+
<div class="col-12">
95+
<div class="card">
96+
<div class="card-header">
97+
<h4>Latest Posts</h4>
98+
</div>
99+
<table class="table table-striped pt-0 pb-0">
100+
<thead class="thead-dark">
101+
<tr>
102+
<th scope="col">#</th>
103+
<th scope="col">Title</th>
104+
105+
<th scope="col">Date</th>
106+
<th></th>
107+
</tr>
108+
</thead>
109+
<tbody>
110+
<tr>
111+
<th scope="row">1</th>
112+
113+
<td>Web Development</td>
114+
<td>May 10 2018</td>
115+
<td>
116+
<a href="details.html" class="btn btn-secondary">
117+
<i class="fas fa-angle-double-right"></i> Details
118+
</a>
119+
</td>
120+
</tr>
121+
<tr>
122+
<th scope="row">2</th>
123+
124+
<td>Tech Gadgets</td>
125+
<td>May 11 2018 </td>
126+
<td>
127+
<a href="details.html" class="btn btn-secondary">
128+
<i class="fas fa-angle-double-right"></i> Details
129+
</a>
130+
</td>
131+
</tr>
132+
<tr>
133+
<th scope="row">3</th>
134+
135+
<td>Business</td>
136+
<td>May 13 2018</td>
137+
<td>
138+
<a href="details.html" class="btn btn-secondary">
139+
<i class="fas fa-angle-double-right"></i> Details
140+
</a>
141+
</td>
142+
</tr>
143+
<tr>
144+
<th scope="row">4</th>
145+
146+
<td>Health & Wellness</td>
147+
<td>May 15 2018</td>
148+
<td>
149+
<a href="details.html" class="btn btn-secondary">
150+
<i class="fas fa-angle-double-right"></i> Details
151+
</a>
152+
</td>
153+
</tr>
154+
155+
156+
</tbody>
157+
</table>
158+
159+
</div>
160+
</div>
161+
</div>
162+
163+
</div>
164+
</section>
165+
<footer id="footer" class="bg-dark text-white text-center mt-5 p-5">
166+
<div class="container ">
167+
<div class="row">
168+
<div class="col-12">
169+
<p class="lead">
170+
Copyright &copy;
171+
<span id="year"></span>
172+
Blogen
173+
</p>
174+
</div>
175+
</div>
176+
</div>
177+
</footer>
178+
179+
<!--models-->
180+
<div class="modal fade" id="addposts">
181+
<div class="modal-dialog">
182+
<div class="modal-content">
183+
<div class="modal-header text-white bg-primary">
184+
<h3 class="text-center"> Add Post</h3>
185+
<button class="close" data-dismiss="modal"> &times;</button>
186+
</div>
187+
<div class="modal-body">
188+
<form class="form-group">
189+
<label for="inputTitle">Title</label>
190+
<input type="text" class="form-control" id="inputTitle" placeholder="">
191+
<div class="form-group">
192+
<label for="inputCategory">Category</label>
193+
<select id="inputCategory" class="form-control">
194+
<option selected>Web Development</option>
195+
<option>Tech Gadgets</option>
196+
<option>Bussiness</option>
197+
<option>Health & Wellness</option>
198+
</select>
199+
</div>
200+
<div class="custom-file">
201+
<input type="file" class="custom-file-input" id="customFile">
202+
<label class="custom-file-label" for="customFile">Choose file</label>
203+
<small class="format-text text-muted">Max size 3mb</small>
204+
</div>
205+
<div class="form-group">
206+
<label for="body">Body</label>
207+
<textarea name="editor1" class="form-control"></textarea> </div>
208+
</form>
209+
</div>
210+
<div class="modal-footer" data-dismiss="close">
211+
<button class="btn btn-primary">Save Changes</button>
212+
</div>
213+
</div>
214+
</div>
215+
</div>
216+
217+
218+
<div class="modal fade" id="addcategories">
219+
<div class="modal-dialog">
220+
<div class="modal-content">
221+
<div class="modal-header text-white bg-success">
222+
<h3 class="text-center"> Add Category</h3>
223+
<button class="close" data-dismiss="modal"> &times;</button>
224+
</div>
225+
<div class="modal-body">
226+
<form class="form-group">
227+
<label for="inputTitle">Title</label>
228+
<input type="text" class="form-control" id="inputTitle" placeholder="">
229+
230+
231+
</form>
232+
233+
</div>
234+
<div class="modal-footer" data-dismiss="close">
235+
<button class="btn btn-success">Save Changes</button>
236+
237+
</div>
238+
</div>
239+
</div>
240+
</div>
241+
242+
243+
<div class="modal fade" id="adduser">
244+
<div class="modal-dialog">
245+
<div class="modal-content">
246+
<div class="modal-header text-white bg-warning">
247+
<h3 class="text-center"> Add User</h3>
248+
<button class="close" data-dismiss="modal"> &times;</button>
249+
</div>
250+
<div class="modal-body">
251+
<form>
252+
<div class="form-group">
253+
<label for="exampleNAME">Name</label>
254+
<input type="text" class="form-control" id="exampleNAME" aria-describedby="emailHelp">
255+
</div>
256+
<div class="form-group">
257+
<label for="exampleInputEmail1">Email</label>
258+
<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp">
259+
</div>
260+
<div class="form-group">
261+
<label for="exampleInputPassword1">Password</label>
262+
<input type="password" class="form-control" id="exampleInputPassword1">
263+
</div>
264+
<div class="form-group">
265+
<label for="exampleInputCPassword1">Confirm Password</label>
266+
<input type="password" class="form-control" id="exampleInputCPassword1">
267+
</div>
268+
269+
</form>
270+
</div>
271+
<div class="modal-footer" data-dismiss="close">
272+
<button class="btn btn-warning">Save Changes</button>
273+
274+
</div>
275+
</div>
276+
</div>
277+
</div>
278+
279+
280+
281+
282+
283+
284+
285+
286+
287+
288+
289+
<script src="http://code.jquery.com/jquery-3.3.1.min.js"
290+
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
291+
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"
292+
integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
293+
crossorigin="anonymous"></script>
294+
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"
295+
integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T"
296+
crossorigin="anonymous"></script>
297+
<script src="https://cdn.ckeditor.com/4.9.2/standard/ckeditor.js"></script>
298+
299+
<script>
300+
// Get the current year for the copyright
301+
$('#year').text(new Date().getFullYear());
302+
303+
CKEDITOR.replace('editor1');
304+
</script>
305+
</body>
306+
307+
</html>

0 commit comments

Comments
 (0)