forked from Afkanerd/Afkanerd.com
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
329 lines (292 loc) · 10.7 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
<!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="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/font-awesome.min.css">
<!--bootstrap link -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<title>Afkanerd</title>
<link rel="shortcut icon" sizes="32x32 64x64" href="images/favicon (1).ico" />
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- the navbar-->
<nav class="navbar fixed-top navbar-expand-sm navbar-light py-0">
<div class="container-fluid">
<img src="images/logo_600X100.png" class="img-responsive"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto" id="navBar">
<li class="nav-item active">
<a class="nav-link " aria-current="page" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#projects">Projects</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contactus"> Contact Us</a>
</li>
</li>
</ul>
</div>
</div>
</nav>
<div class="container-fluid">
<div class="row">
<div class="sectionhero col-md-12">
<div class="content22">
<h2>Afkanerd</h2>
<h2>Afkanerd</h2>
</div>
<p class="wctext">We code for the people</p>
</div>
</div>
</div>
<!--About Page-->
<div class="container" id="about">
<div class="row">
<div class="column-66">
<img class="scroll-element js-scroll slide-right" src="images/what.svg">
</div>
<div class="column-66">
<h1>WHO WE ARE</h1>
<br> <br>
<p class="scroll-element js-scroll slide-left">Afkanerd is an idea, the idea being "We code for the
people". The ideology evolved from the believe
in human rights, freedom of speech and expression.</p>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="column-66">
<h1>WHAT WE DO</h1>
<br> <br>
<p class="scroll-element js-scroll slide-right">We use modern technologies to build sustainable
solutions that benefit the people. We
primarily focus on open-source software for health care, education and communication. We build in
the open and encourage you to join us on our mission to make the world better and more accessible.
</p>
</div>
<div class="column-66">
<img class="whatimg scroll-element js-scroll slide-left"
src="images/undraw_pair_programming_re_or4x.svg">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="column-66">
<img class="scroll-element js-scroll slide-right big-pic"
src="images/undraw_creative_thinking_re_9k71(1).svg">
</div>
<div class="column-66">
<h1>WHY WE DO IT</h1>
<br> <br>
<p class="scroll-element js-scroll slide-left">We are inspired by many great individuals who take
action. We know that we can only inspire change
and drive development by leading the way so we are! We hope to be the change that we expect and we
are
doing our part to get there.</p>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="column-66">
<h1>HOW TO JOIN US</h1>
<br> <br>
<p class="scroll-element js-scroll slide-right">Every one is welcome to join in on our current and
future open-source projects. Together we
can improve and grow. We strongly advocate for open-source culture and truly believe it is the best
way to develop better software solutions. Take a look at ongoing projects to learn more.
</p>
</div>
<div class="column-66">
<img class="scroll-element js-scroll slide-left" src="images/undraw_world_re_768g(1).svg">
</div>
</div>
</div>
<!--Section: Content-->
<br />
<br />
<br />
<!--Section: Content-->
<!--Project section-->
<section class="pro" id="projects">
<h2 class="title"> Our Projects</h2>
<div class="cards-list">
<!--first card-->
<div class="card 1">
<div class="card_image"> <img src="images/logoicon.png"> </div>
<div class="card_content">
<h3>SMSWithoutBorders</h3>
<p>Stay connected, send emails, tweet and chat on telegram without an active internet connection</p>
<a href="https://smswithoutborders.com/">Read More</a>
</div>
</div>
<!--second card-->
<div class="card 2">
<div class="card_image">
<img src="images/logoicon.png">
</div>
<div class="card_content">
<h3>SMSWithoutBorders-OpenAPI</h3>
<p>Continue engaging! send single and bulk sms messages from your very own managed gateway systems
</p>
<a href="https://smswithoutborders-openapi.readthedocs.io/en/latest">Read More</a>
</div>
</div>
</div>
</div>
</section>
<!--Section: Content-->
<br />
<br />
<br />
<!--Section: Content-->
<!--contact page -->
<div class="contactus" id="contactus">
<div class="contactimage scroll-element js-scroll fade-in-bottom"><img
src="images/undraw_contact_us_re_4qqt.svg" style="float: right;" alt="image" sizes="5px"></div>
<h1 class="title">Contact Us</h1>
<div class="contact-2">
<div>
<a href="mailto: [email protected]"><img src="images/envelope-open-text-solid.svg">
<p>Contact us via Email</p>
</a>
</div>
<div>
<a href="tel:+237650393369"><img src="images/phone-solid.svg">
<p>Call a representative</p>
</a>
</div>
</div>
</div>
<!-- Footer -->
<footer class="text-center text-lg-start bg-light text-black border-top">
<!-- Section: Links -->
<section class="">
<div class="container text-center text-md-start mt-3">
<!-- Grid row -->
<div class="row mt-3">
<!-- Grid column -->
<div class="col-md-3 col-lg-4 col-xl-3 mx-auto mb-3">
<!-- Content -->
<h6 class="text-uppercase fw-bold mb-4">
<img src="images/logo_600X100.png" class="img-responsive">
</h6>
<p style="color: rgb(18, 18, 19); font-weight: bolder; font-size: 18px;">
<span>WE CODE FOR THE PEOPLE</span>
</p>
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-md-2 col-lg-2 col-xl-2 mx-auto mb-3">
<!-- Links -->
<h6 class="text-uppercase fw-bold mb-4">
Products
</h6>
<p style="color: rgb(18, 18, 19);">
<a href="https://smswithoutborders.com/" class="text-reset">SWOB</a>
</p>
<p style="color: rgb(18, 18, 19);">
<a href="https://developers.smswithoutborders.com/" class="text-reset">Open Api</a>
</p>
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-md-2 col-lg-2 col-xl-2 mx-auto mb-3">
<!-- Links -->
<h6 class="text-uppercase fw-bold mb-4">
Useful links
</h6>
<p style="color:rgb(18, 18, 19);">
<a href="#home" class="text-reset">Home</a>
</p>
<p style="color:rgb(18, 18, 19);">
<a href="#about" class="text-reset">About</a>
</p>
<p style="color: rgb(18, 18, 19);">
<a href="#projects" class="text-reset">Projects</a>
</p>
<p style="color: rgb(18, 18, 19);">
<a href="#contactus" class="text-reset">Contact</a>
</p>
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-md-3">
<!-- Links col-lg-3 col-xl-3 mx-auto mb-md-0 mb-4 px-2 d-inline" -->
<h6 class="text-uppercase fw-bold mb-4">
Connect
</h6>
<div class="content d-flex justify-content-center justify-content-lg-between ">
<div class="footer-image">
<a class="text-reset fw-bold" href="mailto: [email protected]">
<p style="color: rgb(18, 18, 19); display: flex;"><img
src="images/envelope-solid.svg" id="image" class="icons">Afkanerd.com</p>
</a>
<a class="text-reset fw-bold" href="https://github.com/Afkanerd">
<p style="color: rgb(11, 11, 12); display: flex;;"> <img
src="images/github-brands.svg" id="image" class="icon">GitHub</p>
</a>
<a class="text-reset fw-bold" href="https://twitter.com/afkanerd">
<p style="color: rgb(11, 11, 12); display: flex;;"> <img
src="images/twitter-brands.svg" id="image" class="icon">Twitter</p>
</a>
<p style="color: rgb(11, 11, 12); display: flex;;"> <img
src="images/location-pin-solid.svg" class="icon">Cameroon</p>
</div>
</div>
</div>
<!--
<div class="col-md-2">
Left
<h6 class="text-uppercase fw-bold mb-3">
Get Connected</h6>
<a class="text-reset fw-bold" href="mailto: [email protected]">
<div class="content d-flex justify-content-center justify-content-lg-between ">
<a href="https://twitter.com/afkanerd" class="me-4 text-reset"><img src="images/twitter-brands.svg" id="image">
</a>
<a href="https://github.com/smswithoutborders" class="me-4 text-reset"><img src="images/github-brands.svg" id="image">
</a>
<a href="mailto: [email protected]" class="me-4 text-reset"><img src="images/envelope-solid (copy).svg" id="image"></a>
</a>
</div>
</div>
-->
</div>
</div>
<!-- Grid row -->
</div>
</section>
<!-- Section: Links -->
<div class="text-center p-4"
style="background: linear-gradient(120deg,#283131 30%, #0c08cc 30%,#4340ec, #3a4141 30%, #191924 ); color:white ;">
<a class="text-reset fw-bold" href="mailto: [email protected]">Afkanerd</a>
</div>
</footer>
<!-- end of Footer -->
<button onclick="topFunction()" id="myb" title="Go to top"></button>
<!--javascript code for bootstrap-->
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"
integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous">
</script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"
integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous">
</script>
<script src="script.js"></script>
</body>
</html>