-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
60 lines (55 loc) · 2.92 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<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@100;300;400;600;700&family=Ubuntu:ital,wght@0,300;0,400;0,700;1,400&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
<title>University-Page</title>
</head>
<body>
<section class="sub-header">
<nav>
<a href="index.html"><img src="img/logo.png" alt=""></a>
<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 US</a></li>
<li><a href="course.html">COURSES</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 fa-sm" onclick="showMenu()"></i>
</nav>
<h1>About Us</h1>
</section>
<section class="about-us">
<div class="row">
<div class="about-col">
<h1>The Largest University of the World</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nisi nobis quidem fugit dolore, cupiditate blanditiis unde perspiciatis temporibus eum sint reprehenderit! Velit repellendus eligendi necessitatibus doloremque fugit rerum, ipsum repudiandae saepe aliquam earum dignissimos, voluptatem ducimus quae vel tempora architecto eos pariatur? Ratione aliquid ipsam ducimus, perspiciatis suscipit ut ullam neque obcaecati ipsum natus explicabo, rerum nemo. Quidem, est nulla.</p>
<a href="" class="hero-btn red-btn">Explore Now</a>
</div>
<div class="about-col">
<img src="img/about.jpg" alt="">
</div>
</div>
</section>
<section class="footer">
<h4>About Us</h4>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusamus, aut esse! Commodi ipsa magni, a sapiente repellendus, eum dolores <br> quibusdam rem consequatur repudiandae ea excepturi. Doloribus adipisci quisquam qui laboriosam!</p>
<div class="icons">
<i class="fa-brands fa-facebook"></i>
<i class="fa-brands fa-twitter"></i>
<i class="fa-brands fa-linkedin"></i>
<i class="fa-brands fa-instagram"></i>
</div>
<p>Made with <i class="fa-regular fa-heart"></i> by Shanya Gupta</p>
</section>
</body>
</html>