code4sa.github.io/index.html at master · Code4SA/code4sa.github.io · GitHub

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
---
layout: default
---

<!-- REVOLUTION SLIDER -->
<divclass="slider fullwidthbanner-container roundedcorners">
<divclass="fullwidthbanner">
<ulclass="hide">

<!-- SLIDE -->
<lidata-transition="fade" data-slotamount="7" data-masterspeed="300" data-saveperformance="on" >

<imgsrc="/images/head.jpg" data-lazyload="/images/head.jpg" alt="" data-bgfit="cover" data-bgposition="center center" data-bgrepeat="no-repeat" style="width: 100%; height: 100%; " />

<divclass="tp-caption large_bold_white block_styleColor lfl tp-resizeme start"
data-x="70"
data-y="50"
data-speed="750"
data-start="1400"
data-easing="easeOutExpo"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.1"
data-endelementdelay="0.1"
data-endspeed="300">We use data and technology <br>to promote informed decision-making <br>for social good. </div>

<divclass="tp-caption large_bold_white block_styleColor lfl tp-resizeme start"
data-x="70"
data-y="210"
data-speed="750"
data-start="1400"
data-easing="easeOutExpo"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.1"
data-endelementdelay="0.1"
data-endspeed="300">We love data and we want you to too. If we are able to provide quick advice <br>or point you in the direction of a dataset, please get in contact. For larger <br>projects we're happy to provide a quotation. We would also love to help you <br>help yourself and so run a number of 2-day data processing workshops. <br><br>Contact us for more information on <astyle="color: white; text-decoration: underline; " href="mailto:academy@code4sa.org">academy@code4sa.org</a></div>

</li>
</ul>
</div>
</div>
<!-- /REVOLUTION SLIDER -->

<section>
<divclass="container">
<header>
<h2>
 Welcome to
<spanclass="word-rotator" data-delay="3000"><!-- word rotator - default delay: 2000. Change rotating delay: data-delay="5000" -->
<spanclass="items bold">
<span><em>Code for South Africa.</em></span>
<span><em>Open Data.</em></span>
<span><em>Civic Technology.</em></span>
<span><em>Data Journalism.</em></span>
</span>
</span><!-- /word rotator -->
</h2>
<divclass="row">
<divclass="col-md-9">
<pclass="lead">Code for South Africa is a non-profit civic technology lab. We use data and technology to <b>promote informed decision-making</b> that drives <b>social change</b>. Our base of operations is Codebridge in Cape Town where we are helping to create a civic technology movement.</p>
</div>
</header>
</div><!--end of container-->
</section>

<sectionclass="alternate">
<divid="portfolio" class="container">
<h2>Check out some of our <b>tools</b></h2>

<divclass="row">
<ulclass="sort-destination isotope" data-sort-id="isotope-list">

 {% for project in site.projects %}
 {% if project.featured %}
<liclass="isotope-item col-sm-6 col-md-4">
<divclass="item-box text-center">
<figure>
<aclass="item-hover" href="{{ project.url }}">
<spanclass="overlay color2"></span>
<spanclass="inner">
<spanclass="block fa fa-plus fsize20"></span>
<strong>PROJECT</strong> DETAILS
</span>
</a>
<imgclass="img-responsive" src="{{ project.image }}" width="260" height="260" alt="">
</figure>
<divclass="item-box-desc">
<h4>{{ project.title }}</h4>
</div>
</div>
</li>
 {% endif %}
 {% endfor %}

</ul>
</div>

<ahref="/projects.html" class="btn btn-primary btn-lg">Explore our tools</a>
</div>
</section>

<!--Donors-->
<section>
<divclass="container">
<h2>Our <b>Donors</b></h2>

<divclass="row text-center">
<divclass="col-sm-4 client">
<ahref="http://indigotrust.org.uk/"><imgsrc="/images/partners/partner_indigo_trust.png" alt="The Indigo Trust"></a>
</div>
<divclass="col-sm-4 client">
<ahref="http://osf.org.za/"><imgsrc="/images/partners/partner_osf.jpg" alt="Open Society Foundation for South Africa"></a>
</div>
<divclass="col-sm-4 client">
<ahref="http://omidyar.com"><imgsrc="/images/partners/omidyar.jpg" alt="Omidyar Network"></a>
</div>
</div><!-- Donors -->
<divclass="row text-center">
<divclass="col-sm-4 client">
<ahref="http://www.innovationedge.org.za/"><imgsrc="/images/partners/innovation-edge.png" alt="The Innovation Edge"></a>
</div>
<divclass="col-sm-4 client">
<ahref="https://codeforafrica.org/"><imgsrc="/images/partners/c4a.png" alt="Code for Africa"></a>
</div>
<divclass="col-sm-4 client">
<ahref="http://www.makingallvoicescount.org/"><imgsrc="/images/partners/mavc.svg" alt="Making All Voices Count"></a>
</div>
</div>

