-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathfeeding.html
52 lines (50 loc) · 3.94 KB
/
feeding.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
<!DOCTYPE html>
<html>
<head>
<title>Fight starvation 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-feeding.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 starvation</h1>
<p class="mt2 mb6 f3">An estimated 7.8 million people in East Africa will require relief food assistance this year. The degree of malnourishment we see in East Africa now is worse than we have seen in a long time. Help us provide hope for the future today.</p>
<div class="aspect-ratio aspect-ratio--16x9 mb4">
<iframe class="aspect-ratio--object" src="https://player.vimeo.com/video/230599385?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>Since 2003, Crisis Aid has been distributing food to the most severely malnourished families of East Africa. In 2016, we fed over 120,000 people, including over 20,000 severely malnourished children who would not have survived without Crisis Aid.</p>
<p>Continued support is needed to sustain the program and help more families who have children currently dying of starvation. Join us in saving a life and providing a future for children in need.</p>
<div class="mt6 tc">
<p class="f4 f3-ns">Ready to save lives with us?</p>
<a href="https://secure.acceptiva.com/?cst=c6408f" 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 malnourishment and sex trafficking 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 starvation</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>