-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpost.html
97 lines (93 loc) · 3.56 KB
/
post.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Web Project</title>
<!--Style-->
<link rel="stylesheet" href="style.css" />
<link
rel="stylesheet"
href="https://unicons.iconscout.com/release/v4.0.0/css/line.css"
/>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap"
rel="stylesheet"
/>
<!--End Of Style-->
</head>
<body>
<!--Navbar-->
<nav>
<div class="container nav_container">
<a href="index.html" class="nav_logo">Web</a>
<ul class="nav_items">
<li><a href="blog.html">Blog</a></li>
<li><a href="about.html">About</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="contact.html">Contact</a></li>
<!-- <li><a href="signin.html">Sign In</a></li> -->
<li class="nav_profile">
<div class="avatar">
<img src="./images/avatar1.jpg" alt="Image not found" />
</div>
<ul>
<li><a href="dashboard.html">Dashboard</a></li>
<li><a href="logout.html">Log Out</a></li>
</ul>
</li>
</ul>
<button id="open_nav-btn"><i class="uil uil-bars"></i></button>
<button id="close_nav-btn"><i class="uil uil-multiply"></i></button>
</div>
</nav>
<!--End Of Navbar-->
<!--Single Post-->
<section class="singlepost">
<div class="container singlepost_container">
<h2>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptates,
nisi!
</h2>
<div class="post_author">
<div class="post_author-avatar">
<img src="./images/avatar2.jpg" alt="Image not found" />
</div>
<div class="post_author-info">
<h5>By: Test Test</h5>
<small>June, 10, 2022 - 07:23</small>
</div>
</div>
<div class="singlepost_thumbnail">
<img src="./images/blog100.jpg" alt="Image not found" />
</div>
<p>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Nesciunt
nemo fugiat officiis fugit veniam voluptatem. Eveniet tenetur esse
nihil illo incidunt. Voluptas consequuntur excepturi, molestiae
blanditiis aut illum pariatur, impedit eos, libero commodi ratione
totam ipsum sunt natus reiciendis quia!
</p>
<p>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Nesciunt
nemo fugiat officiis fugit veniam voluptatem. Eveniet tenetur esse
nihil illo incidunt. Voluptas consequuntur excepturi, molestiae
blanditiis aut illum pariatur, impedit eos, libero commodi ratione
totam ipsum sunt natus reiciendis quia!
</p>
<p>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Nesciunt
nemo fugiat officiis fugit veniam voluptatem. Eveniet tenetur esse
nihil illo incidunt. Voluptas consequuntur excepturi, molestiae
blanditiis aut illum pariatur, impedit eos, libero commodi ratione
totam ipsum sunt natus reiciendis quia!
</p>
</div>
</section>
<!--End Of Single Post-->
<script src="main.js"></script>
</body>
</html>