-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
82 lines (72 loc) · 3.14 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
78
79
80
81
82
<!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</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@200;300;400;600;700&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/v4-shims.css">
</head>
<body>
<section class="sub-header">
<nav>
<a href="index.html"><img src="images/logo.png" alt="" srcset=""></a>
<div class="nav-links" id="navLinks">
<i class="fas 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="fas fa-bars" onClick="showMenu()"></i>
</nav>
<h1>About Us</h1>
</section>
<section class="about-us">
<div class="row">
<div class="about-col">
<h1>We are the Worlds Largest University</h1>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Explicabo voluptatum voluptates temporibus
earum consectetur adipisci aliquid quis itaque enim iste commodi velit quos illo nobis asperiores
est in doloribus alias inventore tempore numquam, minus quaerat! Ipsam natus soluta error debitis,
mollitia ducimus officia reiciendis esse quo expedita, adipisci laudantium labore.</p>
<a class="hero-btn red-btn" href="">EXPLORE NOW</a>
</div>
<div class="about-col">
<img src="images/about.jpg" alt="" srcset="">
</div>
</div>
</section>
<section class="footer">
<h4>About Us</h4>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nulla tenetur provident repellat, sapiente alias
quasi reiciendis, commodi vitae in,<br> perferendis minus? Odit alias aliquid magnam nulla adipisci, fugit
et rem?</p>
<div class="icons">
<i class="fab fa-facebook"></i>
<i class="fab fa-twitter"></i>
<i class="fab fa-instagram"></i>
<i class="fab fa-linkedin"></i>
</div>
<p>Made with <i class="fas fa-heart"></i> by Delroy</p>
</section>
<script>
var navLinks = document.getElementById("navLinks")
function showMenu() {
navLinks.style.right = "0";
}
function hideMenu() {
navLinks.style.right = "-200px";
}
</script>
</body>
</html>