forked from TheAdelowo/main_files
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdonation.html
68 lines (68 loc) · 3.15 KB
/
donation.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
<!DOCTYPE html>
<html>
<head>
<title>Donations</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/donation.css">
<link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.css">
</head>
<body>
<nav>
<div id="nav">
<img src="https://res.cloudinary.com/taofeeq/image/upload/v1567279262/slack.hng/giftapad/giftapadlogo1_jqwmqt.png" alt="giftapad logo">
<div class="dropdown"> <!--menu bar for mobile-->
<button class="dropbtn"><i class="fa fa-bars fa-2x"></i></button>
<div class="dropdown-content">
<a href="About.html">About</a>
<a href="Project.html">Project</a>
<a href="Membership.html">Membership</a>
<a href="Team.html">Team</a>
<a href="Contact.html">Contact</a>
</div>
</div>
<div class="menu"> <!--menu bar for screen above 720px, e.g. PC-->
<ul>
<li><a href="About.html">About</a></li>
<li><a href="Project.html">Project</a></li>
<li><a href="Membership.html">Membership</a></li>
<li><a href="Team.html">Team</a></li>
<li><a href="Contact.html">Contact</a></li>
</ul>
</div>
</div>
</nav>
<div id="content">
<header>
<div id="top">
<h1>your donation</h1>
</div>
</header>
<div id="donate">
<a href="#"><button>donate now</button></a>
<h2>make a donation</h2>
</div>
<section>
<div id="story">
<h3>You're doing something <span>amazing</span>!</h3>
<p>Do you know thousands of girls in Nigeria still use pieces of rags to manage
their mentrual flow? Do you believe menstrual hygiene management should be
promoted? Do you agree that every girl child should be given means make
well-informed choices especially when it comes to their menstrual health?
</p>
<p>Please be a part of this initiative by donating to Gift a Pad to a girl today</p>
</div>
<a href="#"><button>donate now</button></a>
<div id="picture"><!--an image should be here as background--></div>
<div id="story2">
<p>When you Gift A Pad, you are not only helping to make quality hygiene accessible
for teenage underpriviledged girls, you are fostering education by keeping a girl
in class, you are gifting confidence by ending the prejudice against menstruating
teenage girls in school, you are gifting hope and girl child empowerment. Help a
girl live a normal life every single day. Let us build a nation of confident women.
</p>
<h4>together we can</h4>
</div>
</section>
</div>
</body>
</html>