forked from lucyfox4131/the_pivot
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
102 lines (100 loc) · 3.86 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
<!DOCTYPE html>
<html>
<head>
<title>Refugee Restart ● °</title>
<link href="style.css" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=true">
<link rel="shortcut icon" href="images/minimal.png">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
</head>
<body>
<div class="main-section">
<h1>REFUGEE <span>RESTART</span></h1>
</div>
<div class="section blue-bg">
<div class="section-content">
<p>
Imagine fleeing your home with just a backpack. Crossing an ocean in a raft, only to find the borders closed Getting the chance to start over in America. Arriving with sparse possessions, no money, little English, and few prospects. But welcomed by safety, freedom and the generosity of the American people. Refugee Restart is a shop that works to retore the lost homes of refugees in the United States. This was created by Robbie Jaeger, Kerry Sheldon, and Karina Gonzalez, as part of the Turing School of Software & Design's Module 3 curriculum.
Refugee Restart is a multi-tenant application for use by charities that seek donations to help arriving refugees. The application was made by itertatively consluting the former national director for refugee resettlement at the International Rescue Committee.
</p>
</div>
</div>
<div class="section clear-bg">
<div class="section-content">
<h1 class="title-bl">Contributions</h1>
<div class="row">
<div class="col-md-6">
<img src="images/ref-gif.gif" height="300px">
</div>
<div class="col-md-6">
<ul>
<li>User Research</li>
<ul>
<li>Interviewed the administrative side of resettlement</li>
</ul>
<li>Visual Design</li>
<ul>
<li>Wireframe</li>
</ul>
<li>Back-End Development</li>
<ul>
<li>Rails</li>
<li>HTML</li>
<li>CSS</li>
<li>Multitenancy</li>
<li>JQuery</li>
</ul>
</ul>
</p>
</div>
</div>
</div>
</div>
<div class="section blue-bg">
<div class="section-content">
<h1 class="title">Wireframes & Features</h1>
<div class="row">
<div class="col-md-6">
<ul>
<li>User can donate to specific refugee families based upon:</li>
<ul>
<li>Most Critical</li>
<li>Elderly</li>
<li>Children</li>
<li>Single Mother</li>
<li>Location</li>
<li>Accepting Micro-loans</li>
</ul>
<li>User can learn more about conflict affecting families</li>
<li>User can sign in as admin, charity admin, platform admin</li>
</ul>
</div>
<div class="col-md-6">
<img src="images/wireframe.png" height="350px" >
</div>
</div>
</div>
</div>
<div class="section clear-bg">
<div class="section-content">
<h1 class="title-bl">Screenshots</h1>
<div class="row">
<div class="col-md-6">
<img src="images/refugee-restart.gif" height="300px">
</div>
<div class="col-md-6">
<img src="images/restart.gif" height="300px">
</div>
</div>
</div>
</div>
<div class="section clear-bg">
<div class="logo">
<a href="https://karinamzalez.github.io/">
<img src="images/logo.png">
</a>
</div>
</div>
</body>
</html>