-
Notifications
You must be signed in to change notification settings - Fork 0
/
blog.html
135 lines (113 loc) · 6.15 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>GCET Blog</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="/CSS/all.min.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=Open+Sans:wght@300;500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/fontawesome.min.css">
<script src="https://kit.fontawesome.com/1affd19e03.js" crossorigin="anonymous"></script>
</head>
<body>
<section class="sub-header">
<nav>
<a href="index.html"><img src=""></a>
<div class="nav-links" id="navLinks">
<i class="fa fa-times" onclick="hideMenu()"></i>
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="course.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 fa-bars" onclick="showMenu()"></i>
</nav>
<h1>Our Certificates & Online Programs For 2021</h1>
</section>
<!------- Blog page Content ------->
<section class="blog-content">
<div class="row">
<div class="blog-left">
<img src="img/certificate.jpg">
<h2>Our Certificates & Online Programs For 2021</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit et, doloribus autem asperiores quisquam minus quod rem quis quidem maiores sint. Unde, odit odio, doloremque inventore pariatur voluptatum quae modi harum voluptas molestias
beatae quod eveniet porro adipisci.</p>
<br>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Magni, recusandae sint! Sunt unde nihil debitis in vitae libero pariatur, repellendus dicta consequuntur eius possimus, magni rerum iusto reprehenderit placeat aperiam excepturi
nemo. Accusamus, facere? Sed eligendi possimus corrupti quibusdam repellat ab maiores autem, voluptatum mollitia sapiente modi odio. Quisquam assumenda, nihil sunt minima hic aliquam at adipisci vel suscipit quam reprehenderit fugit
architecto natus praesentium, tempore ratione vero facere velit id. Ex nemo nam aliquam fuga soluta temporibus magnam illum culpa ducimus! Sit laboriosam dolorem quis. Tempore, vel.</p>
<br>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo a, minima ut in, et tenetur saepe debitis asperiores ex, sed impedit voluptatem adipisci! Porro optio pariatur nesciunt quos recusandae dicta tenetur libero voluptates
vero, veniam magni autem hic tempora. Magni, odio laborum suscipit sequi cumque soluta sint enim expedita sapiente blanditiis quidem atque iste? Quasi.</p>
<br>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum earum laudantium ipsum ullam veritatis placeat nemo at quae neque amet quam cum facilis eos quisquam inventore quaerat consectetur possimus molestias quis, incidunt ea obcaecati
est porro. In accusantium debitis labore obcaecati illo sunt corporis laboriosam ratione, esse perspiciatis voluptatibus! Ea recusandae architecto est ut perferendis magnam ratione dolorem doloremque. Repellendus, incidunt perspiciatis?
Aliquam velit earum porro nostrum iusto error repellendus, odio voluptatum.</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>Computer Science Engineering</span>
<span>54</span>
</div>
<div>
<span>Civil Engineering
</span>
<span>88</span>
</div>
<div>
<span>Mechanical Engineering</span>
<span>23</span>
</div>
<div>
<span>Electrical Engineering</span>
<span>51</span>
</div>
<div>
<span>Bio-Medical Engineering</span>
<span>67</span>
</div>
</div>
</div>
</section>
<!-------- Facilities -------->
<!--------- Footer -------->
<section class="footer">
<h4>About Us</h4>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Architecto, sapiente possimus obcaecati <br> ab mollitia delectus dolore commodi placeat dolores itaque ipsa quaerat expedita voluptas atque, provident, necessitatibus porro sunt. Mollitia,
minima doloremque!</p>
<div class="icons">
<i class="fab fa-facebook"></i>
<i class="fab fa-twitter"></i>
<i class="fab fa-instagram"></i>
<i class="fab fa-linkedin"></i>
</div>
</section>
<!-- ------------JavaScript For Toggle Menu--------- -->
<script>
var navLinks = document.getElementById("navLinks");
function showMenu() {
navLinks.style.right = "0";
}
function hideMenu() {
navLinks.style.right = "-200px";
}
</script>
</body>
</html>