-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
141 lines (138 loc) · 9.74 KB
/
about.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
<!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.html">Donate</a></span>
</div>
</div>
</nav>
<section class="about" style="background: #eef4f7;">
<section class="highlight-phone" style="background: rgb(255,255,255);">
<div class="container">
<div class="row">
<div class="col-md-8">
<div class="intro">
<h2>Did you know?</h2>
<p>10% of the population worldwide is affected by chronic kidney disease (CKD), and millions die each year because they do not have access to affordable treatment nor efficient donation mechanism?</p><a class="btn btn-primary"
role="button" href="#risk">Check out if you at risk</a>
</div>
</div>
<div class="col-sm-4">
<div class="d-none d-md-block phone-mockup"><img class="device" src="assets/img/1.png">
<div class="screen"></div>
</div>
</div>
</div>
</div>
</section>
<section class="features-clean">
<div class="container">
<div class="intro">
<h2 class="text-center">facts</h2>
</div>
<div class="row features">
<div class="col-sm-6 col-lg-4 item"><img class="icon" src="assets/img/people.svg">
<h3 class="name">kidney chronic disease</h3>
<p class="description"><strong>37 million people have chronic kidney disease.</strong></p>
</div>
<div class="col-sm-6 col-lg-4 item"><img class="icon" src="assets/img/heart.svg">
<h3 class="name">kidney donation</h3>
<p class="description"><strong>100,000 people are awaiting transplant</strong></p>
</div>
<div class="col-sm-6 col-lg-4 item"><img class="icon" src="assets/img/hand.svg">
<h3 class="name">Save life</h3>
<p class="description"><strong>Donate a kidney</strong></p>
</div>
</div>
</div>
</section>
</section>
<section id="risk">
<section style="padding: 2px;margin: 11px;">
<hr class="star-dark mb-5">
<h2 class="text-uppercase text-center" style="font-size: 30px;">Causes and risk factors</h2><br>
<div class="container">
<div class="faqelement"><button class="btn btn-primary faq on" type="button" style="box-shadow: none;font-size: 30px;"><strong>Diabetes</strong></button>
<div class="panel">
<p style="font-size: 24px;">Diabetes is one of the biggest factors that increases your risk for kidney disease and its the number one cause of kidney failure. A healthy diet, being active and medicine can help manage diabetes and prevent health problems like
kidney damage</p>
</div>
</div><br>
<div class="faqelement"><button class="btn btn-primary faq on" type="button" style="box-shadow: none;font-size: 30px;"><strong>High Blood Pressure</strong></button>
<div class="panel">
<p style="font-size: 24px;">High blood pressure is one of the biggest factors that increases your risk for kidney disease and it is the #2 cause of kidney failure. Keeping your blood pressure under control can help prevent kidney disease, or help keep it
from getting worse</p>
</div>
</div>
</div><br>
<div class="container">
<div class="faqelement"><button class="btn btn-primary faq on" type="button" style="box-shadow: none;font-size: 30px;"><strong>Race/ethnicity</strong></button>
<div class="panel">
<p style="font-size: 24px;">African Americans, Hispanics, Native Americans and Asian Americans are more likely to have kidney disease. Doctors and researchers are not exactly sure why, but it may be because diabetes and high blood pressure are more common
in these groups</p>
</div>
</div><br>
<div class="faqelement"><button class="btn btn-primary faq on" type="button" style="box-shadow: none;font-size: 30px;"><strong>Age</strong></button>
<div class="panel">
<p style="font-size: 24px;">Being over age 60 increases your risk for kidney disease. As you get older, your kidneys naturally do not work as well as when you were younger. People age 60 or older are also more likely to have diabetes and high blood pressure,
the two leading causes of kidney failure. If you are over age 60, ask your doctor how often you should be tested for signs of kidney disease.</p>
</div>
</div>
</div><br>
<div class="container">
<div class="faqelement"><button class="btn btn-primary faq on" type="button" style="box-shadow: none;font-size: 30px;"><strong>Family History</strong></button>
<div class="panel">
<p style="font-size: 24px;">Knowing your family health history is an important step in knowing your risk for kidney disease. You are more likely to get kidney disease if someone else in your family has it. </p>
</div>
</div><br>
<div class="faqelement"><button class="btn btn-primary faq on" type="button" style="box-shadow: none;font-size: 30px;"><strong>Other Causes</strong></button>
<div class="panel">
<ul style="font-size: 24px;">
<li>Polycystic kidney disease: a genetic disease that causes many cysts to grow in the kidneys</li>
<li>Glomerulonephritis: a disease that causes irritation to the tiny blood vessels (glomeruli) in your kidneys</li>
<li>Acute kidney injury: kidney failure that happens very quickly, often because of injuries, major blood loss or reactions to medicines</li>
<li>Autoimmune diseases (such as lupus and IgA nephropathy): diseases that cause your immune system to attack your body</li>
<li>Kidney cancer: cancer that grows inside your kidneys</li>
</ul>
</div>
</div>
</div><br>
</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>