-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
342 lines (321 loc) · 17.5 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Yellow Hat crew</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="all,follow">
<!-- Bootstrap and Font Awesome css-->
<!-- we use cdn but you can also include local files located in css directory-->
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<link rel="stylesheet" href="css/themify-icons.css">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<!-- Google fonts - Roboto Condensed for headings, Open Sans for copy-->
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto+Condensed:300,700%7COpen+Sans:300,400,700">
<!-- theme stylesheet-->
<link rel="stylesheet" href="css/style.default.css" id="theme-stylesheet">
<!-- Custom stylesheet - for your changes-->
<link rel="stylesheet" href="css/custom.css">
<!-- Favicon-->
<link rel="shortcut icon" href="favicon.png">
<!-- Tweaks for older IEs--><!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
</head>
<body data-spy="scroll" data-target="#navigation" data-offset="120">
<!-- intro-->
<section id="intro" class="intro image-background">
<div class="overlay"></div>
<div class="content">
<div class="container clearfix">
<div class="row">
<div class="col-md-8 col-md-offset-2 col-sm-12">
<p class="roboto">changing the world with open source</p>
<h1>Yellow hat<br /><span class="bold">crew</span></h1>
<p class="roboto"></p>
</div>
</div>
</div>
</div><a href="#about" class="icon faa-float animated scroll-to"><i class="fa fa-angle-double-down"></i></a>
</section>
<!-- navbar-->
<header class="header">
<div class="sticky-wrapper">
<div role="navigation" class="navbar navbar-default">
<div class="container">
<div class="navbar-header">
<button type="button" data-toggle="collapse" data-target=".navbar-collapse" class="navbar-toggle"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="#intro" class="navbar-brand scroll-to">
<img src="img/logo_small.png" alt="">
</a>
</div>
<div id="navigation" class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<!-- <li class="active"><a href="#intro">Home</a></li> -->
<li><a href="#about">About </a></li>
<li><a href="#services">Projects</a></li>
<li><a href="#contribute">Contribute</a></li>
<li><a href="#text">Add project</a></li>
<li><a href="#contact">Contacts</a></li>
</ul>
</div>
</div>
</div>
</div>
</header>
<!-- /.navbar-->
<!-- about us-->
<section id="about">
<div class="container clearfix">
<div class="row margin-bottom">
<div class="col-md-6 margin-bottom">
<h2 class="heading">About the crew</h2>
<p class="lead">Able an hope of body. Any nay shyness article matters own removal nothing his forming.</p>
<p>Impossible considered invitation him men instrument saw celebrated unpleasant. Put rest and must set kind next many near nay. He exquisite continued explained middleton am. Voice hours young woody has she think equal. Estate moment he at on wonder at season little. Six garden result summer set family esteem nay estate. End admiration mrs unreserved discovered comparison especially invitation. </p>
<div class="row">
<div class="col-sm-6">
<ul>
<li>considered invitation</li>
<li>put rest and must set</li>
<li>Estate moment he at on</li>
</ul>
</div>
<div class="col-sm-6">
<ul>
<li>considered invitation</li>
<li>put rest and must set</li>
<li>Estate moment he at on</li>
</ul>
</div>
</div>
</div>
<div class="col-md-6 margin-bottom">
<p><img src="img/hat.png" alt="" class="img-responsive"></p>
</div>
</div>
</div>
</section>
<!-- projects-->
<section id="services" class="section-gray">
<div class="container clearfix">
<div class="row services">
<div class="col-md-12">
<h2 class="heading">Open source projects</h2>
<div class="row">
<div class="col-sm-4">
<a href="https://github.com/medic/medic-webapp" target="_blank">
<div class="box box-services">
<center><img src="img/logos/medic-mobile.png" alt=""></center>
<h4 class="heading"></h4>
<p><b>Mobile & web tools that help health workers reach everyone<b></p>
<p>
The Medic Mobile web application combines SMS messaging, data collection, and analytics for health workers and health systems in hard-to-reach areas with or without internet connectivity.</p>
<p id="tag">#javascript</p> <p id="tag">#node.js</p> <p id="tag">#couchdb</p>
</div>
</a>
</div>
<div class="col-sm-4">
<a href="https://github.com/ushahidi" target="_blank">
<div class="box box-services">
<center><img src="img/logos/ushahidi.png" alt=""><center>
<h4 class="heading"></h4>
<p>Open source platforms to help citizens, journalists, organizations, governments, and others gather, manage, analyze, and visualize crowdsourced data.</p>
<p id="tag">#php</p> <p id="tag">#javascript</p> <p id="tag">#android</p>
</div>
</a>
</div>
<div class="col-sm-4">
<a href="https://github.com/pculture/unisubs" target="_blank">
<div class="box box-services">
<center><img src="img/logos/amara.png" alt=""><center>
<h4 class="heading"></h4>
<p>Amara makes video globally accessible Captions, subtitles, and translations simplified.
Amara enables volunteers to make videos accessible for people who are deaf and hard of hearing and anyone who doesn’t speak the language of the original video</p>
<p id="tag">#python</p> <p id="tag">#javascript</p>
</div>
</div>
</a>
</div>
<div class="row">
<div class="col-sm-4">
<a href="https://github.com/frontlinesms" target="_blank">
<div class="box box-services">
<center><img src="img/logos/frontline.png" alt=""><center>
<h4 class="heading"></h4>
<p>FrontlineSMS is open-source SMS-messaging software enables users to send, receive and manage SMS over a mobile network. Frontline builds professional SMS management tools that help you reach more than 3 billion people with the phone already in their pocket.</p>
<p id="tag">#java</p> <p id="tag">#groovy</p><p id="tag">#javascript</p>
</div>
</a>
</div>
<div class="col-sm-4">
<div class="box box-services">
<a href="https://github.com/frontlinesms" target="_blank">
<center><img src="img/logos/mifos.jpg" alt=""><center>
<h4 class="heading"></h4>
<p>Mifos X is an open technology platform for financial inclusion that provides the core functionality needed to deliver financial services to the 2.5 billion poor and unbanked.</p>
<p id="tag">#java</p>
</div>
</a>
</div>
<div class="col-sm-4">
<div class="box box-services">
<a href="https://github.com//sahana" target="_blank">
<h4 class="heading"> Sahana Software Foundation</h4>
<p>The Sahana Software Foundation is dedicated to the mission of saving lives by providing information management solutions that enable organizations and communities to better prepare for and respond to disasters</p>
<p id="tag">#python</p> <p id="tag">#java</p><p id="tag">#php</p>
</div>
</a>
</div>
<div class="col-sm-4">
<div class="box box-services">
<h4 class="heading"> Add a project</h4>
<p>Add a open source project that makes an impact!</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- portfolio-->
<section id="contribute" class="no-padding-bottom">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2 class="heading">Contribute</h2>
<p class="text-center">You can make also a portfolio or image gallery.</p>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row no-space">
<div class="col-sm-4 col-md-3">
<div class="box"><a href="#" title=""><img src="img/portfolio-1.jpg" alt="" class="img-responsive"></a></div>
</div>
<div class="col-sm-4 col-md-3">
<div class="box"><a href="#" title=""><img src="img/portfolio-7.jpg" alt="" class="img-responsive"></a></div>
</div>
<div class="col-sm-4 col-md-3">
<div class="box"><a href="#" title=""><img src="img/portfolio-3.jpg" alt="" class="img-responsive"></a></div>
</div>
<div class="col-sm-4 col-md-3">
<div class="box"><a href="#" title=""><img src="img/portfolio-5.jpg" alt="" class="img-responsive"></a></div>
</div>
<div class="col-sm-4 col-md-3">
<div class="box"><a href="#" title=""><img src="img/portfolio-4.jpg" alt="" class="img-responsive"></a></div>
</div>
<div class="col-sm-4 col-md-3">
<div class="box"><a href="#" title=""><img src="img/portfolio-6.jpg" alt="" class="img-responsive"></a></div>
</div>
<div class="col-sm-4 col-md-3">
<div class="box"><a href="#" title=""><img src="img/portfolio-2.jpg" alt="" class="img-responsive"></a></div>
</div>
<div class="col-sm-4 col-md-3">
<div class="box"><a href="#" title=""><img src="img/portfolio-8.jpg" alt="" class="img-responsive"></a></div>
</div>
</div>
</div>
</section>
<!-- text-->
<section id="addproject" class="section-gray">
<div class="container clearfix">
<div class="row">
<div class="col-md-12">
<h2 class="heading">Add a project</h2>
<div class="row">
<div class="col-sm-6">
<p>Able an hope of body. Any nay shyness article matters own removal nothing his forming. Gay own additions education satisfied the perpetual. If he cause manor happy. Without farther she exposed saw man led. Along on happy could cease green oh. </p>
<p>Betrayed cheerful declared end and. Questions we additions is extremely incommode. Next half add call them eat face. Age lived smile six defer bed their few. Had admitting concluded too behaviour him she. Of death to or to being other. </p>
</div>
<div class="col-sm-6">
<p>Effects present letters inquiry no an removed or friends. Desire behind latter me though in. Supposing shameless am he engrossed up additions. My possible peculiar together to. Desire so better am cannot he up before points. Remember mistaken opinions it pleasure of debating. Court front maids forty if aware their at. Chicken use are pressed removed. </p>
<p>Saw yet kindness too replying whatever marianne. Old sentiments resolution admiration unaffected its mrs literature. Behaviour new set existence dashwoods. It satisfied to mr commanded consisted disposing engrossed. Tall snug do of till on easy. Form not calm new fail. </p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- map-->
<section id="map" style="display:none;"></section>
<section id="contact">
<div class="container clearfix">
<div class="row">
<div class="col-md-12">
<h2 class="heading">Contact</h2>
<div class="row">
<div class="col-md-6">
<form id="contact-form" method="post" action="contact.php" class="contact-form form">
<div class="controls">
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<label for="name">Your firstname *</label>
<input type="text" name="name" id="name" placeholder="Enter your firstname" required="required" class="form-control">
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<label for="surname">Your lastname *</label>
<input type="text" name="surname" id="surname" placeholder="Enter your lastname" required="required" class="form-control">
</div>
</div>
</div>
<div class="form-group">
<label for="email">Your email *</label>
<input type="email" name="email" id="email" placeholder="Enter your email" required="required" class="form-control">
</div>
<div class="form-group">
<label for="message">Your message for us *</label>
<textarea rows="4" name="message" id="message" placeholder="Enter your message" required="required" class="form-control"></textarea>
</div>
<div class="text-center">
<input type="submit" value="Send message" class="btn btn-primary btn-block">
</div>
</div>
</form>
</div>
<div class="col-md-6">
<p>Effects present letters inquiry no an removed or friends. Desire behind latter me though in. Supposing shameless am he engrossed up additions. My possible peculiar together to. Desire so better am cannot he up before points. Remember mistaken opinions it pleasure of debating. Court front maids forty if aware their at. Chicken use are pressed removed. </p>
<p>Able an hope of body. Any nay shyness article matters own removal nothing his forming. Gay own additions education satisfied the perpetual. If he cause manor happy. Without farther she exposed saw man led. Along on happy could cease green oh. </p>
<p class="social"><a href="#" title="" class="facebook"><i class="fa fa-facebook"></i></a><a href="#" title="" class="twitter"><i class="fa fa-twitter"></i></a><a href="#" title="" class="gplus"><i class="fa fa-google-plus"></i></a><a href="#" title="" class="instagram"><i class="fa fa-instagram"></i></a><a href="#" title="" class="email"><i class="fa fa-envelope"></i></a></p>
</div>
</div>
</div>
</div>
</div>
</section>
<footer>
<div class="container">
<div class="row copyright">
<div class="col-md-6">
<p class="roboto">©2015 Your name/company goes here</p>
</div>
<div class="col-md-6">
<p class="credit roboto"><a href="http://bootstrapious.com/portfolio-themes">Bootstrap Portfolio Themes</a></p>
<!-- Please do not remove the backlink to us. It is part of the licence conditions. Thanks for understanding :)-->
</div>
</div>
</div>
</footer>
<!-- Javascript files-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/jquery-1.11.0.min.js"><\/script>')</script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<script src="js/jquery.sticky.js"></script>
<script src="js/jquery.scrollTo.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&amp;sensor=false"></script>
<script src="js/gmaps.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="js/front.js"></script>
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID.-->
<script>
(function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
e=o.createElement(i);r=o.getElementsByTagName(i)[0];
e.src='//www.google-analytics.com/analytics.js';
r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
ga('create','UA-XXXXX-X');ga('send','pageview');
</script>
</body>
</html>