-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsimple.html
59 lines (56 loc) · 3.85 KB
/
simple.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
<!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" />
</head>
<body class="rubik bg-black white f4 lh-copy">
<div class="pa4 pv5-l 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="mb4">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>
<a href="https://secure.acceptiva.com/?cst=c6408f" id="hero-donate" class="bg-dark-red hover-bg-red white br2 pa4 mt4 mb5 db tc f4 ttu tracked fw5 lh-solid no-underline" data-lity>Donate Now</a>
<div class="aspect-ratio aspect-ratio--16x9">
<iframe class="aspect-ratio--object" style="pointer-events: none" src="https://player.vimeo.com/video/230599385?autoplay=1&autopause=0&loop=1&color=e7040f&title=0&byline=0&portrait=0" width="400" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
<p class="white">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>
</ul>
<p class="white">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>
<a href="https://secure.acceptiva.com/?cst=c6408f" id="hero-donate" class="bg-dark-red hover-bg-red white br2 pa4 mt4 mb5 db tc f4 ttu tracked fw5 lh-solid no-underline" data-lity>Donate Now</a>
<p class="white-80 f5 bg-white-10 mt4 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>
<script
src="https://code.jquery.com/jquery-3.2.1.min.js"
integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
crossorigin="anonymous"></script>
<script src="js/lity.min.js" charset="utf-8"></script>
<script type="text/javascript">
$(function() {
var heroDonateTop = $('#hero-donate').offset().top;
$(window).scroll(function(){
if ($(window).scrollTop() >= heroDonateTop) {
$('#nav-donate').removeClass('dn');
}
else {
$('#nav-donate').addClass('dn');
}
});
$('#learn-more').click(function(e) {
e.preventDefault();
$('body, html').animate({
scrollTop: $('#details').offset().top
}, 375)
});
});
</script>
</body>
</html>