Skip to content

Commit e292026

Browse files
author
Samyak Jain
authored
issue(how_to_donate)UdacityFrontEndScholarship#226
This commit is done to add how_to_donate content taking from content docs added at how_to_donate html link on website.
1 parent b5c4ccf commit e292026

File tree

1 file changed

+182
-0
lines changed

1 file changed

+182
-0
lines changed

‎public/how_to_donate.html

+182
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,182 @@
1+
<!DOCTYPE html>
2+
<html>
3+
4+
<head>
5+
<meta charset="utf-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7+
<meta name="viewport" content="width=device-width, initial-scale=1">
8+
9+
<title>About</title>
10+
11+
<!-- Shortcut Icons -->
12+
<link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon.png">
13+
<link rel="apple-touch-icon" type="image/x-icon" href="assets/images/favicon.png">
14+
15+
<!-- SEO tags -->
16+
<meta name="description" content="The Official website of JeevanRakht">
17+
<meta name="keywords" content="JeevanRakht, Blood Dontation, Blood Bank, Google Udacity Project JeevanRakht">
18+
19+
<!--GOOGLE FONT-->
20+
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,700|Spectral:400,400i,700,700i" rel="stylesheet">
21+
22+
<!-- jQuery file -->
23+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
24+
25+
<!-- Bootstrap -->
26+
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css">
27+
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
28+
29+
<!-- Font Awesome -->
30+
<link rel="stylesheet" type="text/css" href="https://use.fontawesome.com/releases/v5.0.8/css/all.css" />
31+
32+
<link rel="stylesheet" type="text/css" href="assets/css/style.css" />
33+
34+
</head>
35+
36+
<body>
37+
<section class="section">
38+
<nav class="navbar navbar-expand-lg navbar-light bg-light">
39+
<a class="navbar-brand d-lg-none" href="/index.html">Jeevan Rakht</a>
40+
<button class="navbar-toggler mt-2 mr-2" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
41+
<span class="navbar-toggler-icon"></span>
42+
</button>
43+
<div class="collapse navbar-collapse" id="navbarSupportedContent">
44+
<ul class="navbar-nav mx-auto">
45+
<li><a href="about.html" >About</a></li>
46+
<li><a href="why_donate.html">Why donate?</a></li>
47+
<li><a href="eligibility.html">Eligibility</a></li>
48+
<li class="brand d-none d-lg-block"><a><img src="/assets/images/logo.png" alt=""></a></li>
49+
<li><a href="how_to_donate.html">How to donate?</a></li>
50+
<li><a href="faq.html">FAQ</a>&<a href="info.html">Info</a></li>
51+
<li><a href="contact.html">Contact</a></li>
52+
</ul>
53+
</div>
54+
</nav>
55+
<section>
56+
<header class="header">How to donate</header>
57+
<div class="subhead">
58+
The donation process from the time you arrive until the time you leave takes about an hour. The donation
59+
itself is only about 8-10 minutes on average.
60+
</br>
61+
• Registration. </br>
62+
o We’ll sign you in and go over basic eligibility. </br>
63+
o You’ll be asked to show ID, such as your driver’s license. </br>
64+
o Proof of Age </br>
65+
▪ Donors must have proof of age to ensure they meet the minimum age requirements
66+
and present either a primary form of ID or two secondary forms of ID. </br>
67+
▪ Primary Form of Identification: The donor needs either an American Red Cross donor</br>
68+
ID (preferred) or an acceptable primary picture ID such as:</br>
69+
• Driver's license</br>
70+
• Immigration and Naturalization Service card (green card)</br>
71+
• State Identity card</br>
72+
• Employee Identity card</br>
73+
• Passport</br>
74+
• Student Identity card</br>
75+
• Military Identity card</br>
76+
▪ Secondary Form of Identification: When a primary form of ID is not available, the
77+
donor needs two secondary forms of ID such as</br>
78+
• Student Identity card (without a photo)</br>
79+
• Driver's license without a photo</br>
80+
• Credit card or bank card</br>
81+
• Employee ID (without a photo)</br>
82+
• Birth certificate (original or certified copy)</br>
83+
• Personal checkbook with name and address</br>
84+
• Social Security card</br>
85+
• Voter registration card</br>
86+
• Payroll stub</br>
87+
• Vehicle registration</br>
88+
• Fishing or hunting license</br>
89+
• Grocery store frequent shopper card or VIP card</br>
90+
</div>
91+
<section class="section">
92+
<!-- FOOTER Section -->
93+
<footer class="mainfooter">
94+
<div class="container py-5">
95+
<div class="row text-center">
96+
97+
<div class="col-xs-6 col-sm-12 col-md-3 col-lg-3">
98+
99+
<!--Column1-->
100+
<div class="footer-pad">
101+
<h5>JeevanRakht</h5>
102+
103+
<ul class="list-unstyled">
104+
<li><a href="about.html">About</a></li>
105+
<li><a href="why_donate.html">Why Donate</a></li>
106+
<li><a href="eligibility.html">Eligibility</a></li>
107+
<li><a href="how_to_donate.html">How to Donate</a></li>
108+
<li><a href="faq.html">FAQ &amp;</a><a href="info.html">Info.</li>
109+
<li><a href="contact.html">Contact</a></li>
110+
</ul>
111+
112+
</div>
113+
</div>
114+
115+
<div class="col-xs-6 col-sm-12 col-md-3 col-lg-3">
116+
117+
<!--Column1-->
118+
<div class="footer-pad">
119+
<h5>Get Involved</h5>
120+
<ul class="list-unstyled">
121+
<li><a href="https://jeevanrakht.herokuapp.com/donate">Donate Blood</a></li>
122+
<li><a href="https://jeevanrakht.herokuapp.com/locate">Locate Blood</a></li>
123+
</ul>
124+
</div>
125+
</div>
126+
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
127+
128+
<!--Column1-->
129+
<div class="footer-pad">
130+
<h5>Stay Connected</h5>
131+
<ul class="list-unstyled">
132+
<li>
133+
<a href="https://www.facebook.com/jeevanrakht"><i class="p-1 fab fa-facebook-f"></i></a>
134+
<a href="https://www.twitter.com/jeevanrakht"><i class="p-1 fab fa-twitter"></i></a>
135+
<a href="https://www.instagram.com/jeevanrakht"><i class="p-1 fab fa-instagram"></i></a>
136+
</li>
137+
</ul>
138+
</div>
139+
</div>
140+
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
141+
142+
<!--Column1-->
143+
<div class="footer-pad">
144+
<div class="footer-subscribe">
145+
<h5>YOU MAY NOT THINK YOU'RE AN ACTIVIST...<br>BUT WE DO</h5>
146+
<br><br>
147+
<div class="email-btn-wrapper">
148+
<input type="email" class="footer-email" placeholder="Email ID">
149+
<button class="btn-join">JOIN</button>
150+
<br>
151+
<br>
152+
<input type="checkbox" class="m-1">
153+
<p class="d-inline p-1">Yes, I'd also like to hear more about blood donation.</p>
154+
</div>
155+
156+
</div>
157+
</div>
158+
</div>
159+
160+
161+
</div>
162+
</div>
163+
<div class="after-footer pr-5 pl-5 py-3 justify-content-sm-center text-right">
164+
<a href="#" class="m-2">Privacy Policy</a>
165+
<a href="#" class="m-2">Terms of Service</a>
166+
</div>
167+
</footer>
168+
</section>
169+
170+
<!--Script Links-->
171+
172+
<script src="/assets/js/main.js"></script>
173+
<script>
174+
$('.slider').slick({
175+
dots: true,
176+
slidesToShow: 1,
177+
slidesToScroll: 1,
178+
infinite: true,
179+
});
180+
</script>
181+
</body>
182+
</html>

0 commit comments

Comments
 (0)