-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
63 lines (60 loc) · 4.17 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
<!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/tachyons.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-40963004-2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-40963004-2');
</script>
</head>
<body class="rubik bg-black white f4 lh-copy">
<div class="bg-ns" id="bg"></div>
<div class="pa4 pt6-l mw7 center">
<img src="img/logo.svg" alt="Crisis Aid International" class="h3">
<div class="pt4 pb5 flex-ns">
<div>
<h1 class="f3 f2-ns lh-title fw5 mv0">Join the fight against starvation</h1>
<p class="mt2 mb5 f4 f3-ns">East Africa is suffering from the level of malnutrition we've seen in a long time. An estimated 7.8 million people will require relief food assistance this year. Help us provide hope for families facing starvation by contributing today.</p>
<div class="aspect-ratio aspect-ratio--16x9 mb4 dn db-ns">
<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>
<img src="img/bg.jpg" class="dn-ns">
<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 thousands of 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 in danger of starvation. Join us in saving lives and providing a future for children in need.</p>
<div class="mt5 mt6-ns tc-ns">
<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 db dib-ns 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 z-999 bg-black-70 donation-scrim" id="scrim"></div>
<div class="fixed top-0 bottom-0 right-0 z-999 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>
<div class="iframe-container">
<iframe class="bn flex-auto iframe" id="donation-iframe"></iframe>
</div>
</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>