-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
130 lines (112 loc) · 4.92 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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>Donor Hub App</title>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/small-business.css" rel="stylesheet">
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
<div class="container">
<a class="navbar-brand" href="#">Donor Hub</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Home
<span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Page Content -->
<div class="container">
<!-- Heading Row -->
<div class="row my-4">
<div class="col-lg-8">
<img class="img-fluid rounded" src="https://mybravewings.files.wordpress.com/2015/08/blood_646x300.jpg?w=869" alt="">
</div>
<!-- /.col-lg-8 -->
<div class="col-lg-4">
<h1></h1>
<p>Donating blood is one of easiest ways to support your community. Your donation will help save the life of up to three people! If you’ve never donated blood before, you’re probably wondering what you can expect and you may even be a little nervous, but don’t worry! Giving blood is safe and simple. The entire process takes about one hour and 15 minutes; the actual donation of a pint of whole blood unit takes eight to 10 minutes. However, the time varies slightly with each person depending on several factors including the donor’s health history and attendance at the blood drive.</!</p>
<a class="btn btn-primary btn-lg" href="#">Save A Life!</a>
</div>
<!-- /.col-md-4 -->
</div>
<!-- /.row -->
<!-- Content Row -->
<div class="row">
<div class="col-md-4 mb-4">
<div class="card h-100">
<div class="card-body">
<h2 class="card-title">Step One: Registration</h2>
<p class="card-text">Present your photo ID Card and read information sheet about donating blood
.</p>
</div>
<div class="card-footer">
<a href="#" class="btn btn-primary">More Info</a>
</div>
</div>
</div>
<!-- /.col-md-4 -->
<div class="col-md-4 mb-4">
<div class="card h-100">
<div class="card-body">
<h2 class="card-title">Step Two: Donor Health History</h2>
<p class="card-text">Provide basic demographic and health information. Answer questions about past and present health history (information is kept private). Undergo mini exam to determine if you are able to donate (temperature, blood pressure, heart rate). Give blood drop to determine haemoglobin level.</p>
</div>
<div class="card-footer">
<a href="#" class="btn btn-primary">More Info</a>
</div>
</div>
</div>
<!-- /.col-md-4 -->
<div class="col-md-4 mb-4">
<div class="card h-100">
<div class="card-body">
<h2 class="card-title">Step Three: Hydration Station</h2>
<p class="card-text">Drink water or other beverage prior to your donation. The more hydrated you are, the faster your donation will be and the better you’ll feel afterwards.</p>
</div>
<div class="card-footer">
<a href="#" class="btn btn-primary">More Info</a>
</div>
</div>
</div>
<!-- /.col-md-4 -->
</div>
<!-- /.row -->
</div>
<!-- /.container -->
<!-- Footer -->
<footer class="py-5 bg-dark">
<div class="container">
<p class="m-0 text-center text-white">Copyright © Erick 2017</p>
</div>
<!-- /.container -->
</footer>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
</body>
</html>