-
Notifications
You must be signed in to change notification settings - Fork 0
/
blogpage.html
90 lines (78 loc) · 6.19 KB
/
blogpage.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Blog Page</title>
<link rel="stylesheet" href="blog.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
</head>
<body>
<div id="wrapper">
<header>
<a href="index.html">Subscribe</a>
<h1>Monsoon</h1>
<p id="icon"><i class="fa-solid fa-magnifying-glass"></i></p>
</header>
<section class="container">
<div class="items" id="cnt">
<div class="inside-container">
<div class="blog" id="blog1">
<h2>
Sample blog post
</h2>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Odit dolore incidunt nostrum iusto, esse adipisci odio mollitia dicta voluptates quasi ipsum aut voluptatem quidem aperiam expedita nisi atque enim totam laboriosam placeat, ipsa corrupti. Ipsa, nemo minima dolor natus itaque illum qui ipsam vero assumenda, consequatur possimus amet sunt voluptatum quas aut molestias doloremque optio aperiam laboriosam voluptatem, nobis dolorem dignissimos! Voluptate amet odit laboriosam reiciendis assumenda, soluta neque quidem perspiciatis modi, quam odio fugiat, facere cum doloribus. Veniam libero ducimus excepturi eveniet expedita optio delectus iusto totam ipsam, quas laudantium dignissimos deserunt nisi nobis repudiandae! Obcaecati facilis libero consequatur. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nulla, nemo maxime voluptate ex nesciunt doloremque ipsa dolore perferendis cumque iure, corrupti inventore iusto illo rerum minima reprehenderit esse dolores et officiis, natus quibusdam fuga possimus neque. Perferendis, reiciendis ipsum voluptatibus ducimus quidem libero labore itaque. Vel officia velit nobis obcaecati, qui impedit rerum perspiciatis praesentium tempore ratione earum doloremque dolore. Porro illum dolorum eius laborum unde laboriosam at et ex alias corporis, delectus tempore incidunt cum praesentium quibusdam possimus recusandae nulla magni neque. Minima unde qui expedita veniam id sed labore? Ipsa quos amet placeat dolorem iusto suscipit quisquam quae!</p>
</div>
<div class="blog" id="blog2">
<h2>Heading</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis blanditiis architecto magnam, ipsum eveniet facere illum quo beatae, ut quaerat asperiores. Neque repellat molestiae a?</p>
<br>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestias fugit aut, deserunt doloribus soluta corporis suscipit ad maiores tempore qui expedita error illum quae beatae autem dolore nulla repellat deleniti sunt dolores iure sint voluptates? Similique, rerum odio. Iusto consectetur perferendis dignissimos expedita optio saepe nisi illum possimus suscipit facilis!</p>
</div>
<div class="blog" id="blog3">
<h2>Heading</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia, earum quidem sapiente beatae assumenda labore aut libero eos delectus sit repellendus reiciendis accusantium praesentium cumque?</p>
<br>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestias fugit aut, deserunt doloribus soluta corporis suscipit ad maiores tempore qui expedita error illum quae beatae autem dolore nulla repellat deleniti sunt dolores iure sint voluptates? Similique, rerum odio. Iusto consectetur perferendis dignissimos expedita optio saepe nisi illum possimus suscipit facilis!</p>
</div>
<div class="blog" id="blog4">
<h2>sub-Heading</h2>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aspernatur animi eius error facilis, sint aut repellendus itaque esse minima exercitationem excepturi eaque veniam perferendis? Mollitia!</p>
<br>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aspernatur animi eius error facilis, sint aut repellendus itaque esse minima exercitationem excepturi eaque veniam perferendis? Mollitia!</p>
<br>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aspernatur animi eius error facilis, sint aut repellendus itaque esse minima exercitationem excepturi eaque veniam perferendis? Mollitia!</p>
<br>
</div>
</div>
</div>
<div class="items" id="aside">
<h2>About</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Recusandae exercitationem quisquam saepe ullam facere iste hic ipsa eveniet aliquid sapiente fugit voluptatum est corrupti culpa tenetur blanditiis ipsum, sit debitis omnis quia ab commodi excepturi, voluptates nesciunt! Voluptatum, quasi aspernatur.</p>
<br><br><br>
<h2>Archives</h2>
<a href="">March 2014</a><br>
<a href="">March 2014</a><br>
<a href="">March 2014</a><br>
<a href="">March 2014</a><br>
<a href="">March 2014</a><br>
<a href="">March 2014</a>
<br><br><br>
<h2>Elsewhere</h2>
<a href="">GitHub</a><br>
<a href="">Twitter</a><br>
<a href="">Facebook</a><br>
</div>
<div class="items" id="ft">
<div class="btn">
<p><a href="index.html">close Post</a></p>
</div>
<div class="btn">
<a href="index.html">Back</a>
</div>
<!-- <input type="submit" id="bottom" value="close Post"> -->
</div>
</section>
</div>
</body>
</html>