-
Notifications
You must be signed in to change notification settings - Fork 0
/
About.html
85 lines (84 loc) · 2.96 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
85
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>University Website Design</title>
<link rel="icon" type="image" href="images/th.jpeg">
<!-- style.css linking here -->
<link rel="stylesheet" href="css/style.css">
<!-- font family linking here -->
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<!-- font-awesome.min.css linking here -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<!-- header section strt -->
<section class="sub-header">
<!-- nav strt -->
<nav>
<a href="index.html"><img src="images/logo.png" alt=""></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>
<!-- nav end -->
<h1>About Us</h1>
</section>
<!-- header section end -->
<!-- about us content strt -->
<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. Cupiditate repudiandae aspernatur maiores recusandae eveniet nesciunt quia illum voluptatibus voluptate error, voluptates labore soluta sed consequatur! Quis repellendus quia, expedita sit. Lorem ipsum dolor sit amet consectetur.</p>
<a href="" class="hero-btn red-btn">EXPLORE NOW</a>
</div>
<div class="about-col">
<img src="images/about.jpg" alt="">
</div>
</div>
</section>
<!-- footer strt -->
<section class="footer">
<h4>About Us</h4>
<p>Lorem, ipsum dolor sit amet consectetur, adipisicing elit. Ut reprehenderit labore eligendi tenetur, sapiente ab doloremque id provident dignissimos <br> ipsa perspiciatis voluptates sunt facilis minus omnis illo ea maxime nesciunt.</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 Sayeeda Saima with help of <i class="fa fa-heart"></i> Easy Tutorials </p>
</section>
<!-- footer end -->
<!-- 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>