-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathhack-pack.html
110 lines (100 loc) · 4.9 KB
/
hack-pack.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Her Story - Hack Pack</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link rel="stylesheet" href="stylesheets/css/main.css">
</head>
<body>
<div class="container-fluid no-padding">
<!-- PARALLAX START -->
<div class="parallax">
<div id="banner" class="slide">
<div class="text">
<h1><span class="smaller">EmpowerHack presents </span>HerStory</h1>
<p class="intro col-xs-12 col-md-5 position central">Welcome to our Hack Pack - everything you need to know for our hackathon</p>
</div>
</div>
<div id="empowerhack" class="slide">
<h2>Empower Hack</h2>
<div class="col-xs-12 col-md-6">
<div class="col-xs-12 col-md-10 position central">
<h3>What is Empowerhack?</h3>
<p>EmpowerHack is a collective that brings creates sustainable design for women and girls in humanitarian contexts. Bridging the gap between technology, design, and NGOs to address key challenges, Empower Hack galvanises volunteers to create code that crosses borders.</p>
</div>
<div class="col-xs-12 col-md-10 position central">
<h3>Why are we tackling issues about refugees?</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
</div>
<div class="col-xs-12 col-md-6">
<div class="col-xs-12 col-md-10 position central">
<h3>Why HerStory - why this app?</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat</p>
</div>
<div class="col-xs-12 col-md-9 position central">
<h3>Why not leave it to the other apps out there?</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat</p>
</div>
</div>
</div>
<div id="challenges" class="slide">
<div class="title">
<h2>Challenges</h2>
<div class="col-xs-12 col-md-6">
<div class="icon">
<i class="fa fa-globe"></i>
<h3>Challenge #1</h3>
</div>
<p>Lorem ipsum dolor sit amet</p>
</div>
<div class="col-xs-12 col-md-6">
<h3>Challenge #2</h3>
<p>Lorem ipsum dolor sit amet</p>
</div>
<!-- <ul>
<li>Culture of refugees - it's a delicate situation</li>
<li>Tech challenges - tech stack, accessibility</li>
<li>UX - trust, service, design, romanticising</li>
<li>Security, anonymity</li>
</ul>
<p>Emphasise being open to solutions and suggestions</p> -->
</div>
</div>
<div id="resources" class="slide">
<h2>Resources</h2>
<ul>
<li>Current prototype</li>
<li>User feedback</li>
<li>Previous hackathon</li>
<li>Successes from that hackathon and the growth since</li>
</ul>
<h3>Where are we now</h3>
<ul>
<li>Project objectives</li>
<li>Leaflet which goes with the app for refugees</li>
<li>Networking, connections, interviews,pitches</li>
<li>Why we're at this point</li>
</ul>
</div>
<div id="future" class="slide">
<h2>Future Plans</h2>
<ul>
<li>Plans beyond the hackathon</li>
<li>Volunteering opportunities with refugees</li>
<li>What success will look like</li>
<li>How you can and should continue with the project</li>
<li>What it's actually like to volunteer with the group</li>
</ul>
</div>
</div>
</div>
<!-- Scripts -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
</body>
</html>