-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
66 lines (58 loc) · 2.71 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
<!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>University Website Design</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@100;200;300;400;600;700&display=swap"
rel="stylesheet">
</head>
<body>
<section class="subheader">
<nav>
<a href="index.html"> <img src="img/logo.png" alt=""></a>
<div class="nav-links" id="navLinks">
<i class="fa fa-solid fa-xmark" onclick="hideMenu()"></i>
<ul>
<li><a href="">HOME</a><span></span></li>
<li><a href="">ABOUT</a><span></span></li>
<li><a href="">COURSE</a><span></span></li>
<li><a href="">BLOG</a><span></span></li>
<li><a href="">CONTACT</a><span></span></li>
</ul>
</div>
<i class="fa 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"></div>
<h1>We are The Largest University In The World</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis iste est culpa quod ipsam aut natus? Dolore ipsam placeat autem dolorum distinctio, ea nobis facere fugiat incidunt assumenda. Itaque nesciunt illum, nisi corrupti similique facilis aliquid ullam ratione at dolorum voluptates nulla facere eum, veniam unde sequi quibusdam incidunt voluptatem?</p>
<a href="">EXPLORE NOW</a>
<div class="about-col">
<img src="img/about.jpg" alt="">
</div>
</div>
</section>
<!-- ------Footer------ -->
<section class="footer">
<h4>About Us</h4>
<p>Lorem ipsum dolor m aut modi suscipit?Lorem ipsum dolor sit amet consectetur adipisicing elit. Placeat atque,<br> neque necessitatibus in consequatur debitis ex illum aut modi suscipit?</p>
<div class="icons">
<i class="fa-brands fa-facebook"></i>
<i class="fa-brands fa-twitter"></i>
<i class="fa-brands fa-instagram"></i>
<i class="fa-brands fa-linkedin"></i>
</div>
</section>
</body>
<script src="index.js"></script>
<script src="https://kit.fontawesome.com/81c17048b7.js" crossorigin="anonymous"></script>
</html>