-
Notifications
You must be signed in to change notification settings - Fork 0
/
blog.html
141 lines (115 loc) · 7.33 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
<!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>Eduford University</title>
<!----- CSS Link ----->
<link rel="stylesheet" href="./styles.css">
<!----- Google Font ----->
<link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;600;700&display=swap" rel="stylesheet">
<!----- Font Awesome ----->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" integrity="sha512-9usAa10IRO0HhonpyAIVpjrylPvoDwiPUiKdWk5t3PyolY1cOd4DSE0Ga+ri4AuTroPR5aQvXU9xC6qOPnzFeg==" crossorigin="anonymous" referrerpolicy="no-referrer" /></head>
<body>
<!----- Header ----->
<section class="sub-header">
<nav>
<a href="index.html"><img src="images/EdufordUni.png" alt="Eduford University's Logo"></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 2021</h1>
</section>
<!------- Blog Page Content ------->
<section class="blog-content">
<div class="row">
<div class="blog-left"> <!---- for the left column*/ -->
<img src="./Images/certificate.jpg" alt="A Lady With a Certificate">
<h2>Our Certificate & Online Programs For 2021</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Perspiciatis minus dicta error exercitationem dolores quaerat repellendus quod, cupiditate sequi rerum eveniet, totam, eum pariatur modi eius saepe quia assumenda ducimus! Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam aliquam obcaecati cumque temporibus voluptates rerum totam quis, alias sed soluta dolorum reiciendis explicabo ea nobis voluptatum ex doloribus. Doloribus, quod.</p>
<br>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, cumque hic est ad consequuntur optio, illo dignissimos sapiente alias voluptatibus minus! Temporibus illum maiores a hic quis? Id voluptatum nemo dicta labore libero neque sunt quos, eos ipsam provident accusamus, velit ullam non corrupti recusandae tempore rem debitis iste enim. Suscipit tempore officia quam amet aliquam nulla. Facere quasi maiores, obcaecati quo atque excepturi magnam ad reprehenderit sed delectus dolor quia minus, perferendis cum. Pariatur delectus veritatis, perspiciatis a alias maxime, at nesciunt expedita est hic iusto quasi voluptatibus quaerat ipsa molestiae reiciendis odio temporibus nemo molestias consequatur.</p>
<br>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Minus minima praesentium architecto neque itaque sint nesciunt autem earum dolores dolorem, et necessitatibus illo tenetur. Delectus dicta voluptas inventore pariatur recusandae exercitationem est asperiores, corrupti ipsam quam voluptatibus cumque voluptates numquam vitae porro ea debitis beatae harum suscipit ut vero sapiente maxime. Ab, esse? Blanditiis cum rerum quia reiciendis quae eveniet recusandae totam praesentium adipisci ut nesciunt illum, aspernatur dolor, nam similique, atque optio quo quisquam! Adipisci voluptatum iure eaque atque, facere, at, aliquam maxime voluptatibus ipsum molestias.</p>
<br>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Repudiandae voluptates, repellat iure ad dolor, nesciunt sint sit ab neque soluta voluptatibus veritatis pariatur animi magni et odit repellendus minima quo quidem laborum dicta provident. Possimus, asperiores! Quod alias, dolore cumque fuga eveniet aliquid! Animi eius, doloribus, aspernatur reprehenderit, amet possimus quaerat corrupti sunt quae quod eaque delectus error cupiditate adipisci!</p>
<div class="comment-box">
<h3>Leave A Comment</h3>
<form name="Comment" method="post" class="comment-form" data-netlify="true">
<input type="text" placeholder="Enter Name">
<input type="email" placeholder="Enter Email">
<textarea rows="5" placeholder="Your Comment"></textarea>
<button type="submit" class="hero-btn btn">POST COMMENT</button>
</form>
</div>
</div>
<div class="blog-right"> <!---- for the right column*/ -->
<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>
<span>Journalism</span>
<span>22</span>
</div>
<div>
<span>Commerce</span>
<span>30</span>
</div>
</div>
</div>
</section>
<!------- Footer ------->
<section class="footer">
<h4>about us</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique dolorem odit nam amet aliquam modi in aperiam debitis iusto, corrupti,<br>voluptatibus beatae velit quos excepturi ducimus itaque ullam nesciunt eum!</p>
<div class="icons">
<div class="links">
<a href="https://www.facebook.com/addsaryormee.eunex"><i class="fa-brands fa-facebook"></i></a>
<a href="https://www.instagram.com/climiradiroberts"><i class="fa-brands fa-instagram"></i></a>
<a href="https://www.twitter.com/TechieClimi_"><i class="fa-brands fa-twitter"></i></a>
<a href="https://www.linkedin.com/in/euniceadewusic"><i class="fa-brands fa-linkedin"></i></a>
<a href="https://mail.google.com/mail/[email protected]"><i class="fa-solid fa-envelope"></i></a>
</div>
<p>made with <span><i class="fa-solid fa-hand-holding-heart"></i></span> by eunice adewusi adebusayo <span><i class="fa-solid fa-copyright"></i></span> africa agility'22 </p>
</div>
</section>
<!-- JavaScript for Toggle Menu -->
<script>
var navLinks = document.getElementById("navLinks");
function showMenu(){
navLinks.style.right = "0";
}
function hideMenu(){
navLinks.style.right = "-200px";
}
</script>
</body>
</html>