</div><!--Container-->
</section>

<section>
<divclass="container partner-logo-list">
<h2>Our <b>Partners</b></h2>

<divclass="row client-logos text-center">
<divid="blacksash-logo" class="col-sm-3 client">
<ahref="https://www.blacksash.org.za"><imgsrc="/images/partners/blacksash.png" alt="Black Sash"></a>
</div>
<divid="freedomhouse-logo" class="col-sm-3 client">
<ahref="https://freedomhouse.org/"><imgsrc="/images/partners/freedomhouse.png" alt="Freedom House"></a>
</div>
<divid="geekulcha-logo" class="col-sm-3 client">
<ahref="http://geekulcha.com"><imgsrc="/images/partners/geekulcha.jpg"
alt="Geekulcha"></a>
</div>
<divid="icfj-logo" class="col-sm-3 client">
<ahref="http://www.icfj.org/"><imgsrc="/images/partners/icfj.png" alt="International Centre for Journalists" style="margin-top: -55px"></a>
</div>
</div>
<divclass="row client-logos text-center">
<divid="mma-logo" class="col-sm-3 client pushdown">
<ahref="http://www.mediamonitoringafrica.org/"><imgsrc="/images/partners/mma.png" alt="Media Monitoring Africa" style="margin-top: 70px"></a>
</div>
<divclass="col-sm-3 client pushdown">
<ahref="http://www.meetup.com/Open-Data-Durban-Meetup/"><imgsrc="/images/partners/opendatadurban.png" alt="Open Data Durban"></a>
</div>
<divid="odac-logo" class="col-sm-3 client pushdown">
<ahref="http://opendemocracy.org.za"><imgsrc="/images/partners/partner_odac.png" alt="Open Democracy Advice Centre" style="margin-top: 28px"></a>
</div>
<divid="pmg-logo" class="col-sm-3 client">
<ahref="http://www.pmg.org.za"><imgsrc="/images/partners/partner_pmg.png" alt="Parliamentary Monitoring Group" style="margin-top: 5px"></a>
</div>
</div>
<divclass="row client-logos text-center">
<divid="sarpam-logo" class="col-sm-3 client pushdown">
<ahref="http://www.sarpam.net/" ><imgsrc="/images/partners/sarpam.png" alt="SARPAM" style="margin-top: 50px"></a>
</div>
<divclass="col-sm-3 client pushdown">
<ahref="http://schoolofdata.org/"><imgsrc="/images/partners/school-of-data.png" alt="School of Data"></a>
</div>
</div>
</div>
</section>

<section>
<divclass="container partner-logo-list">
<h2>With <b>Thanks To</b></h2>

<!--Client Logo images must be 170px by 100px-->

<divclass="row client-logos text-center">
<divclass="col-sm-3 client pushdown">
<ahref="http://aws.amazon.com/what-is-cloud-computing"><imgsrc="http://awsmedia.s3.amazonaws.com/AWS_Logo_PoweredBy_127px.png" alt="Powered by AWS Cloud Computing"></a>
</div>

<divclass="col-sm-3 client pushdown">
<ahref="https://github.com"><imgsrc="https://assets-cdn.github.com/images/modules/logos_page/GitHub-Logo.png" alt="GitHub"></a>
</div>

<divclass="col-sm-3 client pushdown">
<ahref="http://www.pivotaltracker.com/"><imgsrc="http://www.pivotaltracker.com/marketing_assets/tracker-eba4f51a43e4837e9b9a68544c18190d925b64e103220e565c47378ae3536c53.svg" alt="Pivotal Tracker"></a>
</div>

<divclass="col-sm-3 client pushdown">
<ahref="https://slack.com"><imgsrc="https://brandfolder.com/slack/assets/wcneqwsf" alt="Slack"></a>
</div>
</div>

<divclass="row client-logos text-center">

<divclass="col-sm-3 client">
<ahref="http://www.socrata.com"><imgsrc="https://upload.wikimedia.org/wikipedia/commons/f/f6/Socrata_logo.png?uselang=en-gb" alt="Socrata" style="margin-top: 50px"></a>
</div>

<divclass="col-sm-3 client pushdown">
<ahref="http://toggl.com"><imgsrc="http://blog.toggl.com/wp-content/uploads/2015/04/toggl-logo-light.png" alt="Toggl"></a>
</div>

<divclass="col-sm-3 client">
<ahref="http://xero.com"><imgsrc="https://upload.wikimedia.org/wikipedia/commons/thumb/5/57/Xero-logo-hires-RGB.png/240px-Xero-logo-hires-RGB.png" alt="Xero"></a>
</div>
</div>
</div>
</section>