-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·105 lines (87 loc) · 4.47 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
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Aid Badges are Aidmazing</title>
<meta name="description" content="Aid Badges is a light-weight distributed system for coordinating humanitarian aid efforts.">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,800,600' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/normalize.min.css">
<link rel="stylesheet" href="css/skeleton.css">
<link rel="stylesheet" href="css/main.css">
<!--[if lt IE 9]>
<script src="js/vendor/html5-3.6-respond-1.1.0.min.js"></script>
<![endif]-->
</head>
<body>
<!--[if lt IE 7]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<div class="container">
<header>
<h1>Aid Badges</h1>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="/about/">About</a></li>
<li><a href="/blog/">Blog</a></li>
</ul>
</nav>
</header>
</div>
<div class="banner">
<div class="container">
<div class="sixteen columns">
<p>
<strong>Aid Badges</strong> is a lightweight, distributed system for coordinating humanitarian aid efforts. Community-based organizations are able to create requests for volunteer support throughout the Aid Badges API (via a web interface or SMS). Volunteers can search for aid opportunities—labor or supplies—nearby.
</p>
<p>
<a href="http://www.openbadges.org/">OpenBadges</a> are awarded to recognize volunteer contributions and skills.
</p>
</div>
</div>
</div>
<div class="container">
<div class="eight columns audience volunteers">
<div class="icon">
<img src="img/dogooders.png" alt="Do-Gooders Icon">
</div>
<div class="header">
<h2>Do-Gooders and Other Samaritans</h2>
</div>
<p>
You have done something pretty special for the world, and now you want to share your skills and get some street creed. Well, you’re in luck. We’ve got an app for that.
</p>
<a href="#" class="button block">Try Out Beta</a>
</div>
<div class="eight columns audience organizations">
<div class="icon">
<img src="img/bullhorn.png" alt="Organizations Icon">
</div>
<div class="header">
<h2>Humanitarian Aid and Grass Roots Organizations</h2>
</div>
<p>
Your organization has volunteer opportunities and the desire to tap into a larger network of aid projects to incentivize volunteers to john your cause, develop their skill sets, and recognize their existing strengths. Apply to have your data integrated into this distributed system for coordinating relief efforts.
</p>
<a href="#" class="button block">Create Badges</a>
</div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.11.0.min.js"><\/script>')</script>
<script src="js/main.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>