-
Notifications
You must be signed in to change notification settings - Fork 5
/
About.html
84 lines (78 loc) · 3.12 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
83
84
<!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>AboutUs</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;0,600;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="homeee.html"><img src="images/logo-bottom.png"></a>
<div class="nav-links" id="navLinks">
<i class="fa fa-times" onclick="hideMenu()"></i>
<ul>
<li>
<a href="homeee.html">Home</a>
</li>
<li>
<a href="About.html">AboutUs</a>
</li>
<li>
<a href="contact.html">ContactUs</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 Managing Student Profile</h1>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Minima numquam non praesentium.
Sunt suscipit doloremque officiis quasi odit impedit neque in necessitatibus, quidem
deleniti aliquam ipsa deserunt ad ratione assumenda aspernatur mollitia nesciunt
consectetur cumque nulla facere. Blanditiis illo dolorum impedit aliquam magni nesciunt
quo optio dolores, expedita suscipit nisi laudantium architecto accusamus enim magnam
cum possimus placeat quos delectus.</p>
<a href="" class="hero-btn red-btn">EXPLORE NOW</a>
</div>
<div class="about-col">
<img src="images/about.jpg">
</div>
</div>
</section>
<section class="footer">
<h4>About Us</h4>
<p>Lorem ipsum dolor sit amet consectetur officia
adipisicing elit. Fugiat debitis ut voluptates<br>
dolor voluptatum assumenda nobis iure rerum distinctio!</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></p>
</section>
<!-- -------JavaScript To toggle menu -->
<script>
var navLinks=document.getElementById("navLinks");
function showMenu(){
navLinks.style.right="0";
}
function hideMenu(){
navLinks.style.right="-200px";
}
</script>
</body>
</html>