WesHack_24/volunteers.html at main · DefinetlyNotAI/WesHack_24 · GitHub

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
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Basic -->
    <meta charset="utf-8"/>
    <meta content="IE=edge" http-equiv="X-UA-Compatible"/>
    <!-- Mobile Metas -->
    <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport"/>
    <!-- Site Metas -->
    <link href="Website/images/Favicons/Customer.Support.Favicon.png" rel="shortcut icon" type="">
    <link href="Website/css/favicon.css" rel="stylesheet" type="text/css"/>
    <script src="Website/js/favicon+urlpretty.js"></script>
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta content="Prize offers for the Wesgreen 2024 Hackathon" name="description">
    <meta content="Wesgreen Hackathon, Student-led Hackathon, Coding Competition, Hackathon 2024, Wesgreen International School, Muwailah Hackathon, Student Coding Event, Programming Contest, Tech Competition, Hackathon Registration, Hackathon Prizes, Hackathon Schedule, Hackathon Venue, Hackathon Sponsors, Hackathon FAQ, Hackathon Volunteers, Coding Challenge, Tech Event for Students, Hackathon Countdown, Hackathon Theme Reveal"
          name="keywords">
    <title>Meet the Team</title>
    <link href="Website/css/volunteer.css" rel="stylesheet">
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
    <!-- Bootstrap core CSS -->
    <link href="Website/css/bootstrap.css" rel="stylesheet" type="text/css"/>

    <!-- Fonts style -->
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap" rel="stylesheet">

    <!-- Owl slider stylesheet -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" rel="stylesheet"
          type="text/css"/>

    <!-- Font awesome style -->
    <link href="Website/css/font-awesome.min.css" rel="stylesheet"/>

    <!-- Custom styles for this template -->
    <link href="Website/css/style.css" rel="stylesheet"/>
    <!-- Responsive style -->
    <link href="Website/css/responsive.css" rel="stylesheet"/>
    <!-- Styles for this page -->
    <link href="Website/css/prizes.css" rel="stylesheet"/>

    <script type="application/ld+json">
        {
            "@context": "https://schema.org",
            "@type": "WebSite",
            "name": "Wes:Hack",
            "url": "https://www.weshack.me",
            "potentialAction": {
                "@type": "SearchAction",
                "target": "https://www.yourwebsite.com/search?q=weshack",
                "query-input": "required name=wesgreen hackathon"
            }
        }
    </script>
</head>
<body>

<!-- Header Section -->
<header class="header_section">
    <div class="container-fluid">
        <nav class="navbar navbar-expand-lg custom_nav-container ">
            <a class="navbar-brand" href="index.html">
                <span>
                  WES:HACK 24
                </span>
            </a>

            <button aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"
                    class="navbar-toggler" data-target="#navbarSupportedContent"
                    data-toggle="collapse" type="button">
                <span class=""></span>
            </button>

            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav">
                    <li class="nav-item">
                        <a class="nav-link" href="index.html">Home</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="prizes.html">Prizes</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="venue.html">Venue</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="schedule.html">Schedule</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="sponsors.html">Sponsors</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="faq.html">FAQ</a>
                    </li>
                    <li class="nav-item active">
                        <a class="nav-link" href="volunteers.html">Volunteers<span class="sr-only">(current)</span></a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="rules.html">Rules</a>
                    </li>
                </ul>
            </div>
        </nav>
    </div>
</header>
<!-- End Header Section -->

<!-- Founder Section -->
<section class="founders">
    <h2>Our Founder and Co-Founder</h2>
    <br>
    <div class="founder-grid" style="display: flex; justify-content: center;">
        <!--Founder Profile: Shahm Najeeb-->
        <div class="profile-box founder animate-visible"> <!-- Visible on load -->
            <img alt="Founder" class="profile-image" src="Website/images/Volunteers/shahm.jpg">
            <div class="profile-text">
                <span class="profile-title">Shahm Najeeb</span>
                <p>Aspiring student on CyberSecurity - Got the chance to create this beginner hackathon
                    - Find me in <a href="https://github.com/DefinetlyNotAI">GitHub</a></p>
            </div>
        </div>
        <!--Cofounder Profile: Munotida Togara-->
        <div class="profile-box cofounder animate-visible">
            <img alt="Co-founder" class="profile-image" src="Website/images/Volunteers/Mono.jpg">
            <div class="profile-text">
                <span class="profile-title"> Munotida Togara </span>
                <br>
                <p>Fernando Alonso AKA The best rookie of Formula 1<br>250 Duo Streak and Going</p><br>
            </div>
        </div>
    </div>
</section>

