-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathBlog.html
118 lines (110 loc) · 5.38 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>Portfolio</title> <link rel="stylesheet" href="style.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;400;600;700&display=swap" rel="stylesheet">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
</head>
<body>
<section class="sub-header">
<nav>
<a href="index.html"><img src="/eduford_img/logo2.png" alt=""></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="AboutMe.html">ABOUT</a></li>
<li><a href="Resume.html">RESUME</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>My Certificates & Online Programs In 2022</h1>
</section>
<!-- ----Blog Page Content---- -->
<section class="blog-content">
<div class="row">
<div class="blog-left">
<img src="eduford_img/certificate.jpg" alt="">
<h2>My Certificates & Online Programs In 2022</h2>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Enim voluptatum laudantium explicabo autem nemo placeat deserunt consectetur molestias maxime eius. Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ipsum, quas.</p>
<br>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe, eligendi. Aliquam repellat, voluptates provident ullam eaque quasi quod itaque, veritatis expedita accusamus fugiat excepturi doloribus id consectetur dolorem porro placeat soluta quo. Consequuntur, quo vero totam laboriosam similique itaque minus!</p>
<br>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur ex dolores, quibusdam ad quos aspernatur sint deserunt, error, commodi excepturi labore! Animi ex dolor at, laboriosam voluptate modi aspernatur reiciendis natus iste et nulla deserunt asperiores eius eligendi praesentium unde deleniti omnis? Voluptatem repellat debitis totam iusto adipisci maxime dolore.</p>
<br>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesentium incidunt minima et culpa. Voluptates, consectetur tempore. Ex saepe repudiandae, possimus dolorem, id voluptate praesentium, consequuntur molestiae necessitatibus modi quo pariatur blanditiis quae harum. Temporibus, vitae.</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 placeholder="Your Comment" rows="5"></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>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 Me</h4>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas voluptates quam dignissimos quos, <br> ab id dolorum beatae fugiat cum nemo illum, aperiam, cumque veniam. Quia dolorem quam quibusdam molestiae quo?</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 Akash Rai</p>
</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>