-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathblog.html
128 lines (118 loc) · 5.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
<!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</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<!-- heading section -->
<section class="sub-header">
<nav>
<h4 style="color: white; margin-top: 5px; margin-bottom: 0;">HelloWorld
<br><hr><span style="font-size: 23px; margin-top: 0;">UNIVERSITY</span></h4>
<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 Certificate and Online Programs For 2022</h1>
</section>
<!-- blog page content -->
<section class="blog-content">
<div class="row">
<div class="blog-left">
<img src="blog1.jpg" alt="">
<h2>Our Certificate and Online Programs For 2022</h2>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Consequuntur similique doloremque vitae veniam fugiat minus sint ratione ex modi repellat veritatis hic suscipit, perspiciatis dolor?
Cum facilis harum earum deleniti?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni, fuga qui reiciendis debitis eos eaque molestiae odio optio, distinctio consectetur doloribus quaerat sit temporibus sint iusto,
quod cupiditate ipsam culpa?</p>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Consequuntur similique doloremque vitae veniam fugiat minus sint ratione ex modi repellat veritatis hic suscipit, perspiciatis dolor?
Cum facilis harum earum deleniti?
Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni, fuga qui reiciendis debitis eos eaque molestiae odio optio, distinctio consectetur doloribus quaerat sit temporibus sint iusto,
quod cupiditate ipsam culpa?</p>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Consequuntur similique doloremque vitae veniam fugiat minus sint ratione ex modi repellat veritatis hic suscipit, perspiciatis dolor?
Cum facilis harum earum deleniti?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni, fuga qui reiciendis debitis eos eaque molestiae odio optio, distinctio consectetur doloribus quaerat sit temporibus sint iusto,
quod cupiditate ipsam culpa?</p>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Consequuntur similique doloremque vitae veniam fugiat minus sint ratione ex modi repellat veritatis hic suscipit, perspiciatis dolor?
Cum facilis harum earum deleniti?
Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni, fuga qui reiciendis debitis eos eaque molestiae odio optio, distinctio consectetur doloribus quaerat sit temporibus sint iusto,
quod cupiditate ipsam culpa?</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 cols="5" placeholder="Your Comment"></textarea>
<button type="submit" class="hero-btn cyan-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>Computer Applications</span>
<span>28</span>
</div>
<div>
<span>Data Science</span>
<span>15</span>
</div>
<div>
<span>Machine Learning</span>
<span>45</span>
</div>
<div>
<span>AutoCAD</span>
<span>19</span>
</div>
<div>
<span>Bachlor of Arts</span>
<span>25</span>
</div>
</div>
</div>
</section>
<!-- footer -->
<section class="footer">
<h4>About Us</h4>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.
Expedita error eos corrupti id sed similique <br>nostrum perspiciatis veritatis
iusto blanditiis rem, reiciendis ratione eius fugiat voluptatum nihil
sint totam? Laudantium.</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 class="by">@ Design by <i class="fa fa-heart-o"></i> Ajay Chaudhari</p>
</section>
<!-- some javascripts -->
<script>
var navLinks = document.getElementById("navlinks");
function showmenu(){
navLinks.style.right = "0";
}
function hidemenu(){
navLinks.style.right = "-200px";
}
</script>
</body>
</html>