<!-- Team Members Section -->
<section class="team">
    <h2>Our Amazing Team</h2>
    <br>
    <div class="team-grid-3">
        <!-- Profile:1 Volunteer Name: Mustafa Moamen -->
        <div class="profile-box animate-on-scroll">
            <img alt="Team Member" class="profile-image" src="Website/images/Volunteers/mostafa.jpg">
            <div class="profile-text">
                <span class="profile-title">Mustafa Moamen</span>
                <p>Year 12</p>
                <p>Master of speech. Winner of pointless arguments.</p><br><br>
            </div>
        </div>
        <!-- Profile:2 Volunteer Name: Jad Hadid -->
        <div class="profile-box animate-on-scroll">
            <img alt="Team Member" class="profile-image" src="Website/images/Volunteers/jad.jpg">
            <div class="profile-text">
                <span class="profile-title">Jad Hadid</span>
                <p>Year 12</p>
                <p>Life is like a coin. You can spend it any way you wish, but you can only spend it once.</p>
            </div>
        </div>
        <!-- Profile:3 Volunteer Name: Mazen Ahmed -->
        <div class="profile-box animate-on-scroll">
            <img alt="Team Member" class="profile-image" src="Website/images/Volunteers/mazen.jpg">
            <div class="profile-text">
                <span class="profile-title">Mazen Ahmed</span>
                <p>Year 12</p>
                <p>I may procrastinate more than I like to admit, but when it counts I give it my all 😁</p>
            </div>
        </div>
        <!-- Profile:4 Volunteer Name: Aon Alaa -->
        <div class="profile-box animate-on-scroll">
            <img alt="Team Member" class="profile-image" src="Website/images/Volunteers/3on.jpg">
            <div class="profile-text">
                <span class="profile-title">Aon Alaa</span>
                <p>Year 12</p>
                <p>A student that happens to be an artist</p>
            </div>
        </div>
        <!-- Profile:5 Volunteer Name: Mohamed Ezz Eldin -->
        <div class="profile-box animate-on-scroll">
            <img alt="Team Member" class="profile-image" src="Website/images/Volunteers/reda.jpg">
            <div class="profile-text">
                <span class="profile-title">Mohamed Ezz Eldin</span>
                <p>Year 12</p>
                <p>Passionate Footballer/Swimmer With a goal to succeed and thrive</p>
            </div>
        </div>
        <!-- Profile:6 Volunteer Name: Maryam Jandali -->
        <div class="profile-box animate-on-scroll">
            <img alt="Team Member" class="profile-image" src="Website/images/Volunteers/default.png">
            <div class="profile-text">
                <span class="profile-title">Maryam Jandali</span>
                <p>Year 12</p>
                <p>tre tre tra tru tra tre</p>
                <br><br>
            </div>
        </div>
        <!-- Profile:7 Volunteer Name: Lara Elgharably -->
        <div class="profile-box animate-on-scroll">
            <img alt="Team Member" class="profile-image" src="Website/images/Volunteers/default.png">
            <div class="profile-text">
                <span class="profile-title">Lara Elgharably</span>
                <p>Year 12</p>
                <p>Hi, I am Lara - I’m not sure what to say</p><br>
            </div>
        </div>
        <!-- Profile:8 Volunteer Name: Lana Doghmosh -->
        <div class="profile-box animate-on-scroll">
            <img alt="Team Member" class="profile-image" src="Website/images/Volunteers/default.png">
            <div class="profile-text">
                <span class="profile-title">Lana Doghmosh</span>
                <p>Year 12</p>
                <p>Born to be an artist forced to study medicine - <br>
                    biology lover & maths hater</p>
            </div>
        </div>
        <!-- Profile:9 Volunteer Name: Dania Suliman -->
        <div class="profile-box animate-on-scroll">
            <img alt="Team Member" class="profile-image" src="Website/images/Volunteers/dania.png">
            <div class="profile-text">
                <span class="profile-title">Dania Suliman</span>
                <p>Year 12</p>
                <p>Yes</p><br>
            </div>
        </div>
        <!-- Profile:10 Volunteer Name: Mishal Irfan -->
        <div class="profile-box animate-on-scroll">
            <img alt="Team Member" class="profile-image" src="Website/images/Volunteers/mishal.jpg">
            <div class="profile-text">
                <span class="profile-title">Mishal Irfan<br></span>
                <p>Year 12</p>
                <p>What kind of virus can antiviral methods not prevent? A computer virus.</p>
            </div>
        </div>
        <!-- Profile:11 Volunteer Name: Layal Melhem -->
        <div class="profile-box animate-on-scroll">
            <img alt="Team Member" class="profile-image" src="Website/images/Volunteers/layal.png">
            <div class="profile-text">
                <span class="profile-title">Layal Melhem</span>
                <p>Year 12</p>
                <p>Can change the TV from HDMI2 to HDMI1👍</p>
            </div>
        </div>
        <!-- Profile:12 Volunteer Name: Rawan Shawir -->
        <div class="profile-box animate-on-scroll">
            <img alt="Team Member" class="profile-image" src="Website/images/Volunteers/default.png">
            <div class="profile-text">
                <span class="profile-title">Rawan Shawir</span>
                <p>Year 12</p>
                <p>No.</p><br>
            </div>
        </div>

    </div>
</section>


<script src="Website/js/volunteer.js"></script>
<!-- Bootstrap JS (requires jQuery) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>

</body>
</html>