-
Notifications
You must be signed in to change notification settings - Fork 12
/
Copy pathindex.html
161 lines (158 loc) · 6.76 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
---
# Feel free to add content and custom Front Matter to this file.
# To modify the layout, see https://jekyllrb.com/docs/themes/#overriding-theme-defaults
#layout: home
layout: landing
---
<!-- Hero unit -->
<div class="hero">
<div class="hero__overlay hero__overlay--gradient"></div>
<div class="hero__mask"></div>
<div class="hero__inner">
<div class="container">
<div class="hero__content">
<div class="hero__content__inner" id='navConverter'>
<h1 class="hero__title">Global Code</h1>
<p class="hero__text">Global Code delivers free, quality IT training to university students in West
Africa and beyond!</p>
<a href="/donate" class="button button__accent">Donate</a>
<a href="#" id="scrollToNext" class="button hero__button scroll">Learn more</a>
</div>
</div>
</div>
</div>
</div>
<div class="hero__sub">
<span id="scrollToNext" class="scroll">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
class='hero__sub__down' fill="currentColor" width="512px" height="512px" viewBox="0 0 512 512"
style="enable-background:new 0 0 512 512;" xml:space="preserve">
<path
d="M256,298.3L256,298.3L256,298.3l174.2-167.2c4.3-4.2,11.4-4.1,15.8,0.2l30.6,29.9c4.4,4.3,4.5,11.3,0.2,15.5L264.1,380.9c-2.2,2.2-5.2,3.2-8.1,3c-3,0.1-5.9-0.9-8.1-3L35.2,176.7c-4.3-4.2-4.2-11.2,0.2-15.5L66,131.3c4.4-4.3,11.5-4.4,15.8-0.2L256,298.3z" />
</svg>
</span>
</div>
<!-- Steps -->
<div class="steps landing__section">
<div class="container">
<h2>What is Global Code?</h2>
<p>We're a charitable startup, based in the UK</p>
</div>
<div class="container">
<div class="steps__inner">
<div class="step">
<div class="step__media">
<img src="assets/images/undraw_designer.svg" class="step__image">
</div>
<h4>Who</h4>
<p class="step__text">Every year, we take the world's best programmers, engineers and educators to
universities in West Africa and beyond.</p>
<p class="step__text">We work with dynamic, insightful students in public universities. Read Emerald's
story <a href="{{ site.baseurl }}{% link _posts/2018-08-07-Guest-Post:-Emerald-Adjei.md %}"
class="link">here</a></p>
</div>
<div class="step">
<div class="step__media">
<img src="assets/images/undraw_responsive.svg" class="step__image">
</div>
<h4>What</h4>
<p class="step__text">We teach professional, practical software enginering skills.</p>
<p class="step__text">We find great students that are already learning to code and boost their knowledge
with a rich, focussed programme of labs, group work and driven self-learning.</p>
</div>
<div class="step">
<div class="step__media">
<img src="assets/images/developer_activity_bv83.svg" class="step__image">
</div>
<h4>How</h4>
<p class="step__text">Our students learn by example: we use git for all our project work, we discuss
diversity and open-source software, we show the fun and beauty in our craft.</p>
<p class="step__text">We get our hands dirty. We solve problems with code.</p>
</div>
</div>
</div>
</div>
<!-- Expanded sections -->
<div class="expanded landing__section">
<div class="container">
<div class="expanded__inner">
<div class="expanded__media">
<img src="assets/images/building_blocks_n0nc.svg" class="expanded__image">
</div>
<div class="expanded__content">
<h2 class="expanded__title">Our Story</h2>
<p class="expanded__text">Global Code began in 2017 in Koforidua, Ghana. Eighteen students and one
instructor navigated (and built!) a curriculum based on practical, real-world technology that
software engineers use every day: linux, python, git, and platforms like heroku.</p>
<p class="expanded__text">Our goal was to equip our students with the skills they'd need to be great
engineers: to teach them the craft.</p>
<p class="expanded__text">That first year was a great success, and we committed to grow and to do more.
You can read more about #GC17 <a href="/blog/1" class="link">here</a> - or read on to learn what
we're doing two years later, and how you can help.</p>
<p></p>
</div>
</div>
</div>
</div>
<div class="expanded landing__section">
<div class="container">
<div class="expanded__inner">
<div class="expanded__media">
<img src="assets/images/work_chat_erdt.svg" class="expanded__image">
</div>
<div class="expanded__content">
<h2 class="expanded__title">Global Code Now</h2>
<p class="expanded__text"><span class='stress'>Our program has matured, but the foundations are
strong.</span></p>
<p class="expanded__text">Each student receives a Raspberry Pi 3B as a gift. We use it to teach Linux,
Python, and a whole bunch of industry standard tech.</p>
<p class="expanded__text">Global Code students receive the best instruction in the world. We have one
teacher for every ten students, and a rich variety of materials to support every learning style.</p>
<p class="expanded__text">Our volunteers build a curriculum which is appropriate for the class, so each
student leaves with a strong baseline of knowledge and experience.</p>
</div>
</div>
</div>
</div>
<div class="expanded landing__section">
<div class="container">
<div class="expanded__inner">
<div class="expanded__media">
<img src="assets/images/undraw_hello_aeia.svg" class="expanded__image">
</div>
<div class="expanded__content">
<h2 class="expanded__title">Help Us</h2>
<p class="expanded__text">In 2019 we'll be running our Summer program in Ghana again, and we need your
help! If you're a developer and can come to West Africa with us, <a
href="mailto:[email protected]" class="link">get in touch!</a></p>
<p class="expanded__text">For the first time in 2019 we've invited some of our alumni to come and teach
in class! If you'd like to contribute towards a stipend, you can <a
href="https://justgiving.com/globalcode" class="link">donate through JustGiving</a></p>
</div>
</div>
</div>
</div>
<div class="expanded landing__section">
<div class="container">
<div class="expanded__inner">
<div class="expanded__media">
<img src="assets/images/upload_image_iwej.svg" class="expanded__image">
</div>
<div class="expanded__content">
<h2 class="expanded__title">Blog</h2>
<p class="expanded__text">You can read all about our adventures in our <a class="link"
href="/blog">blog</a></p>
</div>
</div>
</div>
</div>
<!-- Call To Action -->
<div class="cta cta--reverse">
<div class="container">
<div class="cta__inner">
<h2 class="cta__title">Donate</h2>
<p class="cta__sub cta__sub--center">You can donate cash safely and securely through JustGiving</p>
<a href="/donate" class="button button__accent">Donate</a>
</div>
</div>
</div>