-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
434 lines (408 loc) · 19.4 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
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" type="image/png" href="http://res.cloudinary.com/godsoncjnr/image/upload/v1531112210/pyladies-bauchi/favicon.ico">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>
PyLadies Bauchi :: Nigeria
</title>
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no' name='viewport' />
<!-- Fonts and icons -->
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Roboto+Slab:400,700|Material+Icons" />
<!-- CSS Files -->
<link href="css/material-kit.css?v=2.0.3" rel="stylesheet" />
<link href="css/bauchi-pyladies.css" rel="stylesheet" />
<link href="font/font-awesome/css/font-awesome.css" rel="stylesheet" />
</head>
<body class="index-page sidebar-collapse" id="top-page">
<nav class="navbar navbar-color-on-scroll fixed-top navbar-expand-lg navbar-transparent" color-on-scroll="100" id="sectionsNav">
<div class="container">
<div class="navbar-translate">
<a class="navbar-brand" href="#top-page">
<img src="http://res.cloudinary.com/godsoncjnr/image/upload/v1531112210/pyladies-bauchi/pyladies.png">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="sr-only">Toggle navigation</span>
<span class="navbar-toggler-icon"></span>
<span class="navbar-toggler-icon"></span>
<span class="navbar-toggler-icon"></span>
</button>
</div>
<div class="collapse navbar-collapse">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="#about">
<i class="material-icons">assignment_late</i> About Us
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#activities">
<i class="material-icons">calendar_today</i> Activities
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#hosts">
<i class="material-icons">face</i> Hosts
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact">
<i class="material-icons">place</i> Contact
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="sign-up.html">
<i class="material-icons">supervisor_account</i> Join Us
</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="page-header header-filter clear-filter purple-filter" data-parallax="true" style="background-image: url("http://res.cloudinary.com/godsoncjnr/image/upload/v1531108173/pyladies-bauchi/header-banner.jpg" ); transform: translate3d(0px, 0px, 0px);">
<div class="container">
<div class="row">
<div class="col-md-8 ml-auto mr-auto">
<div class="brand">
<h1 class="title">PyLadies Bauchi, Nigeria</h1>
</div>
</div>
</div>
</div>
</div>
<div class="main main-raised">
<div class="container-fluid" id="about"">
<div class="container">
<div class="section text-center">
<div class="row">
<div class="col-md-8 ml-auto mr-auto">
<h2 class="title">PyLadies Bauchi</h2>
<h5 class="description">Group of women developers in bauchi, who love the Python programming language. We write code by day or night. Some of us hack on Python projects on the side, while others work full-time on Python development. But it doesn't matter. We all just like writing Python code, and that's what brings us together. Free and open to all who identify as women or genderqueer.</h5>
</div>
<div class="features">
<hr class="border-danger mt-4 w-25">
<div class="row">
<div class="col-md-4">
<div class="info">
<div class="icon icon-info">
<i class="material-icons">verified_user</i>
</div>
<h4 class="info-title">Welcome</h4>
<p>We are an international mentorship group with a focus on helping more women become active participants and leaders in the Python open-source community.</p>
<a href="javascript:;" class="btn btn-link text-danger">Read More...</a>
</div>
</div>
<div class="col-md-4">
<div class="info">
<div class="icon icon-success">
<i class="fa fa-meetup"></i>
</div>
<h4 class="info-title">Please join us!</h4>
<p>Are you an experienced female Python developer? Or are you new and need help getting into Python development? Here's what to do:</p>
<a href="javascript:;" class="btn btn-link text-danger">Read More...</a>
</div>
</div>
<div class="col-md-4">
<div class="info">
<div class="icon icon-danger">
<i class="material-icons">save_alt</i>
</div>
<h4 class="info-title">Resources</h4>
<p>We plan to put together a package of materials to help you build your own local women’s Python community. We’ll be posting a "PyLadies Kit" here soon.</p>
<a href="javascript:;" class="btn btn-link text-danger">Read More...</a>
</div>
</div>
</div>
<div id="activities"></div>
</div>
</div>
</div>
</div>
</div>
<div class="features-5 header-filter clear-filter purple-filter" style="background-image: url('http://res.cloudinary.com/godsoncjnr/image/upload/e_grayscale/v1531108172/pyladies-bauchi/activity-banner.jpg');">
<div class="container">
<div class="section text-center pt-2">
<div class="col-md-8 ml-auto mr-auto text-center">
<h2 class="title">Activities</h2>
</div>
<div class="row pt-0">
<div class="col-sm-4">
<div class="info">
<div class="icon">
<i class="material-icons">code</i>
</div>
<h4 class="info-title">Web crawler from 0 to 1</h4>
<p>We are an international mentorship group with a focus on helping more women become active participants and leaders in the Python open-source community.</p>
</div>
</div>
<div class="col-sm-4">
<div class="info">
<div class="icon">
<i class="material-icons">library_books</i>
</div>
<h4 class="info-title text-capitalize">book club</h4>
<p>It's easy to start writing code with Python: that's why the language is so immensely popular. However, Python has unique strengths, charms, and expressivity that. </p>
</div>
</div>
<div class="col-sm-4">
<div class="info">
<div class="icon">
<i class="material-icons">dashboard</i>
</div>
<h4 class="info-title">Workshop</h4>
<p>Hands on Python Programming. Whether you have experience in programming getting involved in the Python community will put you on the fast track to honing your skills.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<div class="info">
<div class="icon">
<i class="material-icons">alarm_on</i>
</div>
<h4 class="info-title">Events</h4>
<p>PyLadies Bauchi also aims to provide a friendly support network for ladies and a bridge to the larger Python world. Anyone with an interest in Python is encouraged to participate! </p>
</div>
</div>
<div class="col-sm-4">
<div class="info">
<div class="icon">
<i class="material-icons">group_work</i>
</div>
<h4 class="info-title">Forums</h4>
<p>PyLadies Bauchi also provides sub-forum for Python programmers and professionals to discuss topical and non-help related Python topics, start and participate in fun challenges </p>
</div>
</div>
<div class="col-sm-4">
<div class="info">
<div class="icon">
<i class="material-icons">help_outline</i>
</div>
<h4 class="info-title">Trainings</h4>
<p>The training organized by PyLadies Bauchi is attracting more people who wants to learn the basis of the language. Anyone with an interest in Python is encouraged to participate! </p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="container" id="hosts">
<div class="section">
<div class="row">
<div class="col-md-11 ml-auto mr-auto">
<div class="col-md-8 text-center pb-5 ml-auto mr-auto">
<h2 class="title">Your Host</h2>
<div class="col-md-4 ml-auto mr-auto">
<hr class="w-25 border border-danger">
</div>
</div>
<div class="row">
<div class="col-md-4 col-sm-12">
<div class="card">
<img class="card-img-top" src="http://res.cloudinary.com/godsoncjnr/image/upload/v1531110612/pyladies-bauchi/teams/Cookie.jpg" alt="Olayemi Olaniran">
<div class="card-body px-3">
<h4 class="card-title">Olayemi Olaniran</h4>
<h6 class="card-category text-muted">Co-Organizer</h6>
<p class="card-text">A front end Developer, a community advocate and Project Manager who's passionate about tech and the community She loves to inspire women towards development. And also a lover of football.</p>
</div>
</div>
</div>
<div class="col-md-4 col-sm-12">
<div class="card">
<img class="card-img-top" src="http://res.cloudinary.com/godsoncjnr/image/upload/v1531110674/pyladies-bauchi/teams/Micheal.jpg" alt="Micheal Iyanda">
<div class="card-body px-3">
<h4 class="card-title">Micheal Iyanda</h4>
<h6 class="card-category text-muted">Co-organizer</h6>
<p class="card-description">
Python enthusiast, do django and flask at leisure, coached in some django meetups across northern states, music and dance freak... coding in Python, Javascript.
</div>
</div>
</div>
<div class="col-md-4 col-sm-12">
<div class="card">
<img class="card-img-top" src="http://res.cloudinary.com/godsoncjnr/image/upload/v1531110673/pyladies-bauchi/teams/Ann.jpg" alt="Ane Itodo">
<div class="card-body px-3">
<h4 class="card-title">Ane Itodo</h4>
<h6 class="card-category text-muted">Co-Organizer</h6>
<p class="card-description">
Her laptop and headphones are her best buddie .pyladies Bauchi where she teaches classes on how the internet works, and brings fun and interesting individuals as panelists and speakers like pyladies in an effort to help
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="contactus-1 py-2 section-image" id="contact" style="background-image: url('http://res.cloudinary.com/godsoncjnr/image/upload/v1531108172/pyladies-bauchi/contact-banner.jpg')">
<div class="container py-5">
<div class="row">
<div class="col-md-6 ml-auto mr-auto">
<h2 class="title text-center text-white">Contact Us</h2>
<h5 class="description text-center text-white">Feel free to contact us anytime. You can reach out to us through any of the medium below or send us an email to <a class="text-info" href="mailto:bauchi@pyladies.com">bauchi@pyladies.com</a></h5>
</div>
</div>
<div class="row py-2 mb-5">
<div class="col-lg-4 col-md-6">
<!-- <div class="col-md-12"> -->
<div class="card bg-facebook" rel="tooltip" title="" data-placement="top" data-original-title="Follow us on Facebook">
<div class="card-body">
<h5 class="card-category card-category-social">
<i class="fa fa-facebook"></i> PyLadies Bauchi - Facebook
</h5>
<h4 class="card-title">
<a target="_blank" href="https://web.facebook.com/groups/1748253222138006/">PyLadies Bauchi</a>
</h4>
<p class="card-description">
Python user group focused on getting more women into Python community and programming.
</p>
<div class="card-stats justify-content-center">
<a target="_blank" href="https://web.facebook.com/groups/1748253222138006/" class="btn btn-white text-dark">Facebook Group</a>
</div>
</div>
</div>
<!-- </div> -->
</div>
<div class="col-lg-4 col-md-6">
<!-- <div class="col-md-12"> -->
<div class="card bg-danger" rel="tooltip" title="" data-placement="top" data-original-title="Follow us on Meetup">
<div class="card-body">
<h5 class="card-category card-category-social">
<i class="fa fa-meetup"></i> Bauchi Python Meetup
</h5>
<h4 class="card-title">
<a target="_blank" href="#pablo">Pyladies Bauchi</a>
</h4>
<p class="card-description">
Bauchi Pyladies is aim at introducing ladies to use python. we will be using FLASK(a web frame work in python) to build web Apps.
</p>
<div class="card-stats justify-content-center">
<a target="_blank" href="https://www.meetup.com/Bauchi-Python-Meetup/" class="btn btn-white text-dark">Meetup Group</a>
</div>
</div>
</div>
<!-- </div> -->
</div>
<div class="col-lg-4 col-md-6">
<div class="card bg-info">
<div class="card-body" rel="tooltip" title="" data-placement="top" data-original-title="Follow us on Twitter">
<h5 class="card-category card-category-social">
<i class="fa fa-twitter"></i>PyLadies Bauchi - Twitter
</h5>
<h4 class="card-title">
<a target="_blank" href="https://twitter.com/PyladiesBauchi">"You Don't Have to Sacrifice Joy to Build a Fabulous Business and Life"</a>
</h4>
<div class="card-stats">
<div class="author">
<a target="_blank" href="https://twitter.com/PyladiesBauchi"href="https://twitter.com/PyladiesBauchi" target="_blank">
<img src="http://res.cloudinary.com/godsoncjnr/image/upload/v1531110674/pyladies-bauchi/teams/Micheal.jpg" alt="..." class="avatar img-raised">
<span>Micheal Iyanda</span>
</a>
</div>
<div class="stats ml-auto">
<i class="material-icons">favorite</i> 56
<i class="material-icons">share</i> 45
</div>
</div>
</div>
</div>
</div>
</div>
<hr class="w-25 border border-danger">
<div class="row">
<div class="col-md-6 col-sm-12 ml-auto mr-auto">
<div class="text-center">
<h3 class="title text-white">Subscribe to our Newsletter</h3>
<p class="description text-white">
Join our newsletter and get news in your inbox every week! We hate spam too, so no worries about this.
</p>
</div>
<div class="card card-raised card-form-horizontal">
<div class="card-body ">
<form method="" action="">
<div class="row">
<div class="col-lg-8 col-md-6 ">
<span class="bmd-form-group">
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text">
<i class="material-icons">mail</i>
</span>
</div>
<input value="" placeholder="Your Email..." class="form-control" type="email">
</div>
</span>
</div>
<div class="col-lg-4 col-md-6 ">
<button type="button" class="btn bg-danger btn-block">Subscribe</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="footer footer-default">
<div class="container">
<nav class="float-left">
<ul>
<li>
<a href="https://www.elastic.co/">
Elastic
</a>
</li>
<li>
<a href="https://www.python.org/psf/">
Python Software Foundation
</a>
</li>
<li>
<a href="http://github.com/">
GitHub
</a>
</li>
<li>
<a href="https://www.heroku.com/">
Heroku
</a>
</li>
</ul>
</nav>
<div class="copyright float-right">
©
<script>
document.write(new Date().getFullYear())
</script>, PyLadies Bauchi, Nigeria
</div>
</div>
</footer>
<!-- Core JS Files -->
<script src="js/core/jquery.min.js" type="text/javascript"></script>
<script src="js/core/popper.min.js" type="text/javascript"></script>
<script src="js/core/bootstrap-material-design.min.js" type="text/javascript"></script>
<script src="js/material-kit.js" type="text/javascript"></script>
<script src="js/plugins/scroll.js" type="text/javascript"></script>
<script>
$(document).ready(function() {
//init DateTimePickers
materialKit.initFormExtendedDatetimepickers();
// Sliders Init
materialKit.initSliders();
});
function scrollToDownload() {
if ($('.section-download').length != 0) {
$("html, body").animate({
scrollTop: $('.section-download').offset().top
}, 1000);
}
}
</script>
</body>
</html>