-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
77 lines (70 loc) · 3.24 KB
/
about.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
<!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 Website Design - System625</title>
<link rel="stylesheet" href="eduford.css">
<link rel="icon" href="images/imageedit_6_7814479324.png">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/font-awesome.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;300;400;600;700&display=swap" rel="stylesheet">
</head>
<body>
<section class="sub-header">
<nav>
<a href="index.html"><img src="images/imageedit_6_7814479324.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>About Us</h1>
</section>
<!-- About Us Content -->
<section class="about-us">
<div class="row">
<div class="about-col">
<h1>We Are The World's Largest University</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Suscipit ab sit ad nihil ipsum! Vero, mollitia non aut fugit quasi deserunt laboriosam itaque? Minima nisi fuga fugiat quasi eum voluptas reprehenderit. Optio, voluptates consectetur non perferendis quod iste neque dolorum laudantium impedit, ex rerum placeat doloremque quasi consequatur eum ducimus.</p>
<a href="" class="Visit2">EXPLORE NOW</a>
</div>
<div class="about-col">
<img src="images/about.jpg">
</div>
</div>
</section>
<!-- Footer -->
<section class="footer">
<h4>ABOUT US</h4>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Perspiciatis maiores debitis sed. Illum praesentium<br>autem nihil dolorum quasi error culpa placeat cum. Non, quibusdam modi?</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"></i> By System625</p>
</section>
<!--Javascript for toggle menu-->
<script>
const navlinks = document.getElementById("navlinks");
function showMenu() {
navlinks.style.right = "0"
}
function hideMenu() {
navlinks.style.right = "-200px"
}
</script>
</body>
</html>