-
Notifications
You must be signed in to change notification settings - Fork 12
/
Copy pathabout.html
65 lines (59 loc) · 2.91 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
<!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</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=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css" integrity="sha512-MV7K8+y+gLIBoVD59lQIYicR65iaqukzvf/nwasF0nqhPay5w/9lJmVM2hMDcnK1OnMGCdVK+iQrJ7lzPJQd1w==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <body>
<section class="sub-header">
<nav>
<a href="index.html"><img src="./images/logo.png" alt="" /></a>
<div class="nav-links" id="navLinks">
<i class="fa-solid fa 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 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. Temporibus beatae assumenda eaque debitis illum recusandae cumque. Blanditiis fugit, repellat ipsam temporibus corrupti totam voluptate laboriosam impedit molestias asperiores iusto voluptates, corporis necessitatibus exercitationem cupiditate aliquam minima. Optio exercitationem error dignissimos tenetur eius aspernatur, commodi, obcaecati doloremque qui quibusdam nam. Commodi!</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>
<section class="footer">
<h4>About Us</h4>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Pariatur error asperiores vero vel incidunt sit!</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>
<p>Made Width <i class="fa-solid fa-heart"></i> by Me Papuna</p>
</section>
<script src="script.js"></script>
</body>
</html>