-
-
Notifications
You must be signed in to change notification settings - Fork 25
/
index.html
316 lines (302 loc) · 12.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
<!DOCTYPE html>
<!--
Forty by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html lang="en">
<head>
<title>Open Source Community Africa</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<meta name="description" content="A community of creative minds driving the open source movement in Africa" />
<meta name="keywords"
content="OSCA, oscafrica, opensource africa, open source, Africa, Community, Foss Africa, FOSSAFRICA, Technology, FOSS" />
<!-- Twitter card -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@oscafrica" />
<meta name="twitter:creator" content="@oscafrica" />
<meta name="twitter:title" content="Open Source Community Africa" />
<meta name="twitter:description" content="A community of creative minds driving the open source movement in Africa" />
<meta name="twitter:image" content="images/osca.png" />
<!-- Open graph -->
<meta property="og:site_name" content="Open Source Community Africa" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Open Source Community Africa" />
<meta property="og:url" content="https://oscafrica.org/" />
<meta property="og:description" content="A community of creative minds driving the open source movement in Africa" />
<meta property="og:image" content="images/osca.png" />
<!-- Google Knowledge Graph card -->
<script type="application/ld+json">
{
"@context": "http://www.schema.org",
"@type": "Organization",
"name": "Open Source Community Africa",
"url": "https://oscafrica.org/",
"logo": "images/osca.png",
"description": "A community of creative minds driving the open source movement in Africa"
}
</script>
<!-- Facebook card -->
<meta property="fb:admins" content="100001738009099,100003017988002, 100005576285450" />
<meta property="fb:page_id" content="201250060624015" />
<!-- Favicon -->
<link rel="shortcut icon" type="image/x-icon" href="images/osca.png" />
<!-- Favicon -->
<meta name="google-site-verification" content="syKjnJ8wjjqZfM_F-EL-zhk18BX_TCp_bOpvc9TeYxc" />
<script id="mcjs">
! function (c, h, i, m, p) {
m = c.createElement(h), p = c.getElementsByTagName(h)[0], m.async = 1, m.src = i, p.parentNode.insertBefore(m, p)
}(document, "script",
"https://chimpstatic.com/mcjs-connected/js/users/2339b35e3ca4c86944e0601d0/ad22a9c290a08ef486c3c2eae.js");
</script>
</head>
<body>
<!-- Header -->
<div id="wrapper">
<div id="load">
<header id="header" class="alt">
<a class="logox" href="/">
<img class="logox" src="images/osca1.png" alt="logo image" href="index.html" />
</a>
<nav><a href="#menu">Menu</a></nav>
</header>
<!-- Menu -->
<nav id="menu">
<img class="menu-image" src="images/osca.png" alt="osca logo" />
<ul class="links">
<li><a href="/">Home</a></li>
<li><a href="about-us">About US</a></li>
<!--
<li>
<a href="team">Our Team</a>
</li>
-->
<li><a href="community">Community Page</a></li>
<li><a href="https://blog.oscafrica.org/">Blog</a></li>
<li>
<a style="text-decoration: none;" href="https://bit.ly/osca-chapter" class="button default">Host an
Event</a>
</li>
</ul>
<ul class="actions vertical">
<li>
<a style="text-decoration: none;" href="https://t.co/Otx30wqHAM?amp=1" class="button special fit">Join
US</a>
</li>
</ul>
</nav>
</div>
<!-- Banner -->
<section id="banner" class="major" style="background-image:url(images/oscaa.png)">
<div class="inner">
<header class="major">
<h1 class="theme">The Next Billion Creators</h1>
</header>
<div class="content">
<p>
A community of creative minds driving <br />the open source
movement in Africa
</p>
<ul class="actions">
<li>
<a href="discord.gg/8STPZzN" class="button next scrolly">Join US</a>
</li>
</ul>
</div>
</div>
</section>
<!-- Main -->
<div id="main">
<!-- One -->
<section id="one" class="tiles">
<article>
<span class="image"> <img src="/images/pic01.jpg" alt="descriptive text" /> </span>
<header class="major">
<h3 style="text-transform:uppercase;">
<a href="community.html" class="link">Communities</a>
</h3>
<p>
Our community is spread across Africa hosted in various locations called chapters.<br /><br />
Be part of this growing project. Join a chapter in your city.
</p>
</header>
</article>
<article>
<span class="image"> <img src="images/pic02.jpg" alt="descriptive text" /> </span>
<header class="major">
<h3 style="text-transform:uppercase;">
<a href="https://github.com/oscafrica/" class="link">Projects</a>
</h3>
<p>
Do you want to feel the thrill of contributing? If yes, get on
the ship and let us sail. Explore the current projects and find
one that matches your skillset.
</p>
</header>
</article>
<article>
<span class="image"> <img src="images/pic03.jpg" alt="descriptive text" /> </span>
<header class="major">
<h3 style="text-transform:uppercase;">
<a href="https://opensource.guide/" class="link">Open Sourcerer?</a>
</h3>
<p>
Open source technologies are driving the future as the most widely adopted tools for building disruptive
and innovative solutions to current global issues. Learn how to
effectively contribute towards building the next generation of world class solutions in Africa.
</p>
</header>
</article>
<article>
<span class="image"> <img src="images/pic04.jpg" alt="" /> </span>
<header class="major">
<h3 style="text-transform:uppercase;">
<a href="https://docs.oscafrica.org/" class="link">OSCA Documentation</a>
</h3>
<p>
Onboarding Resources for contributors, members and chapter
organizers of Open source Community Africa (O.S.C.A.)
</p>
</header>
</article>
<article>
<span class="image"> <img src="images/pic05.jpg" alt="" /> </span>
<header class="major">
<h3 style="text-transform:uppercase;">
<a href="https://github.com/oscafrica/made-in-nigeria" target="_blank" class="link">Made In
Africa</a>
</h3>
<p>
It is rumored that Africans only know how to consume technologies that others have already created.
<br /><br />Debunking
this myth, here is a curated list of awesome tools built by
Africans that can be used by anybody anywhere in the world.
</p>
</header>
</article>
<article>
<span class="image"> <img src="images/pic06.jpg" alt="A descriptive text" /> </span>
<header class="major">
<h3 style="text-transform:uppercase;">
<a href="https://festival.oscafrica.org/" class="link">Open Source Festival</a>
</h3>
<p>
Open Source Festival is an annual open source gathering under Open Source Community Africa meant for every participant
to engage in exciting experiences that encourage mastering the art of contributing to open source.
</p>
</header>
</article>
</section>
<!-- Two -->
<section id="over">
<div class="inner">
<header class="major">
<h2>Join Us</h2>
</header>
<p>
As a community, we intend to help integrate the art of open source
contribution into African developer ecosystem whilst strongly advocating for
the adoption of free and open source technologies.<br />
To achieve this, we are building an inclusive environment to accomodate developers of all skill level.
</p>
<ul class="actions">
<li>
<a href="discord.gg/8STPZzN" class="button next">Get Started</a>
</li>
</ul>
</div>
</section>
</div>
<!-- Contact -->
<section id="contact">
<div class="inner">
<section>
<form action="https://formspree.io/opensourcecommunityafrica@gmail.com" method="POST">
<div class="field half first">
<label for="name">Name</label>
<input type="text" name="name" id="name" required />
</div>
<div class="field half">
<label for="email">Email</label>
<input type="text" name="email" id="email" required />
</div>
<div class="field">
<label for="message">Message</label>
<textarea name="message" id="message" rows="6" required></textarea>
</div>
<ul class="actions">
<li>
<input type="submit" value="Send Message" class="special" />
</li>
<li><input type="reset" value="Clear" /></li>
</ul>
</form>
</section>
<section class="split">
<section>
<div class="contact-method">
<span class="icon alt fa-envelope"></span>
<h3>Email</h3>
<a href="mailto:info@oscafrica.org">info@oscafrica.org</a>
</div>
</section>
<!--
<section>
<div class="contact-method">
<span class="icon alt fa-phone"></span>
<h3>Phone</h3>
<span>(234) 000-0000 0000</span>
</div>
</section>
-->
<section>
<div class="contact-method">
<span class="icon alt fa-home"></span>
<div class="text">
<h3>Address</h3>
<span>Somewhere in Wakanda<br />
Africa</span>
</div>
</div>
</section>
</section>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<div class="inner">
<ul class="icons">
<li>
<a href="https://twitter.com/oscafrica" target="_blank" class="icon alt fa-twitter"><span
class="label">Twitter</span></a>
</li>
<li>
<a href="https://web.facebook.com/opensourcecommunityafrica/" target="_blank"
class="icon alt fa-facebook"><span class="label">Facebook</span></a>
</li>
<!--
<li><a href="#" class="icon alt fa-instagram"><span class="label">Instagram</span></a></li>
-->
<li>
<a href="https://github.com/oscafrica" target="_blank" class="icon alt fa-github"><span
class="label">GitHub</span></a>
</li>
</ul>
<ul class="copyright">
<li>© OSCA <span id="copy"></span></li>
<li>HTML5 UP</li>
</ul>
</div>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/min/util.min.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>