-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathrefuge.html
56 lines (54 loc) · 4.09 KB
/
refuge.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
<!DOCTYPE html>
<html>
<head>
<title>Fight sex trafficking with Crisis Aid International</title>
<link href="https://fonts.googleapis.com/css?family=Rubik:400,500" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/lity.min.css">
<link rel="stylesheet" type="text/css" href="css/tachyons.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body class="rubik bg-black white f4 lh-copy">
<div class="fixed top-0 bottom-0 left-0 right-0" id="bg" style="background-image: url(img/bg-refuge.jpg); background-size: cover; background-attachment: fixed; background-position: center; z-index: -1"></div>
<div class="pa4 pt6-ns mw7 center">
<img src="img/logo.svg" alt="Crisis Aid International" class="h3">
<div class="pt4 pb5 flex-ns">
<div>
<h1 class="f2 lh-title fw5 mv0">Join the fight against sex trafficking</h1>
<p class="mt2 mb6 f3">Tens of thousands of girls in East Africa are forced to sell their bodies every day just to survive. Help us do something about it.</p>
<div class="aspect-ratio aspect-ratio--16x9 mb4">
<iframe class="aspect-ratio--object" src="https://player.vimeo.com/video/230599746?autoplay=1&autopause=0&loop=1&color=e7040f&title=0&byline=0&portrait=0&background=1" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
<p>In 2006, Crisis Aid rescued its first girl from a red light district in East Africa. Ten years later, we operate multiple refuge homes in East Africa and have helped over 600 girls transform their lives. We provide…</p>
<ul>
<li class="mb3"><strong>Counseling</strong>: From the safety of a refuge home, girls begin recovering from trauma.
<li class="mb3"><strong>Vocational training</strong>: Girls learn skills like leatherworking, hairdressing, and computer skills. Upon graduation, we help them find new jobs.</li>
<li class="mb3"><strong>Church</strong>: Over 90% of the the girls in our programs receive Jesus as their Lord and Savior.</li>
</ul>
<div class="mt6 tc">
<p class="f4 f3-ns">Ready to change lives with us?</p>
<a href="https://secure.acceptiva.com/?cst=df678b" id="donate-button" class="bg-dark-red hover-bg-red white br2 pa4 ph5 mb5 dib tc f4 ttu tracked fw5 lh-solid no-underline">Donate Now</a>
</div>
<p class="white-80 f5 bg-white-10 mt4 mb0 pa3">
<a class="white-80 hover-white" href="https://www.crisisaid.org/crisis-aid/">Crisis Aid International</a> has over 17 years of experience fighting sex trafficking and malnourishment in 11 different countries. We're ranked in the top 2% of charities by <a class="white-80 hover-white" href="https://www.charitynavigator.org/index.cfm?bay=search.summary&orgid=11448#.VzYiXBMrJE5">Charity Navigator</a> after receiving 9 consecutive 4-star ratings. We're a Platinum-level, top 1% viewed <a class="white-80 hover-white" href="https://www.guidestar.org/profile/30-0060905">GuideStar Exchange</a> participant, demonstrating our commitment to transparency. We're also accredited by the <a class="white-80 hover-white" href="http://www.ecfa.org/MemberProfile.aspx?ID=16107">Evangelical Council for Financial Accountability</a>.
</p>
</div>
</div>
</div>
<div class="donation" id="donation">
<div class="fixed top-0 bottom-0 left-0 right-0 bg-black-70 donation-scrim" id="scrim"></div>
<div class="fixed top-0 bottom-0 right-0 bg-white w-100 w-80-ns mw7 flex flex-column donation-panel">
<div class="dark-red pa3 flex">
<div class="flex-auto f3 fw5">Donate to fight trafficking</div>
<img src="img/x.svg" alt="Close" id="close">
</div>
<iframe class="bn flex-auto" id="donation-iframe"></iframe>
</div>
</div>
<script
src="https://code.jquery.com/jquery-3.2.1.min.js"
integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
crossorigin="anonymous"></script>
<script src="js/script.js" charset="utf-8"></script>
</body>
</html>