-
Notifications
You must be signed in to change notification settings - Fork 0
/
aboutus.html
95 lines (82 loc) · 3.9 KB
/
aboutus.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
86
87
88
89
90
91
92
93
94
95
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<!--Custom CSS-->
<link href="style.css" rel="stylesheet" type="text/css" />
<title>zephyr website</title>
</head>
<body>
<!--Nav Bar Start-->
<header>
<nav class="navbar navbar-expand-lg bg-dark navbar-dark">
<div class="container">
<a class="navbar-brand" href="#"><img src="tunsyed.jpg" width="60px" alt=""></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" aria-current="page" href="#">About</a>
</li>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="academic.html">Academics</a>
</li>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="sports.html">Sports</a>
</li>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="specialevent.html">Special Event</a>
</li>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="photos.html">Photos</a>
</li>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">Contact Us </a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<!--Nav Bar End-->
<br>
<br>
<br>
<section class="about">
<div class="main">
<img src="BAT.jpg">
<div class="about-text">
<h1>About Us</h1>
<p>AT FIRST, THIS BATCH WAS NAMED "GLOROUS 2024". THIS NAME IS USED UNTIL THE END OF 2021. AT THE
BEGINNING OF 2022, WE CHANGE OUR BATCH NAME TO "ZEPHYR 2024". ZEPHYR HAS 147 BATCH MEMBERS, 73 MALE
STUDENTS AND 74 FEMALE STUDENTS. WE AS "ZEPHYR" MEMBERS WILL ALWAYS MAKE OUR BATCH NAME'S
HONOURABLE.</p>
<h6>“The more that you read, the more things you will know, the more that you learn, the more places
you’ll go.” —Dr. Seuss</h6>
</div>
</div>
<div class="social">
<a href=""><i class="fa-brands fa-tiktok"></i></a>
<a href=""><i class="fa-brands fa-instagram"></i></a>
<a href=""><i class="fa-brands fa-twitter"></i></a>
</div>
</div>
</section>
<!-- Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
crossorigin="anonymous"></script>
</body>
</html>