forked from Manu-vaish/hacktoberfest-2022
-
Notifications
You must be signed in to change notification settings - Fork 0
/
blog.html
112 lines (91 loc) · 4.46 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
<!DOCTYPE html>
<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>University Of Lucknow</title>
<link rel="stylesheet" href="style/style.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=Ubuntu:wght@300;400;700&display=swap" rel="stylesheet">
<link rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.4/css/fontawesome.min.css">
<script src="https://kit.fontawesome.com/b100c9ff1d.js" crossorigin="anonymous"></script>
</head>
<body>
<section class=" sub-header">
<nav>
<a href="index.html"><img src="Image/logo.png" alt=""></a>
<div class="nav-links" id="navlinks">
<i class="fa-solid fa-slash" 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">COURSES</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="Image/certificate.jpg">
<h2>Our Certificate & Online Programs For 2022</h2>
<p>Lorem ipsum Dolores sit amet, consectetur adipiscing elite. Pallentesque aliquet turpis eleidend faucibua est sollicitudin ut. Maecenas ut venenatis ex, etc. dapibus purus donec sit amet nisl non justo malesuada fermentum. Donec eget felis dolor. Suspendisse condimentum vestibulum ex ac cursus.</p>
<br>
<p>Lorem ipsum Dolores sit amet, consectetur adipiscing elite. Pallentesque aliquet turpis nulla,eleidend faucibua est sollicitudin ut. Maecenas ut venenatis ex, etc. dapibus purus donec sit amet nisl non justo malesuada fermentum. Donec eget felis dolor. Suspendisse condimentum vestibulum ex ac cursus.</p>
<br>
<p>Lorem ipsum Dolores sit amet, consectetur adipiscing elite. Pallentesque aliquet turpis nulla,eleidend faucibua est sollicitudin ut. Maecenas ut venenatis ex, etc. dapibus purus donec sit amet nisl non justo malesuada fermentum. Donec eget felis dolor. Suspendisse condimentum vestibulum ex ac cursus.</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 row="5" placeholder="Your comment"></textarea>
<button type="submit" class="hero-btn red-btn">POST COMMENT</button>
</form>
</div>
</div>
<div class="blog-right"></div>
<h3>Post Cateogries</h3>
<div>
<span>Business Analytics</span>
<span>21</span>
</div>
<div>
<span>Data Science</span>
<span>28</span>
</div>
<div>
<span>Machine Learning</span>
<span>29</span>
</div>
<div>
<span>Web Development</span>
<span>18</span>
</div>
<div>
<span>Artificial Intelligence</span>
<span>32</span>
</div>
</div>
</section>
<!----------Footer--------->
<section class="footer">
<h4>About Us</h4>
<p>Lorem ipsum dolor sit amet,consectetur adipiscing elit. Pellentesque aliquet turpis nulla, eleifend faucibus
est<br>sollicitudinn ut. Maecenas ut venenatis ex, et dapibus purus.</p>
<div class="icons">
<i class="fa fa-facebook"></i>
<i class="fa fa-twitter"></i>
<i class="fa fa-instagram"></i>
<i class="fa fa-linkedin"></i>
<i class="fa fa-youtube"></i>
</div>
<p>Made with <i class="fa fa-heart-o"></i> by Kasak Vaish and Atmagyan Singh</p>
</section>