-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathblog.html
143 lines (140 loc) · 4.82 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
136
137
138
139
140
141
142
143
<!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 Design - Easy Tutorials</title>
<link rel="shortcut icon" href="images/favicon.png" type="image/x-icon">
<link rel="stylesheet" href="css/style.css" />
<script
src="https://kit.fontawesome.com/a491996854.js"
crossorigin="anonymous"
></script>
</head>
<body>
<!--- First page --->
<section class="sub-header">
<nav>
<a href="index.html"><img src="images/logo.png" alt="" /></a>
<div class="nav-links" id="links">
<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 2021</h1>
</section>
<!---- About us ---->
<section class="about-us">
<div class="row">
<div class="about-col">
<h1>We are the world's largest university</h1>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatum
perferendis laudantium ipsum amet laboriosam dignissimos porro odio,
nulla magnam, quos ratione fugiat et eum quas error neque alias nam
ullam unde beatae, praesentium dolore maiores id. Aut, delectus
consequuntur! Eum veritatis, corporis ab consequatur culpa animi
asperiores similique recusandae neque!
</p>
<a href="" class="hero-btn red-btn">EXPLORE NOW</a>
</div>
<div class="about-col">
<img src="images/about.jpg" alt="" />
</div>
</div>
</section>
<section class="blog-content">
<div class="row">
<div class="blog-left">
<img src="images/certificate.jpg" alt="" />
<h2>Our Certificate & Online Program For 2021</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugiat vel
ab sint autem, soluta natus blanditiis optio aut vitae non!
</p>
<br />
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Pariatur
ullam numquam doloribus corrupti earum quidem asperiores in fuga id
aperiam?
</p>
<br />
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Non beatae
possimus autem eius rerum ab ipsa molestias cupiditate magnam
reprehenderit!
</p>
<div class="comment-box">
<h3>Leave a comment</h3>
<form action="" class="comment-form">
<input type="text" placeholder="Enter Name" />
<input type="e-mail" placeholder="Enter E-mail" />
<textarea
name=""
id=""
cols="30"
rows="5"
placeholder="your comment here"
></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>21</span>
</div>
<div>
<span> Machine Learning </span>
<span>29</span>
</div>
<div>
<span> Data Science </span>
<span>38</span>
</div>
<div>
<span> E.Commerce </span>
<span>45</span>
</div>
<div>
<span> Web Development </span>
<span>30</span>
</div>
<div>
<span> App Development </span>
<span>35</span>
</div>
</div>
</div>
</section>
<!------ Footer -->
<section class="footer">
<h4>About Us</h4>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam eos omnis
autem magnam nostrum deserunt.
</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 id="copyright"></p>
</section>
<!--- JavaScript -->
<script src="scripts/script.js"></script>
</body>
</html>