-
Notifications
You must be signed in to change notification settings - Fork 2
/
blog.html
135 lines (111 loc) · 5.63 KB
/
blog.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
<!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>Jabalpur Engineering College</title>
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.googleapis.com">
<script src="https://kit.fontawesome.com/316c132172.js" crossorigin="anonymous"></script>
</head>
<body>
<section class="sub-header">
<nav>
<a href="index.html"><img src="images/onlinelogomaker-052822-1842-1208-2000-transparent.png" alt=""></a>
<div class="nav-links" id="navLinks">
<i class="fa-solid fa-xmark" onclick="hideMenu()"></i>
<ul>
<li><a href="/index.html">HOME</a></li>
<li><a href="/about.html">ABOUT</a></li>
<li><a href="/courses.html">COURSE</a></li>
<li><a href="/blog.html">BLOG</a></li>
<li><a href="/contact.html">CONTACT</a></li>
</ul>
</div>
<i class="fa-solid fa-bars" onclick="showMenu()"></i>
</nav>
<h1>Our Certificate & Online Programs For 2022</h1>
</section>
<!-- -------------------Blog Page Content-------------------- -->
<section class="blog-content">
<div class="row">
<div class="blog-left">
<img src="images/Jabalpur Engineering College.png" alt="">
<h2>Our Certificate & Online Programs For 2022</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Iusto veritatis dolorum magni nihil, id quia placeat animi consequuntur repellat dolores itaque temporibus omnis quisquam modi totam! Eligendi qui saepe quod? Id illum odio, ducimus dicta sapiente quasi sed unde veritatis.</p>
<br>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Excepturi cum quos ipsum eveniet eos, cupiditate dicta ipsam explicabo omnis sint rem assumenda reprehenderit, commodi corporis fuga nam, dolor quam officia! Repellendus quisquam et, vitae deserunt illum alias officia facilis rem ipsum dignissimos quidem recusandae consequuntur quas perferendis nulla corporis nobis?</p>
<br>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Facere repudiandae fuga eum recusandae, exercitationem soluta at quibusdam rerum magnam cupiditate repellendus. At blanditiis inventore nam expedita natus molestiae consequatur debitis, sed reprehenderit officiis nesciunt maiores in aut nisi eaque rerum nemo, vero dolorem illo dolore esse! Ducimus, repellendus? Enim rerum, perspiciatis vero explicabo amet reiciendis similique commodi fugit quia sunt?</p>
<br>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Minus laudantium dolorem accusantium, corrupti, facere voluptatem quisquam eius doloribus ex aspernatur et beatae voluptates libero optio. Nisi nihil harum iste sequi minima ipsum, aspernatur provident.</p>
<div class="comment-box">
<h3>Leave A Comment</h3>
<form class="comment-form">
<input type="text" placeholder="Enter Name">
<input type="email" placeholder="Enter Email">
<textarea rows="5" placeholder="Your Comment"></textarea>
<button type="submit" class="hero-btn red-btn">POST COMMENT</button>
</form>
</div>
</div>
<div class="blog-right">
<h3>Post Categories</h3>
<div>
<span>Business Analytics</span>
<span>22</span>
</div>
<div>
<span>Data Science</span>
<span>34</span>
</div>
<div>
<span>Machine Learning</span>
<span>60</span>
</div>
<div>
<span>Computer Science</span>
<span>11</span>
</div>
<div>
<span>AutoCAD</span>
<span>32</span>
</div>
<div>
<span>Graphic Designing</span>
<span>69</span>
</div>
<div>
<span>Journalism</span>
<span>44</span>
</div>
</div>
</div>
</section>
<!-- -----------------Footer----------------0- -->
<section class="footer">
<h4>About Us</h4>
<p>Lorem ipsum dolor sit amet consectetur adipisicing .<br>Id at sapiente nisi temporibus. Cupiditate repellendus rerum debitis id animi alias.</p>
<div class="icons">
<i class="fa-brands fa-facebook-square"></i>
<i class="fa-brands fa-instagram-square"></i>
<i class="fa-brands fa-twitter-square"></i>
<i class="fa-brands fa-linkedin"></i>
</div>
<p>Made With <i class="fa-brands fa-html5"></i>
<i class="fa-brands fa-css3-alt"></i> By Anushk Jain</p>
</section>
<!-- -----------JavaScript To Toggle Menu----------- -->
<script>
var navLinks = document.getElementById("navLinks");
function showMenu(){
navLinks.style.right = '0';
}
function hideMenu(){
navLinks.style.right = '-200px';
}
</script>
</body>
</html>