-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontribute.html
117 lines (104 loc) · 5.91 KB
/
contribute.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
<!DOCTYPE html>
<html>
<head>
<title>Refugee Stories</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="./css/index.css" />
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto" media="screen">
</head>
<body>
<!-- Logo and NavBar -->
<div class="top-bar">
<div class="top-left" onclick="window.location='./index.html'">
<img class="logo" src="./assets/Images/Logo.png" />
<p class="logo-text">Refugee Stories</p>
</div>
<nav class="navigation">
<a href="./stories.html">Refugee Stories</a>
<a href="./signin.html">Submit Story</a>
<a href="./about.html">About Us</a>
<a id="active-page" href="./contribute.html">Contribute</a>
<a href="./signin.html">Sign In</a>
</nav>
</div>
<div>
<img class="contribute-img" src="Assets/Images/Contribute/river.jpg" />
<div class="contrib-img-text">
<h1>Contribute - Donate and Volunteer</h1>
</div>
</div>
<section class="donate-section">
<div class="donation-text">
<h2>Donation Information</h2>
<h3>Impacts of Donations</h3>
<p>Monetary donations are a vital and easy first effort to helping refugees. Depending on the charity, impacts can
be life-saving and life-changing. Food, water, shelter, medicine, and other basic necessities can be supplied.
Some charities specialize in legal advocacy, which can be important to those trying to obtain asylum at our
borders and being separated from their children. Many people declaring asylum and entering our southern border
are lacking in most everything. Donations such as blankets, clothes, and toothbrushes, can make a terrible
transition a little more humane.</p>
<h3>Where to Donate?</h3>
<p>There are many places asking for monetary donations to help refugees. It can be hard to know where to donate.
Are they reputable? Do they serve the groups I’m interested in helping? How much of the donation actually
reaches the cause? Are the causes already fully or overfunded? These are tough questions! Luckily, there are
sites out there that measure the impacts of charities on refugees. <a
href="https://www.givewell.org">GiveWell</a> is one such place that assesses how much impact your donation can
have on underfunded charities. <a href="https://www.charitynavigator.org">Charity Navigator</a> also does some
great analysis on nonprofits and their impacts. We recommend the charities below as a starting point, but this
list is not exhaustive. Do your research and determine which non-profits fit your desires.</p>
</div>
<div class="donation-boxes">
<div class="box-containers">
<!-- <div class="box box1"> -->
<img class="donation-logo1" src="./Assets/Images/Donate Logos/irc.png" />
<!-- </div> -->
<a href="https://help.rescue.org/donate" target="_blank"><button class="donate-btn">Donate</button></a>
</div>
<div class="box-containers">
<img class="donation-logo2" src="./Assets/Images/Donate Logos/unhcr.png" />
<a href='https://donate.unhcr.org/int/general/~my-donation#' target="_blank"><button
class="donate-btn">Donate</button></a>
</div>
<div class="box-containers">
<img class="donation-logo3" src="./Assets/Images/Donate Logos/amnesty.png" />
<a href='https://www.amnesty.org/en/donate/' target="_blank"><button class="donate-btn">Donate</button></a>
</div>
<div class="box-containers">
<img class="donation-logo4" src="./Assets/Images/Donate Logos/stc.png" />
<a href="https://support.savethechildren.org/site/Donation2?df_id=1620&1620.donation=form1"
target="_blank"><button class="donate-btn">Donate</button></a>
</div>
</div>
</section>
<section class="volunteer-section">
<div class="opacity-box">
<div class="text-container">
<h2>Can't Donate? Volunteer!</h2>
<h3>Impacts of Volunteerism</h3>
<p>Being a voice for those who cannot speak is one of the most important tasks we have as humans. Volunteering
with local nonprofits is key to helping refugees receive the goods they need to lead happier and healthier
lives. When facing resettlement in a new country, refugees have lost their family, their language, their
culture and their careers. They can feel untethered and alone. Volunteering or showing up to rallies to
support their rights is powerful and meaningful. Reaching out to neighbors and your broader community can help
people with little feel like they have a little more. We encourage you to find a local nonprofit or rally to
show you support refugees, no matter where they come from. We encourage you to find an opportunity to make
hygiene packs, be a mentor, tutor someone in English, or write letters. We are all in this together, afterall.
Let’s do something great. </p>
<h3>Volunteer Opportunities Near You</h3>
</div>
<div class="map-container">
<iframe class="map"
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d66789.435021455!2d-77.08061530849136!3d38.90743538007049!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89b7b7b8b796ecc9%3A0x43aa8789000a279a!2sInternational+Rescue+Committee!5e0!3m2!1sen!2sus!4v1561612250394!5m2!1sen!2sus"
width="250" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
<a href='https://www.google.com/maps/search/?api=1&query=refugee+volunteering+near+me' target="_blank"><button
class="map-link">Search Your Area</button></a>
</div>
</div>
</section>
<footer>
<p>Logo is an empathy symbol from https://empathysymbol.com</p>
<p>Stories and pictures from https://www.unhcr.org</p>
</footer>
</body>
</html>