-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpost.html
218 lines (209 loc) · 11.3 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
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
<!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>The Wisdom Workshop</title>
<link rel="shortcut icon" href="assets/logo(half).png" type="image/x-icon" />
<link
rel="stylesheet"
href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
<link rel="stylesheet" href="style.css" />
<script
src="https://code.jquery.com/jquery-3.6.0.min.js"
integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
crossorigin="anonymous"
></script>
</head>
<body>
<!-- Navigation -->
<nav>
<img src="assets/logo(full).png" alt="logo" />
<div class="navigation">
<ul>
<i id="menu-close" class="fa-solid fa-xmark"></i>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a class="active" href="blog.html">Blog</a></li>
<li><a href="courses.html">Courses</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<!-- <img id="menu-btn" src="assets/menu.png" alt="" /> -->
<i id="menu-btn" class="fa-solid fa-bars"></i>
</div>
</nav>
<!-- Home -->
<section id="about-home">
<h2>Blog/</h2>
</section>
<section id="blog-container">
<div class="blogs blogpost">
<div class="post">
<img src="assets/b1.jpg" alt="" />
<h3>Learn web development in an easiest way</h3>
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Accusamus
quaerat facere dolorem, doloremque ratione veniam nemo ex quae
consequatur provident officiis illum fugit modi maiores sint,
necessitatibus sit aut rem. Doloremque aliquid debitis similique dolorem
eius magnam quisquam at ullam nemo tempora nam velit assumenda minus
voluptate repellendus ducimus voluptatum odio quas, placeat aut quod
excepturi iusto animi minima? A! Unde, in hic explicabo tenetur vitae
possimus reprehenderit dolorum, repellat excepturi, officiis animi sed
tempore accusamus perferendis ab aspernatur enim omnis aperiam delectus
officia eveniet. Perspiciatis possimus dolorum debitis enim? Consequuntur
quo repellendus itaque animi cumque, recusandae officia minima aperiam
accusantium, commodi ut debitis voluptatem magni! At, tempora maxime
nobis eos nesciunt blanditiis commodi voluptatibus temporibus cum
repellendus dignissimos porro! Nesciunt accusamus magnam officia modi
eaque reprehenderit? Facilis, aperiam id. Aliquam perspiciatis modi
<br /><br />
expedita laudantium fugit facere fugiat tempore eum explicabo corrupti
provident, alias unde, deleniti eveniet accusamus tempora delectus!
Sapiente quo ullam deleniti quod vel cupiditate voluptatum quos omnis
ipsa modi mollitia, inventore soluta, iusto earum nulla doloribus sunt,
fugiat ipsum repellat cum eligendi. Asperiores qui unde nostrum aperiam.
Consectetur sed magnam soluta odio in dicta beatae vero, vitae velit.
Reprehenderit, rerum tempore sunt corporis harum voluptate, aliquid
quibusdam doloribus repudiandae repellat, omnis illo illum? Velit ab
explicabo necessitatibus? Est quia numquam quis dolore ipsa, quam natus
aperiam mollitia adipisci voluptatem error quos porro deserunt odio
nostrum repudiandae ab! Aliquam aut itaque reprehenderit! Consequatur cum
adipisci nam nulla id! Commodi necessitatibus error sint dolores eveniet
itaque, magnam eos. Dignissimos neque deleniti explicabo nisi natus,
accusamus sequi iste aliquid, maxime, velit impedit earum. Nemo
repudiandae, nisi dolor hic eveniet voluptatem. Harum unde cumque<br /><br />
explicabo dolorem veritatis deserunt sapiente eum, qui nobis magnam
cupiditate dolore est porro sit neque, deleniti nemo repudiandae maxime
iusto blanditiis id tempore impedit incidunt nihil. Velit? Lorem ipsum
dolor, sit amet consectetur adipisicing elit. Voluptatibus, fugiat
corporis perspiciatis vero rerum ad laudantium numquam. Voluptate quae
ratione dignissimos, enim reiciendis necessitatibus ducimus aut soluta
debitis itaque inventore. Perferendis error vitae omnis quisquam.
Perferendis vel amet omnis. Iure aliquam, aliquid doloribus facere magni,
repudiandae sunt facilis eligendi dignissimos tempore dolor libero
necessitatibus reprehenderit error at laudantium asperiores unde! At
nesciunt, in quibusdam dolorum amet fugiat itaque, cupiditate molestias
ipsa reiciendis ex dolorem illo laboriosam vitae porro soluta officia
quasi? Saepe dolorum rerum perferendis soluta omnis qui natus ullam.
Consequuntur accusantium numquam repudiandae? Officia, unde a eius itaque
rem numquam nulla ea praesentium natus quia veritatis maiores labore
obcaecati velit vel error omnis asperiores accusantium voluptatum? Animi,
inventore vero? Optio, distinctio deleniti! Animi, repellat modi! Veniam
odio voluptas modi ipsa illum reiciendis ex, tempora sequi architecto,
corrupti, aliquam quam! Harum maxime et reiciendis dolorem ratione minus
adipisci vitae placeat! Maiores eligendi voluptate, tempore dolorem
expedita officia repellat, aspernatur provident eveniet similique
sapiente suscipit id mollitia accusantium incidunt. Reiciendis illo
amet<br /><br />
in esse doloribus possimus aut commodi sequi delectus veniam! Repudiandae
velit atque pariatur impedit odit dolores ipsam in, veritatis nesciunt ex
id hic quo earum molestias provident blanditiis nemo consequuntur eos
odio aliquam esse necessitatibus. Nesciunt atque delectus nemo! Officiis
dicta quaerat quia facere illum numquam, quidem a voluptatum ad
repellendus earum molestias laudantium illo dolorem in, dolores at
corrupti laboriosam debitis! Animi sint ratione fugit adipisci est
accusantium! Minus, assumenda. Nesciunt rerum molestiae hic facilis
explicabo enim aperiam, cum quia nemo autem, doloremque ipsum. Soluta,
voluptatem! Fugiat incidunt excepturi rerum temporibus explicabo iste
consequatur sunt dolorum inventore voluptas. Aliquam, voluptatem? Commodi
possimus sit ut alias accusamus, deserunt excepturi rem cumque, sint
blanditiis eum amet dicta? Esse minus ad quae numquam, molestias incidunt
recusandae, saepe fuga, ab possimus in? Impedit saepe consequatur
consequuntur ab delectus natus quibusdam, eligendi quasi itaque, quis
quisquam porro fugit ducimus pariatur tempore nihil ipsam sequi cum
fugiat, fuga quod numquam. Animi reiciendis neque veniam! Dolor debitis
ut iure dolores laborum, molestiae aspernatur quo vel error corporis
soluta dicta optio repellendus facere assumenda quaerat commodi explicabo
voluptatibus magni tempore tenetur fuga sit! Saepe, harum deleniti. Eos,
necessitatibus. Ut dignissimos consectetur temporibus, a nulla nesciunt
excepturi beatae ad. Vero veritatis delectus ipsum nemo omnis nam
laudantium. Ipsa rerum repellat quos nulla velit necessitatibus modi
fugiat itaque. Cum maiores, at, eius eos esse, illum repudiandae dicta
asperiores odit fuga animi voluptates vel quidem neque ut molestias.
Voluptatum nesciunt vero sed doloribus fuga explicabo sapiente!
Repellendus, voluptates dicta? Iste voluptas, quod reprehenderit fuga
nihil eos deleniti quis saepe, unde atque, necessitatibus sed voluptates
veritatis corrupti natus inventore voluptate! Perspiciatis odit<br /><br />
exercitationem dolore minima quia, cum cupiditate assumenda atque! Earum
reprehenderit ad, sunt quae ullam nobis non rem adipisci sapiente rerum
ratione aliquid aspernatur minima neque voluptatibus, ducimus nemo unde
facilis vel tempora. Pariatur eius voluptates laudantium reiciendis
aperiam! Illum perferendis nulla quod sit qui ullam fugiat eaque itaque
aliquid laboriosam. Unde necessitatibus, ratione, provident nostrum
minima quae quo ut omnis molestias eius qui doloremque, maiores
consequuntur sint quam. Distinctio corrupti animi eos quae? Sapiente
dolorum quibusdam perferendis deserunt minus dolore assumenda earum error
reiciendis, repellendus eum repudiandae suscipit esse obcaecati quam.
Debitis voluptates, amet dolorem tempora similique qui. Repudiandae ea
perspiciatis deserunt sunt ut animi optio natus accusamus quibusdam
accusantium ipsam quisquam impedit eius commodi, odit omnis quae
exercitationem ipsa. Exercitationem nesciunt pariatur velit rem ea
incidunt illo. Odit aliquam quaerat, ab quod deleniti repudiandae
asperiores. Aut hic rerum cum eaque magni dolore quidem doloribus fugiat
ullam, quae quos, quam pariatur illo repudiandae reiciendis impedit.
Voluptate, animi ab?
</p>
<a href="#">Read next?</a>
</div>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<div class="footer-col">
<h3>Guides</h3>
<li>Researches</li>
<li>Exoertise</li>
<li>Managed website</li>
<li>marketing service</li>
</div>
<div class="footer-col">
<h3>Guides</h3>
<li>Researches</li>
<li>Exoertise</li>
<li>Managed website</li>
<li>marketing service</li>
</div>
<div class="footer-col">
<h3>Guides</h3>
<li>Researches</li>
<li>Exoertise</li>
<li>Managed website</li>
<li>marketing service</li>
</div>
<div class="footer-col">
<h3>Guides</h3>
<li>Researches</li>
<li>Exoertise</li>
<li>Managed website</li>
<li>marketing service</li>
</div>
<div class="footer-col">
<h3>Newsletter</h3>
<p>You can trust us, we only send promo offers.</p>
<div class="subscribe">
<input type="text" placeholder="Your email address" />
<a href="#" class="yellow">subscribe</a>
</div>
</div>
</footer>
<script>
// Navaigation Bar
$("#menu-btn").click(function () {
$("nav .navigation ul").addClass("active");
});
$("#menu-close").click(function () {
$("nav .navigation ul").removeClass("active");
});
</script>
</body>
</html>