-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
76 lines (74 loc) · 2.74 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Eduford University Website</title>
<link rel="stylesheet" href="style.css" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
</head>
<body>
<section class="sub-header">
<nav>
<img src="./images/logo.png" alt="eduford" />
<div class="nav-links" id="navLinks">
<i class="fa-solid fa-xmark" 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-solid 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. Sunt blanditiis porro temporibus reiciendis, rerum dolorem repellat excepturi minima ipsum libero, delectus et nulla voluptates itaque accusamus aut! Eius, explicabo officia! Lorem ipsum.</p>
<a class="hero-btn red-btn" href="#">EXPLORE NOW</a>
</div>
<div class="about-col">
<img src="./images/about.jpg" alt="About-us">
</div>
</div>
</section>
<!---------------Footer-------------->
<footer>
<h4>About us</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque
aliquet turpis nulla, eleifend faucibusest<br/>sollicitudin ut.
Maecenas ut venenatis ex, et dapibus purus.
</p>
<div class="icons">
<i class="fa-brands fa-facebook-f"></i>
<i class="fa-brands fa-twitter"></i>
<i class="fa-brands fa-instagram"></i>
<i class="fa-brands fa-linkedin-in"></i>
<p>Made with <i class="fa-regular fa-heart"></i> by Fahad.</p>
</div>
</footer>
<!-- -------------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>