-
Notifications
You must be signed in to change notification settings - Fork 0
/
blog.html
116 lines (105 loc) · 5.63 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
<!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 - System625</title>
<link rel="stylesheet" href="eduford.css">
<link rel="icon" href="images/imageedit_6_7814479324.png">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/font-awesome.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@100;200;300;400;600;700&display=swap" rel="stylesheet">
</head>
<body>
<section class="sub-header">
<nav>
<a href="index.html"><img src="images/imageedit_6_7814479324.png"></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 Certificate & Online Programs for 2022</h1>
</section>
<!-- blog page content -->
<section class="blog-content">
<div class="row">
<div class="blog-left">
<img src="images/certificate.jpg" alt="">
<h2>Our Certificate & Online Programs for 2022</h2>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ea unde temporibus hic, distinctio at reprehenderit doloremque possimus! Alias voluptatibus reprehenderit numquam similique quisquam, veniam, nihil doloremque error, et itaque hic ex consequuntur nam assumenda. Saepe in blanditiis reprehenderit architecto tempora.</p>
<br>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Voluptatibus ad molestiae praesentium fugiat. Minima quae explicabo quisquam deleniti, aspernatur nobis eveniet a perferendis exercitationem voluptatem corporis laborum debitis modi animi ut ab temporibus soluta? Tenetur doloribus maxime ipsum ea neque totam eaque, dicta id architecto dolore voluptate explicabo sapiente iusto!</p>
<br>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ratione fugiat nisi voluptate distinctio quos, mollitia earum doloribus. Quaerat, nisi. Ad vero autem nihil reiciendis veniam, aperiam quis, optio corrupti voluptatem quod delectus minus! Iure excepturi, quaerat illo ipsam corporis nihil doloribus harum provident! Ducimus, quasi veritatis rerum debitis aut reprehenderit magnam quibusdam voluptates, necessitatibus natus molestiae reiciendis sapiente quod consectetur?</p>
<br>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel dolores non, ut alias totam quas voluptates dolorem asperiores debitis esse illum rerum rem amet quisquam est? Tenetur praesentium sint illo officia, consequatur rerum ad expedita autem perspiciatis, quod, fugit voluptas!</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="Visit2">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>Data Science</span>
<span>28</span>
</div>
<div>
<span>Machine Learning</span>
<span>15</span>
</div>
<div>
<span>Computer Science</span>
<span>34</span>
</div>
<div>
<span>AutoCad</span>
<span>42</span>
</div>
</div>
</div>
</section>
<!-- footer -->
<section class="footer">
<h4>About Us</h4>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Aspernatur hic commodi enim fuga fugiat rem quae, veniam maxime<br>sed officia accusantium officiis nesciunt totam inventore?</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> by System625</p>
</section>
<!--Javascript for toggle menu-->
<script>
const navlinks = document.getElementById("navlinks");
function showMenu() {
navlinks.style.right = "0"
}
function hideMenu() {
navlinks.style.right = "-200px"
}
</script>
</body>
</html>