-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
162 lines (156 loc) · 6.5 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
155
156
157
158
159
160
<!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="preconnect" href="https://fonts.googleapis.com" />
<link
href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,400&display=swap"
rel="stylesheet"
/>
<script
type="module"
src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"
></script>
<script
nomodule
src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"
></script>
<link rel="stylesheet" href="page.css">
<title>African Youth in Tech Forum About Page | Stanley</title>
</head>
<body>
<header class="header">
<nav class="top-nav">
<a href="#">
<ion-icon class="top-nav-icon" name="logo-facebook"></ion-icon>
</a>
<a href="#"><ion-icon class="top-nav-icon" name="logo-twitter"></ion-icon>
</a>
<a href="#">
<ion-icon class="top-nav-icon" name="logo-whatsapp"></ion-icon>
</a>
<a href="#">
<ion-icon class="top-nav-icon" name="logo-instagram"></ion-icon>
</a>
<a href="#">English</a>
<a href="#">My Page</a>
<a href="#">Log-Out</a>
</nav>
<nav class="about-bottom-nav">
<a href="index.html">
<img src="images/logo-img.png" alt="youth in tech logo" class="about-web-logo" width="50" height="50">
</a>
<ul class="navbar-desktop">
<li><a href="index.html">Home</a></li>
<li><a href="#">Program</a></li>
<li><a href="#join">Join</a></li>
<li><a href="#partners">Sponsor</a></li>
<li><a href="#">News</a></li>
<li class="tech-campaign">
<a href="#">AYT Forum</a>
</li>
</ul>
</nav>
</header>
<nav class="mobile-menu">
<div class="nav-menu">
<a href="index.html" class="mobile-menu-logo">
<img class="menu-logo" src="images/logo-img.png" alt="youth in tech logo" width="80" height="80"
>
</a>
<img src="icons/Icon-cancel.svg"
alt="close-button"
class="close-button"
width="30"
height="30">
</div>
<ul class="menu-ul">
<li id="nav-item"><a href="about.html">About</a></li>
<li id="nav-item"><a href="#">Program</a></li>
<li id="nav-item"><a href="#join">Join</a></li>
<li id="nav-item"><a href="#partners">Sponsor</a></li>
<li id="nav-item"><a href="#">News</a></li>
<li id="nav-item" class="tech-campaign"><a href="#" >AYT Forum</a></li>
</ul>
</nav>
<section class="about-section">
<div class="navbar-mobile">
<img src="icons/Icon-Menu.png" alt="hambuger menu">
</div>
<div class="about-content-one">
<p class="greetings">"Hello! African Youths"</p>
<h1>2023 African Youth in Tech Forum</h1>
<p class="about-details">
The Youth in Tech is a youth-led structure to develop the capacity for
coordinating, mobilizing, and advocating for meaningful Inclusion and Engagement of young people in the technology ecosystem, especially in Africa. Following the success of last year’s edition, this year’s Youth in Tech
aimed at serving as an interactive discussion platform for organized youth
participation from all stakeholder groups to bring up their ideas and concerns. The Forum further created opportunities for networking, collaboration, and creating long-term partnerships between key stakeholders and
the community.
</p>
</div>
<div class="contact-section">
<p>Anyone interested whether youth or not can contact us through Email to get more information and guidance</p>
<a id="join" href="#">[email protected]</a>
</div>
</section>
<div class="logo-info">
<h2> 2023 African Youth in Tech Forum Logo</h2>
<p>
The logo of African Youth in Tech was designed and approved by some African youths learning computer science and others working in Tech companies in the continent and across the world. After designing and making it public, youths who have registered as members f African Youth in Tech and affiliates voted and approved the logo unanimously.
</p>
<div class="logo-img">
<img src="images/logo-img.png" alt="web-logo" width="100" height="100">
</div>
</div>
<div class="past-forums">
<h3>Previous African Youth in Tech Forums</h3>
<p>Have a look at some of the past African Youth in Tech Forums that were organized and done in Durban, South Africa and Accra, Ghana</p>
<div class="past-forum-images">
<div class="forum-images">
<img src="images/youth-forum.webp" alt="youth forum image" width="350" height="220"/>
<span class="overlay">
<h4>2022</h4>
<p>2022 African Youth in Tech Forum in Durban, South Africa</p>
</span>
</div>
<div class="forum-images">
<img src="images/coding-sessions.webp" alt="coding session image" width="350" height="220"/>
<span class="overlay">
<h4>2021</h4>
<p>2021 African Youth in Tech Forum in Accra, Ghana</p>
</span>
</div>
<div class="forum-images">
<img src="images/virtual-forums.jpeg" alt="youth forum image" width="350" height="220"/>
<span class="overlay">
<h4>2020</h4>
<p>2020 African Youth in Tech Forum held virtualy due to Covid-19</p>
</span>
</div>
</div>
</div>
<div id="partners" class="sponsors">
<h6>Partner</h6>
<div class="partners-icons">
<a href="https://about.google/" rel="noopener noreferrer" class="partner-icon" target="_blank">Google<ion-icon name="logo-google"></ion-icon></a>
<a href="https://www.apple.com/business/" rel="noopener noreferrer" class="partner-icon" target="_blank">Apple<ion-icon name="logo-apple"></ion-icon>
</a>
<a href="https://www.microsoft.com/en-us/about" rel="noopener noreferrer" class="partner-icon" target="_blank">Microsoft
<ion-icon name="logo-windows"></ion-icon>
</a>
<a href="https://about.linkedin.com/" rel="noopener noreferrer" class="partner-icon" target="_blank">LinkeIn
<ion-icon name="logo-linkedin"></ion-icon>
</a>
</div>
</div>
<footer class="footer">
<a href="index.html">
<img class="logo-in-footer" src="images/logo-img.png" alt="web-logo" width="50" height="50" />
</a>
<h6>© 2023 African Youth in Technology Forum</h6>
</footer>
<script src="page.js"></script>
</body>
</html>