-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathBlog.html
189 lines (155 loc) · 9.65 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
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
<!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 Blog | World's Biggest University</title>
<!-- favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="images/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png">
<link rel="manifest" href="images/favicon/site.webmanifest">
<link rel="mask-icon" href="images/favicon/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<!-- google fonts -->
<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=Roboto:wght@300&display=swap" rel="stylesheet">
<!-- fontawesome CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- style sheet -->
<link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body>
<!------- header --------->
<section class="sub-header">
<nav>
<a href="index.html"><img src="images/eduford_img/logo.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 US</a></li>
</ul>
</div>
<i class="fa fa-bars" onclick="showMenu()"></i>
</nav>
<h1>Our Certificate & Online Program For 2021</h1>
</section>
<!-- -------------------- Blog Page Content ------------------------------ -->
<section class="blog-content">
<div class="row">
<div class="blog-left">
<img src="images/eduford_img/certificate.jpg">
<h2>Our Certificate & Online Program For 2021</h2>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Dolorum esse qui dignissimos? Debitis odio
illum labore, modi vel, eligendi commodi laboriosam aperiam repellendus corrupti deserunt soluta,
sequi sapiente rem ab repellat aspernatur amet pariatur! Lorem ipsum dolor sit amet consectetur
adipisicing elit. Similique sed maxime repellendus ipsum quam natus voluptatem saepe eligendi at
iste modi, nisi culpa tempora nobis corporis omnis animi quo facilis rem voluptatum. Ducimus vero
asperiores quibusdam animi, ipsum ullam aliquam earum quod exercitationem voluptas esse, eum alias
totam modi aliquid nesciunt! Amet laborum commodi eum rerum inventore, dolorem ratione vero harum
expedita cum a quos, natus reprehenderit eveniet quae qui delectus voluptatibus quo consequuntur
earum veniam, officiis magni necessitatibus voluptas.
</p>
<br>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod minus tenetur sapiente impedit, harum
esse, sed ea sint repellat expedita corrupti fuga tempore aspernatur illum perspiciatis iure soluta
saepe fugiat totam voluptatem! Quam expedita quis sunt accusantium vitae corporis aut error in
repudiandae ipsam quas, dolorum distinctio, a ullam quod. Lorem ipsum dolor sit amet consectetur
adipisicing elit. Ea velit commodi inventore et, temporibus non magnam voluptatibus placeat animi
ipsa minima error necessitatibus porro sint natus voluptates rem deserunt hic, laudantium tempore.
Ullam numquam laboriosam nemo optio voluptas nam saepe doloremque eveniet nisi corporis deleniti
architecto sunt itaque provident explicabo dolores, in debitis? Perferendis molestias nesciunt
repudiandae qui voluptas veniam quis commodi officiis. Excepturi labore corrupti quia aliquam
inventore voluptatem quibusdam molestiae. Dicta nulla neque tenetur ducimus. Eaque, est libero.
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ex, fugit veritatis! Nemo aperiam cumque
veniam consequuntur? Rem dignissimos iusto, architecto, aliquid nesciunt tempora culpa, sapiente quo
expedita ratione sint fugit voluptatibus nemo dolores aliquam! Distinctio quae, alias dolor quia
inventore sunt ea rerum eligendi doloremque, libero nesciunt corrupti similique quod in ab illum
dolorum. In magnam quibusdam ipsum velit reiciendis laborum voluptatum a delectus praesentium
expedita voluptatem quo commodi voluptas ab quas, sunt similique ullam sapiente unde? Saepe,
eligendi quo!</p>
<br>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Repellendus qui provident, incidunt quidem
iusto possimus cum animi ratione! Voluptatem cupiditate sed reprehenderit! Animi, reprehenderit
corporis? Delectus architecto hic atque nesciunt quos voluptatem quam provident non numquam quidem,
neque fugit iure rem assumenda mollitia possimus natus cumque ex doloremque, porro, beatae
necessitatibus! Nesciunt voluptatem vitae iste error qui quibusdam, vel quod velit? Excepturi
nostrum facilis voluptas nihil incidunt harum mollitia, nemo ad officia dolorem, eum cupiditate
cumque maxime consequatur labore porro odio et expedita ratione corrupti minima. Expedita, natus
sapiente vero, dolor debitis iure earum consequatur explicabo molestiae quis voluptatem est! Lorem
ipsum dolor sit amet consectetur adipisicing elit. Debitis mollitia sed ab voluptatum? Accusamus,
laudantium perferendis. Quidem consequatur ullam impedit sint commodi beatae facilis, ex facere
delectus sequi, veniam, rerum eveniet cum omnis! Quaerat repudiandae numquam aliquam atque id
quidem! Lorem ipsum dolor sit amet consectetur adipisicing elit. Perspiciatis a dolorum vitae ullam
dolorem officiis, dolore velit vel quod repellat optio cumque molestiae eum sunt qui obcaecati
quibusdam, aut magni dignissimos deserunt itaque, numquam ipsa voluptatem. Deserunt repudiandae odio
iste ea, quae laboriosam provident consequuntur molestias incidunt nihil, expedita deleniti numquam
ut sapiente quasi delectus aliquid sunt totam dolorum cum sed explicabo pariatur vero non. Debitis
neque et explicabo natus veniam facilis ipsum, sunt fugit saepe at odio, sequi hic temporibus
aperiam. Animi, et qui! Odio cum neque voluptates! Adipisci eos voluptatibus voluptate earum aut
iste molestias nihil rem tenetur.</p>
<div class="comment-box">
<h3>Leave A Comment</h3>
<form action="" 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="bannerBtn redBtn">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>12</span>
</div>
<div>
<span>Machine Learning</span>
<span>34</span>
</div>
<div>
<span>Artificial Intelligence</span>
<span>61</span>
</div>
<div>
<span>Cyber Security</span>
<span>01</span>
</div>
<div>
<span>Networking</span>
<span>201</span>
</div>
</div>
</div>
</section>
<!--------Footer -------------->
<section class="footer">
<h4>About US</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magni aperiam ratione incidunt libero doloremque,
in quidem necessitatibus nobis,<br> pariatur excepturi saepe et corrupti vitae. Unde, reprehenderit ab
voluptatum accusamus ea libero nobis optio mollitia?</p>
<div class="icon">
<i class="fa fa-facebook"></i>
<i class="fa fa-twitter"></i>
<i class="fa fa-instagram"></i>
<i class="fa fa-linkedin"></i>
<i class="fa fa-youtube-play"></i>
</div>
<p>Copyright<i class="fa fa-copyright"></i>2000-2021</p>
</section>
<!-- javascript -->
<script src="js/script.js"></script>
</body>
</html>