-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathpost.html
More file actions
131 lines (113 loc) · 9.39 KB
/
post.html
File metadata and controls
131 lines (113 loc) · 9.39 KB
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
<!DOCTYPE html>
<!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>Tech2 etc Tutorial</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- <link rel="stylesheet" href="https://unicons.iconscout.com/release/v2.1.6/css/unicons.css"> -->
<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>
<div class="logo">
<img src="images/logo.svg" alt="logo">
</div>
<div class="navigation">
<ul>
<i class="fa-regular fa-circle-xmark" id="menu-close"></i>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="courses.html">Courses</a></li>
<li><a class="active" href="blog.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<img id="menu-btn" src="images/menu.png" alt="">
</div>
</nav>
<!-- Home -->
<section id="blog-container">
<div class="blogs blog-post">
<div class="post">
<img src="images/b1.jpg" alt="">
<h3>Learn Web Development In The Easiest Way</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam dolor doloremque, ratione, ut a incidunt impedit earum similique inventore neque esse commodi voluptate id beatae. Deleniti earum omnis repudiandae quisquam.
<br><br>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia, inventore. Hic assumenda itaque excepturi quo rem accusantium, sunt veritatis, impedit dolorem at, non ducimus minus ut architecto mollitia maxime? Magni dolores atque cum autem quibusdam, sed voluptatibus veritatis porro harum maxime quod. Amet sequi repellat mollitia ducimus debitis ex fuga est numquam hic impedit, consectetur, nihil dolorem voluptas quasi modi cum dolores similique nam iste eos exercitationem ab vero. Sunt perferendis quod modi sed adipisci esse nostrum ex, vel voluptatum.
<br><br>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Cumque fuga, doloribus quo suscipit sint eaque. Magnam nisi, ut deleniti qui maxime dolore saepe maiores dolores eveniet non? Veniam, repellendus. Magnam esse distinctio similique iste, necessitatibus repellat ex non natus ipsa perferendis cum? Iure recusandae atque amet vero ex hic, quisquam soluta nam fugiat, assumenda, officia sit culpa quidem voluptatem excepturi. Perferendis eligendi quis sunt at molestiae suscipit ea dolor in quidem amet similique, tempore corporis nulla ab qui aspernatur vel veritatis illo mollitia libero sapiente aut eos iste! Dolore, laudantium!
<br><br>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ab nisi harum odit iusto reiciendis eveniet quo dolor atque. In cupiditate blanditiis inventore dolor, sit voluptate error sed eum animi iure earum, placeat molestias similique numquam optio hic officia impedit. Fugiat laudantium accusantium amet consequuntur vero architecto veritatis eos, illo a quos illum aut optio. Porro ipsam repudiandae voluptas ad ullam laborum non provident aut sit vero nostrum fugit id, aliquid deleniti expedita quidem incidunt quos? Sit dicta minus aut obcaecati quidem, ut beatae aspernatur placeat nihil, asperiores non assumenda sed quia facere ipsa alias. Quae sunt vero tempora commodi incidunt aliquam officiis voluptate nam! At ut eos ad dolores nihil adipisci ipsum odit doloribus minus! Harum commodi velit nesciunt suscipit tenetur temporibus esse molestias itaque tempora aperiam quia corporis odit ea expedita, sit natus dolor deleniti eveniet earum consectetur incidunt facere nostrum. Nisi illo pariatur non ad aperiam aliquam excepturi dicta ea temporibus? Odit vero, tempore consequuntur nihil ipsam excepturi atque ab animi vitae debitis temporibus ullam incidunt dicta ut minus aliquid sunt non aut itaque iusto voluptates error veniam quidem autem! Eum architecto voluptatibus eligendi sed quae quo eius natus vero? Alias dignissimos aliquam suscipit eos deserunt quae reprehenderit.
<br><br>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Repellat inventore quod suscipit provident odio odit culpa obcaecati voluptatum laudantium optio quo, atque vitae. Itaque tenetur aperiam laboriosam voluptas eius odio cupiditate dolorum earum, deleniti architecto natus explicabo excepturi pariatur! Cupiditate, inventore! Velit, quis maiores? Doloribus rerum, a explicabo impedit necessitatibus porro, libero tempora itaque quibusdam eum dicta repudiandae magni cumque reprehenderit, neque dignissimos quidem consequuntur perferendis accusamus! Impedit totam iste vero quis quia quasi laudantium voluptates quos dolorem est at, minima nam ullam placeat, quo saepe sit illo corporis magni tempore harum rerum vitae! Error porro molestiae modi quasi molestias.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Labore accusamus deserunt nobis tempora saepe harum sed maiores. Pariatur sunt explicabo rerum possimus. Quam suscipit recusandae dicta repellat? In soluta qui impedit blanditiis accusamus non quam illo, assumenda adipisci officia porro veritatis autem nobis ad odit placeat earum incidunt neque necessitatibus enim dolore tempora minus. Enim hic minima cupiditate voluptate quasi, aliquam ipsa, ducimus error laudantium quis, qui saepe asperiores ut tempore! Nobis aut ipsum accusantium quibusdam eligendi molestias esse consequuntur quod assumenda aliquam officia magnam est accusamus, sunt tenetur quos quia voluptates eum! Molestias minima sunt nisi provident quos, officia rem adipisci vel dolor velit repudiandae in? Dolores sunt vitae dolore reprehenderit harum distinctio error omnis illum sequi nihil, possimus laudantium facilis est assumenda nemo soluta, voluptatum non dicta, odio dignissimos temporibus eveniet? Repudiandae iste eaque minima unde dolorem esse odio dolore.
<br><br>
Iste sunt perferendis nam deserunt tempore maxime nemo! Consequatur earum iusto ratione cum harum aut totam, repellendus doloribus, praesentium architecto nisi, aperiam illo inventore dignissimos magnam? Aperiam quis quod, dolorem nihil blanditiis tenetur dolor sed, ipsum magnam at quae illum minima eos facilis soluta, aspernatur officiis quo aliquid quam doloremque ullam! Deleniti eius repellendus dolore eligendi voluptate quod?
</p>
<a href="#">Read Next?</a>
</div>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<div class="footer-col">
<h3>Top Products</h3>
<li>Manage Reputation</li>
<li>Power Tools</li>
<li>Managed Websites</li>
<li>Marketing Service</li>
</div>
<div class="footer-col">
<h3>Quick Links</h3>
<li>Jobs</li>
<li>Brand Assets</li>
<li>Investor Relations</li>
<li>Terms of Service</li>
</div>
<div class="footer-col">
<h3>Features</h3>
<li>Manage Reputation</li>
<li>Power Tools</li>
<li>Managed Websites</li>
<li>Marketing Service</li>
</div>
<div class="footer-col">
<h3>Resources</h3>
<li>Guides</li>
<li>Research</li>
<li>Experts</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>
<div class="copyright">
<p>Copyright <i class="fa-regular fa-copyright"></i> 2024 All rights reserved | This template is made by John Asogwa</p>
<div class="pro-link">
<i class="fa-brands fa-square-facebook"></i>
<i class="fa-brands fa-instagram"></i>
<i class="fa-brands fa-linkedin-in"></i>
</div>
</div>
</footer>
<script>
// Navaigation Bar
$('#menu-btn').click(function(){
$('.navigation ul').addClass('active')
});
$('#menu-close').click(function(){
$('.navigation ul').removeClass('active')
});
</script>
</body>
</html>