-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
154 lines (153 loc) · 5.93 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
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!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" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
/>
<link rel="stylesheet" href="./about.css" />
<link rel="stylesheet" href="./styles.css" />
<title>About</title>
</head>
<body>
<section class="mobile-menu">
<span class="menu-close-btn" id="close-btn">
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M5.29289 5.29289C5.68342 4.90237 6.31658 4.90237 6.70711 5.29289L12 10.5858L17.2929 5.29289C17.6834 4.90237 18.3166 4.90237 18.7071 5.29289C19.0976 5.68342 19.0976 6.31658 18.7071 6.70711L13.4142 12L18.7071 17.2929C19.0976 17.6834 19.0976 18.3166 18.7071 18.7071C18.3166 19.0976 17.6834 19.0976 17.2929 18.7071L12 13.4142L6.70711 18.7071C6.31658 19.0976 5.68342 19.0976 5.29289 18.7071C4.90237 18.3166 4.90237 17.6834 5.29289 17.2929L10.5858 12L5.29289 6.70711C4.90237 6.31658 4.90237 5.68342 5.29289 5.29289Z"
fill="white"
/>
</svg>
</span>
<div class="menu-links-list">
<a href="./index.html" class="menu-item"> Home </a>
<a href="#contact" class="menu-item">Program</a>
<a href="#" class="menu-item">Join</a>
<a href="#" class="menu-item">Sponsors</a>
<a href="#" class="menu-item">Alumni</a>
</div>
</section>
<header class="header-about" title="about-header">
<section class="head">
<section class="head-desktop">
<section class="top-head">
<ul class="top-links">
<li class="top1">
<a href="#"><i class="fa fa-facebook-f"></i></a>
</li>
<li class="top2">
<a href="#"><i class="fa fa-twitter"></i></a>
</li>
<li class="top3 words"><a href="#">Apply</a></li>
<li class="top1 words"><a href="#">Follow</a></li>
</ul>
</section>
<section class="my-head">
<a href="./index.html" class="logo-link">
<img src="./assets/images/logo.png" alt="logo-img" class="logo" />
</a>
<nav class="navbar-desk">
<ul class="links-desk">
<li class="link2">
<a class="links" href="./index.html">Home</a>
</li>
<li class="link3">
<a class="links" href="#program">Program</a>
</li>
<li class="link4"><a class="links" href="/">Join</a></li>
<li class="link5">
<a class="links" href="/">Sponsors</a>
</li>
<li class="link6"><a class="links" href="/">Alumni</a></li>
</ul>
</nav>
</section>
</section>
<nav class="navbar">
<img
src="./assets/images/hamburg.png"
alt="nav-section"
class="hamburg-icon"
id="menu-close-btn"
/>
</nav>
</section>
<section class="greetings about-greeings">
<p class="welcome-about">"Greetings,BUMSA Alumni"</p>
<h1 class="heading-about">BUMSA ANNUAL ASSEMBLY 2023</h1>
<article class="message-about">
The BUMSA alumni assembly is held annually by the BUMSA alumni and
BUMSA university leaders. it involes the get together of the BUMSA
alumni community and the BUMSA university community to discuss and
remind themselves about their creator ALLAH
</article>
<section class="contact-about">
<p class="contact-us">
Please reach out to us for any further questions regarding this
awesome annual event. we shall be glad to hear from you.
</p>
<a href="#" class="contact-link">info@BUMSAcommunity.com</a>
</section>
</section>
</header>
<section class="recent-events" title="recent-events">
<h3 class="title-about">BUMSA Alumni annaul <br />assembly dec 2023</h3>
<p class="lowbar-title-about"></p>
<article class="recent-info">
The BUMSA alumni assembly was introduced by a group of prominent BUMSA
alumni and university leaders who thought it wise to have a get together
that allows members to remind themselves about ALLAH
</article>
<section class="logo-events">
<img
src="./assets/images/logo.png"
alt="logo-recent"
class="img-logo"
/>
<p class="time-recent">25th Dec (UTC+1) East African Time</p>
</section>
</section>
<section class="events">
<h4 class="title-events title-about">
See the past BUMSA alumni assemblies
</h4>
<p class="lowbar-title-about"></p>
<article class="article-info">
Have a glance at the last two BUMSA assemblies that took place in Dec
2022 and Dec 2021
</article>
<section class="events-container">
<section class="event1">
<p class="events-heading">2022</p>
<p class="events-paragragh">BUMSA alumni assembly 18th Dec</p>
</section>
<section class="event2">
<p class="events-heading">2022</p>
<p class="events-paragragh">BUMSA alumni assembly 29th Dec</p>
</section>
</section>
</section>
<footer class="footer">
<section class="copy-right">
<img
src="./assets/images/logo.png"
alt=""
class="copy-logo copy-logo-desktop"
/>
<p class="copy">© 2023. All Rights Reserved.</p>
</section>
</footer>
<script src="./js/index.js"></script>
</body>
</html>