-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathblog.html
118 lines (109 loc) · 5.37 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
<!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>Document</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="responsive.css">
</head>
<body>
<section class="sub_header">
<nav>
<a href="/"><img src="images/logo.png" alt="Logo"></a>
<div class="nav_links" id="navlinks">
<i class="fa fa-times" onclick="hideMenu()"></i>
<ul>
<li><a href="/">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>
<section class="blog_content">
<div class="row">
<div class="blog_left">
<img src="images/certificate.jpg" alt="Certificate">
<h2>Our Certificate & Online Programs For 2021</h2>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Porro rem aperiam tempore! Beatae, alias
suscipit, est pariatur obcaecati dolorum nihil voluptatem sit non in sint velit sed tenetur,
aspernatur facere rerum et asperiores at ratione assumenda! Ut doloribus, iste accusantium facilis
tempora id architecto ipsam officia eligendi, cumque quod praesentium!
</p><br>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem doloribus tempora quidem cum eos
corrupti, aperiam possimus nihil iste dolorum consectetur molestias recusandae distinctio illum,
eaque mollitia, quis cupiditate natus eum rerum. Accusamus illo quibusdam asperiores fugit facere
temporibus quaerat inventore eaque cum ducimus at suscipit accusantium aut, rem a.</p>
<br>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatum autem quibusdam, sit maxime
cupiditate minima numquam eligendi! Fugit optio repellat sit culpa nulla. Ipsa aperiam iusto ad
officia accusantium atque doloribus, animi repellat sint, esse beatae, dolore inventore enim quos
cumque? Sequi doloremque sapiente similique accusamus, non nam. Ipsum, odit.
</p><br>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem aspernatur est non, tempore aut quod.
In maiores consequuntur fugiat mollitia facere, vero veniam enim vitae quasi assumenda sequi quae
harum eaque explicabo, molestias similique placeat ad. Voluptates veniam perferendis eveniet minima
magni, et velit nesciunt corrupti similique consequatur blanditiis in.</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="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>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>Journalism</span>
<span>22</span>
</div>
<div>
<span>Commerce</span>
<span>30</span>
</div>
</div>
</div>
</section>
<section class="footer">
<h4>About Us</h4>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Odit iusto fugiat obcaecati ex nobis aliquam quos
laboriosam <br> laborum qui rerum. Cumque repellendus nequees similique!</p>
<div class="icons">
<i class="fab fa-facebook-f"></i>
<i class="fab fa-twitter"></i>
<i class="fab fa-instagram"></i>
<i class="fab fa-linkedin-in"></i>
</div>
<p>Made with <i class="far fa-heart"></i> by Tamim Ahmed</p>
</section>
<script src="main.js"></script>
</body>
</html>