-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathblog.html
130 lines (114 loc) · 4.69 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
<!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 WEB design</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:ital,wght@0,100;0,200;0,300;0,400;1,200;1,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<section class="sub-header">
<nav>
<a href="index.html"><img src="eduford_img/logo.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 Program For 2022</h1>
</section>
<!-- ------------------Blog--------- -->
<section class="blog-content">
<div class="row">
<div class="blog-left">
<img src="eduford_img/certificate.jpg">
<h2>Our Certificate & Online Program For 2022</h2>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit.
Quo consequatur explicabo quis accusamus,
suscipit atque ratione recusandae molestiae ex obcae
cati temporibus consectetur eum ad, vero illo perspiciatis i
nventore eligendi assumenda.</p>
<br>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Exercitationem nam cupiditate repellat ipsa illum suscipit modi sequi natus quidem distinctio. Qui cumque illo sed harum neque deleniti distinctio repellat nobis.</p>
<br>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Temporibus perspiciatis aperiam quo maiores iste fugiat error eos reiciendis unde, dicta, autem voluptates. Libero ipsa omnis deserunt culpa! Obcaecati, quasi corporis.</p>
<br>
<div class="comment-box">
<h3>Leave a comment</h3>
<form class="comment-form">
<input type="text" placeholder="Enter Name">
<input type="text" placeholder="Enter Email">
<textarea rows="5" placeholder="Your comment"></textarea>
<button type="submit" class="hero-btn about-btn">POST COMMENT</button>
</form>
</div>
</div>
<div class="blog-right">
<h3>Post Catergories</h3>
<div>
<span>Business Analytics</span>
<span>21</span>
</div>
<div>
<span>Data Analytics</span>
<span>26</span>
</div>
<div>
<span>AI</span>
<span>23</span>
</div>
<div>
<span>Deep Learning</span>
<span>29</span>
</div>
<div>
<span>Economic</span>
<span>11</span>
</div>
<div>
<span>ART</span>
<span>91</span>
</div>
<div>
<span>Business Analytics</span>
<span>21</span>
</div>
</div>
</div>
</section>
<!-- ---------------Footer----------- -->
<section class="footer">
<h4>About Us</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officia possimus nostrum dolor numquam explicabo dignissimos non quaerat nisi. <br> Nam eius nobis perferendis facilis autem incidunt maxime veritatis nesciunt aspernatur libero.</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>
</div>
<p>Made with <i class="fa fa-heart-o"></i> by Tung Pham</p>
</section>
<!-- ---------------JS for Toggle Menu----------- -->
<script>
var navLinks = document.getElementById("navLinks");
function showMenu(){
navLinks.style.right = "0";
}
function hideMenu(){
navLinks.style.right = "-200px";
}
</script>
</body>
</html>