-
Notifications
You must be signed in to change notification settings - Fork 0
/
donate.html
151 lines (148 loc) · 11.9 KB
/
donate.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
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Kidney Donation</title>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto">
<link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
<link rel="stylesheet" href="assets/fonts/ionicons.min.css">
<link rel="stylesheet" href="assets/css/Faq-by-pomdre-1.css">
<link rel="stylesheet" href="assets/css/Faq-by-pomdre.css">
<link rel="stylesheet" href="assets/css/Features-Clean.css">
<link rel="stylesheet" href="assets/css/Highlight-Phone.css">
<link rel="stylesheet" href="assets/css/Login-Box-En.css">
<link rel="stylesheet" href="assets/css/Modern-Contact-Form.css">
<link rel="stylesheet" href="assets/css/Multi-step-form.css">
<link rel="stylesheet" href="assets/css/Navigation-with-Button.css">
<link rel="stylesheet" href="assets/css/Newsletter-Subscription-Form.css">
<link rel="stylesheet" href="assets/css/Social-Icons.css">
<link rel="stylesheet" href="assets/css/styles.css">
</head>
<body>
<nav class="navbar navbar-dark navbar-expand-md fixed-top bg-dark navigation-clean-button" id="nav-bar">
<div class="container">
<a class="navbar-brand" href="index.html" style="color: var(--white);"><img src="assets/img/covid-bean.svg" width="50" height="50">Kidney</a><button data-toggle="collapse" class="navbar-toggler" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navcol-1">
<ul class="navbar-nav flex-grow-1 justify-content-around mr-auto">
<li class="nav-item"></li>
<li class="nav-item"><a class="nav-link" href="about.html" style="color: var(--white);">About</a></li>
<li class="nav-item"><a class="nav-link" href="contact.html" style="color: var(--white);">contact</a></li>
<li class="nav-item"><a class="nav-link" href="faq.html" style="color: var(--white);">Faq</a></li>
<li class="nav-item dropdown"><a class="dropdown-toggle nav-link" aria-expanded="false" data-toggle="dropdown" href="#" style="color: var(--white);">More </a>
<div class="dropdown-menu"><a class="dropdown-item" href="#">One way</a><a class="dropdown-item" href="paired-donation.html">Paired Donation</a><a class="dropdown-item" href="kidney-chain.html">Kidney chain</a></div>
</li>
</ul><span class="navbar-text actions"> <a class="login" href="login.html" style="color: var(--white);">Log In</a><a class="btn btn-light action-button" role="button" href="#">Donate</a></span>
</div>
</div>
</nav>
<section class="login">
<section style="height: 0;">
<div id="multple-step-form-n" class="container overflow-hidden" style="margin-top: 0px;margin-bottom: 10px;padding-bottom: 300px;padding-top: 57px;">
<h1 class="heading">Are You Eligible to Donate</h1>
<div id="progress-bar-button" class="multisteps-form">
<div class="row">
<div class="col-12 col-lg-8 ml-auto mr-auto mb-4">
<div class="multisteps-form__progress"><a class="btn multisteps-form__progress-btn js-active" role="button" title="User Info">User Info</a><a class="btn multisteps-form__progress-btn" role="button" title="User Info">Health</a><a class="btn multisteps-form__progress-btn"
role="button" title="User Info">other factors </a></div>
</div>
</div>
</div>
<div id="multistep-start-row" class="row">
<div id="multistep-start-column" class="col-12 col-lg-8 m-auto">
<form id="main-form" class="multisteps-form__form">
<div id="single-form-next" class="multisteps-form__panel shadow p-4 rounded bg-white js-active" data-animation="scaleIn">
<h3 class="text-center multisteps-form__title">User Info</h3>
<div id="form-content" class="multisteps-form__content" style="height: 600px;">
<div id="input-grp-double" class="form-row mt-4">
<div class="col-12 col-sm-6"><input class="form-control multisteps-form__input" type="text" placeholder="First name "></div>
<div class="col-12 col-sm-6 mt-4 mt-sm-0"><input class="form-control multisteps-form__input" type="text" placeholder="Last name "></div>
</div>
<div id="input-grp-single" class="form-row mt-4">
<div class="col-12"><input class="form-control multisteps-form__input" placeholder="Age" type="date"></div>
</div>
<div id="input-grp-single-4" class="form-row mt-4">
<div class="col-12"><input class="form-control multisteps-form__input" type="text" placeholder="Country"></div>
</div>
<div id="input-grp-single-3" class="form-row mt-4">
<div class="col-12"><input class="form-control multisteps-form__input" type="text" placeholder="City"></div>
</div>
<div id="input-grp-single" class="form-row mt-4">
<div class="col-12"><select class="form-control">
<optgroup label="Gender">
<option value="12" selected="">Male</option>
<option value="13">Female</option>
<option value="14">Other</option>
</optgroup>
</select></div>
</div>
<div id="next-button" class="button-row d-flex mt-4"><button class="btn btn btn-primary ml-auto js-btn-next" type="button" title="Next">Next</button></div>
</div>
</div>
<div id="single-form-next-prev" class="multisteps-form__panel shadow p-4 rounded bg-white" data-animation="scaleIn">
<h2 class="text-center multisteps-form__title">About</h2>
<div id="form-content-1" class="multisteps-form__content" style="height: 600px;">
<div id="input-grp-double-1" class="form-row mt-4">
<div class="col-12 col-sm-6"><select class="form-control">
<optgroup label="Do you have Any known medical Condition">
<option value="12">Yes</option>
<option value="13" selected="">No</option>
</optgroup>
</select></div>
<div class="col-12 col-sm-6 mt-4 mt-sm-0"><select class="form-control">
<optgroup label="Specify medical condition">
<option value="12">Diabetes</option>
<option value="13">Cardiac</option>
<option value="14">HIV</option>
<option value="">Cancer</option>
<option value="">Anaemia</option>
<option value="" selected="">None</option>
</optgroup>
</select></div>
</div>
<div id="input-grp-single-1" class="form-row mt-4" style="margin-top: 0;">
<div class="col-12"><input class="form-control multisteps-form__input" type="number" placeholder="Height in metres"></div>
</div>
<div id="input-grp-single-1" class="form-row mt-4" style="margin-top: 0;">
<div class="col-12"><input class="form-control multisteps-form__input" type="number" placeholder="Weight in Kgs"></div>
</div>
<div id="input-grp-single-5" class="form-row mt-4" style="margin-top: 0;">
<div class="col-12"><select class="form-control">
<optgroup label="Blood Group">
<option value="12" selected="">Blood Group A</option>
<option value="13">Blood Group B</option>
<option value="14">Blood Group AB</option>
<option value="">Blood Group 0</option>
</optgroup>
</select></div>
</div>
<div id="next-prev-buttons" class="button-row d-flex mt-4"><button class="btn btn btn-primary js-btn-prev" type="button" title="Prev" style="padding-top: 6px;">Prev</button><button class="btn btn btn-primary ml-auto js-btn-next" type="button" title="Next">Next</button></div>
</div>
</div>
<div id="single-form-next-prev-1" class="multisteps-form__panel shadow p-4 rounded bg-white" data-animation="scaleIn">
<h3 class="text-center multisteps-form__title">About</h3>
<div id="form-content-2" class="multisteps-form__content" style="height: 600px;">
<div id="input-grp-single-2" class="form-row mt-4">
<div class="col-12"><select class="form-control">
<optgroup label="Ever Donated akidney before">
<option value="">Yes</option>
<option value="" selected="">No</option>
</optgroup>
</select></div>
</div>
<div id="next-prev-buttons-1" class="button-row d-flex mt-4" style="margin-top: 120px;"><button class="btn btn btn-primary js-btn-prev" type="button" title="Prev">Prev</button><button class="btn btn btn-primary ml-auto js-btn-next" type="button" title="Next">Next</button></div>
</div>
</div>
</form>
</div>
</div>
</div>
</section>
</section>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/Faq-by-pomdre.js"></script>
<script src="assets/js/Multi-step-form.js"></script>
</body>
</html>