-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathblog.html
130 lines (115 loc) · 5.86 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
<!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>University Website </title>
<link rel="stylesheet" href="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=Poppins:wght@300&display=swap" rel="stylesheet">
<link rel="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.4/css/fontawesome.min.css">
</head>
<body>
<section class="sub-header">
<nav>
<a href="index.html"><img src="images/logo.png"></a>
<!-- <a href="index.html"><img src="imgages/banner.png"></a> -->
<div class="nav-link" 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 Certificate & online Program for 2022</h1>
</section>
<section class="blog-content">
<div class="row">
<div class="blog-left">
<img src="images/certificate.jpg">
<h2>Our Certificate & online Program for 2022</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Minus hic velit amet non quos corporis dolores vitae officia aperiam, sed facilis minima! Pariatur ratione harum suscipit? Iure ea eius vel.</p>
<br>
<p>The University of Alberta is located in one of the northernmost major cities in the world. Edmonton is a city with one million residents and one of Canada’s strongest local economies. Like the university, Edmonton is a place where people
come together to build, create and change things for the better. It is a place where good ideas have a strong chance to become reality.</p>
<br>
<p>The University of Alberta is located in one of the northernmost major cities in the world. Edmonton is a city with one million residents and one of Canada’s strongest local economies. Like the university, Edmonton is a place where people
come together to build, create and change things for the better. It is a place where good ideas have a strong chance to become reality.</p>
<br>
<p>The University of Alberta is located in one of the northernmost major cities in the world. Edmonton is a city with one million residents and one of Canada’s strongest local economies. Like the university, Edmonton is a place where people
come together to build, create and change things for the better. It is a place where good ideas have a strong chance to become reality.</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 E-mail">
<input type="text" placeholder="Highest Education">
<input type="text" placeholder="Course">
<input type="text" placeholder="Mobile no">
<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>Bussiness Analytics</span>
<span>21</span>
</div>
<div>
<span>Data Science </span>
<span>16</span>
</div>
<div>
<span>Machine Learning</span>
<span>17</span>
</div>
<div>
<span>Computer Science</span>
<span>34</span>
</div>
<div>
<span>Commerce</span>
<span>10</span>
</div>
<div>
<span>Web Development </span>
<span>21</span>
</div>
</div>
</section>
<!-- ------------javaScript for toggle menu -->
<!-- campus -->
<!-- Call to action -->
<!-- Footer -->
<section class="footer ">
<h4>About Us</h4>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Adipisci <br> quidem saepe doloribus molestias aut numquam <br>consequuntur non? Distinctio pariatur, assumenda quaerat quidem in quasi fuga tempora facere? In, quibusdam.</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>
</div>
<p>Made With <i class="fa fa-heart-o"></i></p>
</section>
<script>
navLinks = document.getElementById("navLinks");
function showMenu() {
navLinks.style.right = "0";
}
function hideMenu() {
navLinks.style.right = "-200px";
}
</script>
</body>
</html>