-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
368 lines (349 loc) · 15.2 KB
/
index.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
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
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
<!DOCTYPE html5>
<!--Note: do not work in an oop way as that will confuse things just comment freqiently and space things out-->
<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="style.css" />
<title>TEDxYouthBedayiaSchool</title>
</head>
<body>
<span
onclick="window.open('https://www.fiverr.com/flashplays720/make-a-professional-website-for-you')"
style="
position: absolute;
margin: 2rem 2rem 2rem 2rem;
z-index: 10000;
text-decoration: underline;
cursor: pointer;
font-size: 10px;
"
>Created by Aly Mohamed ~ Mohamed Amr</span
>
<!--Hero section-->
<article id="hero">
<h1 id="mainTitle">TEDXYOUTH@BEDAYIASCHOOL</h1>
<h1 id="subtitle">TEDX'23</h1>
<div class="socials">
<a
href="https://www.instagram.com/TEDxYouthBedayiaSchool"
target="_blank"
><img class="icon" src="5ecec78673e4440004f09e77.png" width="32"
/></a>
<a
href="https://www.facebook.com/TEDxYouthBedayiaSchool"
target="_blank"
><img class="icon" src="746263.png" width="32"
/></a>
</div>
</article>
<!-- What is Tedx -->
<div class="whatstedx">
<h1 class="heading4">What is TEDx?</h1>
<p style="text-align: center" class="paragraph">
TEDx is a grassroots initiative, created in the spirit of TED's overall
mission to research and discover “ideas worth spreading.” TEDx brings
the spirit of TED to local communities around the globe through TEDx
events. These events are organized by passionate individuals who seek to
uncover new ideas and to share the latest research in their local areas
that spark conversations in their communities. TEDx events include live
speakers and recorded TED Talks, and are organized independently under a
free license granted by TED. These events are not controlled by TED, but
event organizers agree to abide by our format, and are offered
guidelines for curation, speaker coaching, event organizing and more.
They learn from us and from each other. More than 3000 events are now
held annually, and we're proud to be one of them.
</p>
</div>
<!--Includes side text-->
<div class="recap">
<div id="recapleft">
<h1 class="heading4" style="text-align: center">
Quick recap of last year
</h1>
<p class="paragraph" style="text-align: center">
Last year's event was astonishing. We had speakers come from different
backgrounds tackling the theme of changing gears and interpreted it
differently. From saving lives to starting projects, the talks really
helped a lot turn their life around. Await us this year with even more
powerful and entertaining talks.
</p>
</div>
</div>
<!--includes new theme and event schedule-->
<div class="theme">
<h1 class="heading4">This year's theme:</h1>
<h1 class="heading3 teme">Arising Eruption</h1>
</div>
<!--Includes speakers cards-->
<div class="speakers">
<h1 class="heading4">Speakers</h1>
<div class="cards">
<div class="speaker">
<img src="speakers/lydia-akram.jpg" />
<div class="name">Lydia Akram</div>
<div class="description">
An entrepreneur, who has been working the hardest to achieve an
eminent bazar that gathers all what you need in one place! Our stage
is welcoming the founder of “Lydiaakrammarket”! Lydia akram started
her journey with studying logistics and Supply chain management at
Arab Academy University. She dug her own path to success following a
remarkable goal: ثق في المحلي. With her ambitious spirit & wealth of
experience, she has come to tell us about marketing strategies with
tips to establish your own brand. Await our glorious Lydia to get
all you need from the business hassle!
</div>
</div>
<div class="speaker">
<img src="speakers/aly-mohamed.jpg" />
<div class="name">Aly Mohamed</div>
<div class="description">
Meet Aly, a 15-year-old computer science and AI enthusiast ready to
captivate you with his insights on AI. Because Artificial
Intelligence and Computer Science are currently a huge part of our
world, Aly has developed a deep understanding of the intricacies of
computer science. He is eager to share his vision and inspire the
next generation of young innovators with the advancements of AI and
how it'll be the game changer in our future world.
</div>
</div>
<div class="speaker">
<img src="speakers/haidy-karem.jpg" />
<div class="name">Haidy Karem</div>
<div class="description">
Haidy Karem, a mother of a Down Syndrome child, will be talking
about how her personal life has challenged her to start her own
career in the disability field. A few years ago, BOND was founded by
Haidy to build a community that accepts others' differences and to
raise awareness about Down Syndrome. Join us on the 17th of February
to learn more about Haidy's touching journey!
</div>
</div>
<div class="speaker">
<img src="speakers/rania-elkalla.jpg" />
<div class="name">Rania ElKalla</div>
<div class="description">
They say creativity has no limits, that one can be creative on the
most simple or extravagant ways. Meet our third speaker, Rania
Elkalla! Rania, CEO of Shell Homage, will bring to our stage the
concept of beauty despite its origin, taking us through her process
of transforming food waste into the most exquisite products. She'll
also discuss the integration of sustainable concepts to our life and
how to apply your creativity all around you. Learning more about the
topic is one week away; make sure you don't miss out!
</div>
</div>
<div class="speaker">
<img src="speakers/jowayreya-khattab.jpg" />
<div class="name">Jowayreya Khattab</div>
<div class="description">
Our stage is welcoming Jowayreya Khattab, a DP1 student who's still
trying to find a career path. Lately, the media has been portraying
entrepreneurship as the sole model of success; however, there are
definitely myriads of other routes to success. That's why Jowayreya
will be exploring different answers of this intriguing question: is
entrepreneurship the only path towards achievement?
</div>
</div>
<div class="speaker">
<img src="speakers/ezz-eldeen-adel.jpg" />
<div class="name">Ezz-Eldeen Adel</div>
<div class="description">
Didn't we all experience some kind of loss before? Whether it's a
person or an anticipated opportunity, anyone can potentially suffer
from loss. Ezz El Deen will dive deep into the concept of loss
through a new psychological perspective. He'll also provide us with
the steps of effectively coping with grief while tackling the
importance of self-awareness and emotional intelligence during the
process of overcoming a loss. Join us on the 17th of February to not
miss out on this talk!
</div>
</div>
<div class="speaker">
<img src="speakers/abdelqayoum-nageeb.jpg" />
<div class="name">Abdelqayoum Nageeb</div>
<div class="description">
Breaking the typical performances stereotypes, Abdelqayoum will be
rocking the stage with a special performance different than all what
we've seen. He'll tackle a series of relatable topics that we all
face or resonate with. In his lively staging, every word he says
will have a significant moral behind it. He'll be exploiting the
rich arabic lanaguage to portray a message. A moral is to be
learned! Will you be able to uncover it??
</div>
</div>
<div class="speaker">
<img src="speakers/mostafa-helmy.jpg" />
<div class="name">Mostafa Helmy</div>
<div class="description">
Mostafa Helmy, a person who's just like many of us, never took an
action towards the environment when he was younger. Nevertheless, as
he grew older, Mostafa's priorities changed and his current goal is
to meet our needs without compromising the ability of future
generations to meet their own. Driven by his urgent consideration
towards future generations, Mostafa will discuss sustainability
while highlighting the importance of considering the possible
environmental implications of our actions.JOIN US ON THE 17TH OF
FEBRUARY to explore how it is never too late to take an action!!!
</div>
</div>
<div class="speaker">
<img src="speakers/abdelrahman-adel.jpg" />
<div class="name">Abdelrahman Adel</div>
<div class="description">
You can't refer to Abdelrahman as your typical Egyptian explorer. He
has redefined his passion of traveling through visiting fairly
unknown, yet culturaly rich locations. Through years of travelling
and starting his own tour-organizing platform "Redefine", he will
ultimately change how we look on local places in Egypt. He will
emphasize on the idea that happiness isn't linked with the name of
the place you're travelling to; you can still enjoy your time by
exploring local hidden gems in Egypt.
</div>
</div>
<div class="speaker">
<img src="speakers/adham-ibrahim.jpg" />
<div class="name">Adham Ibrahim</div>
<div class="description">
Generally there are two types of people when they face a problem:
the person that victimizes themselves and the person who attempts to
confront and resolves the issue. Every person goes through phase in
life, and here Adham will explain how to approach issues/challenges
and implement the best course of action. Join us on the 17th of
February to understand more .
</div>
</div>
<div class="speaker">
<img src="speakers/dina-meshref.jpg" />
<div class="name">Dina Meshref</div>
<div class="description">
Dina believes that hard work leads to the best course of action.
Surrounded by a family of champions, Dina decided to carry on with
her parents legacy in the world of table tennis which gave her a
chance to bring an endless list of achievements to life. The 3x
Olympian and 3x African champion will tell us about the challenges
that she faced in her journey and how these challenges has shaped
her into the person that she is today. You wouldn't find advice
better other than the one who have been through it all, so try to
not miss this talk!
</div>
</div>
<div class="speaker">
<img src="speakers/ahmed-abouzaid.jpg" />
<div class="name">Ahmed Abouzaid</div>
<div class="description">
Everyone has a distinctive trait that differentiates him from
everyone. Ahmed Abouzaid, who is one of the most sucessful arabic
content creators, exceptionally embraced his through sharing words
and tips that influenced numerous students from all over the world.
He started creating content because he excelled academically and
wanted to share his. Abouzaid sees that everyone, including you, has
a potential that's ready to erupt and influence the world. In order
to arise with your uniqeuness and erupt your potential, JOIN US ON
THE 17TH OF FEBRUARY TO GET THE TIPS AND TRICKS.
</div>
</div>
</div>
</div>
<div class="event">
<h1 class="heading4">Event Timetable</h1>
<table>
<tr>
<th>Time</th>
<th>Speaker</th>
</tr>
<tr>
<td class="tab1">4:00 PM - 4:15 PM</td>
<td class="tab">Haidy Karem</td>
</tr>
<tr>
<td>4:15 PM - 4:30 PM</td>
<td>Aly Mohamed</td>
</tr>
<tr>
<td class="tab1">4:30 PM - 4:45 PM</td>
<td class="tab">Lydia Akram</td>
</tr>
<tr>
<td>4:45 PM - 5:00 PM</td>
<td>Ahmed Abouzaid</td>
</tr>
<tr>
<td class="tab1">5:00 PM - 6:30 PM</td>
<td class="tab">BREAK</td>
</tr>
<tr>
<td>6:30 PM - 6:45 PM</td>
<td>Adham Ibrahim</td>
</tr>
<tr>
<td class="tab1">6:45 PM - 7:00 PM</td>
<td class="tab">Dina Meshref</td>
</tr>
<tr>
<td>7:00 PM - 7:15 PM</td>
<td>Jowayreya Khattab</td>
</tr>
<tr>
<td class="tab1">7:15 PM - 7:30 PM</td>
<td class="tab">Rania ElKalla</td>
</tr>
<tr>
<td>7:30 PM - 8:15 PM</td>
<td>BREAK</td>
</tr>
<tr>
<td class="tab1">8:15 PM - 8:30 PM</td>
<td class="tab">Ezz-Eldeen Adel</td>
</tr>
<tr>
<td>8:30 PM - 8:45 PM</td>
<td>Adham Ibrahim</td>
</tr>
<tr>
<td class="tab1">8:45 PM - 9:00 PM</td>
<td class="tab">Abdelqayoum Nageeb</td>
</tr>
</table>
</div>
<!-- Logos of Sponsors this event-->
<div class="sponsers">
<h1 class="heading4">Sponsors this year:</h1>
<div class="sponsersWrap">
<img src="devart-lab.png" class="sponser-h" height="128" />
<img src="ILLA.png" class="sponser-h" height="128" />
<img src="nafham.png" class="sponser" width="128" />
<img src="Term.png" class="sponser" width="128" />
</div>
</div>
<footer>
<div class="sub-footer">
<div>
<div class="heading3">Come and join us!</div>
<div style="font-size: 20px" class="heading4">Apply Now!</div>
</div>
<span>Contact us at [email protected]</span>
</div>
</footer>
<div
style="
position: fixed;
margin: 2em;
z-index: 382194829482;
bottom: 0;
right: 0;
"
>
<button
style="cursor: pointer"
class="buy-tickets"
onclick="window.open('https://linktr.ee/TEDxYouthBedayia23')"
onfocus="window.open('https://linktr.ee/TEDxYouthBedayia23')"
>
Buy Tickets Online
</button>
</div>
<script src="app.js"></script>
</body>
</html>