-
Notifications
You must be signed in to change notification settings - Fork 1
/
nose.html
181 lines (169 loc) · 13.5 KB
/
nose.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
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Nose</title>
<link rel = "icon" href="https://cdn-icons-png.flaticon.com/128/3071/3071102.png">
<link rel="stylesheet" href="selftest_style.css">
<!-- Google Fonts Link -->
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;700;800&display=swap" rel="stylesheet"/>
<!--Line Awesome CDN Link-->
<link rel="stylesheet" href="https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css"/>
<!-- font awesome cdn link -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
<!-- custom css file link -->
<link rel="stylesheet" href="css/style.css">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="data_css.css" />
</head>
<body>
<h1 style="font-family:poppins;background-color:#43a0e2;text-align:center;font-size: 3.2em; margin-top: 0.20em;font-color:white;color:white">Analyze your nose</h1>
<section id="sec-1">
<div class="main-container">
<h2>Are you experiencing any of the following symptoms?</h2>
<div class="radio-buttons">
<label class="custom-radio">
<input type="radio" name="ques1.a" id="q1a">
<span class="radio-btn">
<i class="las la-check"></i>
<div class="amartya-icon">
<img width="150 px" height="140 px" src="https://tse2.explicit.bing.net/th?id=OIP.0NGbcwigFvlZhAQor06XVgHaE8&pid=Api&P=0"/>
<h3>Itchy nose</h3>
</div>
</span>
</label>
<label class="custom-radio">
<input type="radio" name="ques1.b" id="q1b">
<span class="radio-btn">
<i class="las la-check"></i>
<div class="amartya-icon">
<img width="150 px" height="140 px" src="https://tse1.mm.bing.net/th?id=OIP.kQO-fGOLsHcFliRojfwH9AEsDI&pid=Api&P=0"/>
<h3>Trouble smelling</h3>
</div>
</span>
</label>
<label class="custom-radio">
<input type="radio" name="ques1.c" id="q1c">
<span class="radio-btn">
<i class="las la-check"></i>
<div class="amartya-icon">
<img width="150 px" height="140 px" src="https://tse4.mm.bing.net/th?id=OIP.4jm9dTJkE5wO8zXWOwfHlgHaE8&pid=Api&P=0"/>
<h3>Bloody nose</h3>
</div>
</span>
</label>
</div>
</div>
</section>
<input type="submit" name="submit" value="SUBMIT" id="nav" onclick="result()" class="scroll-down5">
<input type="back" name="back" value="BACK" onclick="window.location.href ='upperbody.html';" class="scroll-down6">
<section class="tips" id="sec-res">
<h1 class="heading"> Reults based on your symptoms are :</h1>
<div class="box-container">
<div class="box" id="res-a" style="display:none">
<img src="https://tse2.mm.bing.net/th?id=OIP.gyMmWEKuliCUmBgermX-rwHaE8&pid=Api&P=0" alt="">
<h3>Hay fever</h3>
<p>Symptoms : Hay fever symptoms include sneezing, congestion, runny nose, watery and bloodshot eyes, plugged up feeling in ears, itchy eyes and nose, tiredness, cough, temporary loss of taste and smell, and trouble sleeping.
<br>How Common : About 30% of people in the U.S. have seasonal allergies.
<br>Risk Factors : People with asthma are more likely to have allergies.
<br>Diagnosed By : Your doctor can diagnose hay fever by taking your medical history and doing a physical exam. Skin tests can determine the specific source of your allergies.
<br><a href="https://www.webmd.com/allergies/understanding-hay-fever-basics" target="_blank"> Learn more ...</a>
</p>
</div>
<div class="box" id="res-a2" style="display:none">
<img src="https://tse2.explicit.bing.net/th?id=OIP.iBTHe0rqliBdLIlE-ay4HgHaFp&pid=Api&P=0" alt="">
<h3>Scabies (Scabiasis | Sarcoptes scabiei) </h3>
<p>Symptoms : Intense itchy rash that gets worse at night, small white or gray lines on the skin
<br>How Common : There are about 300 million cases of scabies in the world each year. It is most common in undeveloped parts of the world.
<br>Risk Factors : Sexual contact with someone with scabies, living in a nursing home or nursing facility, having a child who attends a childcare facility
<br>Diagnosed By : Your doctor will take a medical history and do a physical exam. Your doctor also may order a skin biopsy.
<br><a href="https://www.webmd.com/skin-problems-and-treatments/default.htm" target="_blank">Learn more ...</a> </p>
</div>
<div class="box" id="res-b" style="display:none">
<img src="https://tse3.mm.bing.net/th?id=OIP.lsZnqVFTX45_IcEXynHBXgHaFj&pid=Api&P=0" alt="">
<h3>Acute Sinusitis </h3>
<p>Symptoms : Sinusitis symptoms may include sinus pain and tenderness, facial redness and swelling over sinuses, teeth pain, dizziness and poor balance, fatigue, eye pain, sinus congestion and drainage (may include pus and/or bloody mucus), and temporary loss of sense of taste and smell.
<br>How Common : About 12% of people will develop sinusitis in a given year.
<br> Diagnosed By : Doctors diagnose sinusitis by taking your medical history and doing a physical exam. CT scans, X-rays, and MRIs may also be used to pinpoint a sinus infection. Doctors often look up the nose or shine a light into the sinuses to see if they are blocked. In some cases, the doctor may order bacterial cultures or allergy testing.
<br><a href="https://www.webmd.com/allergies/sinus-infection-directory" target="_blank">Learn more ...</a> </p>
</div>
<div class="box" id="res-b2" style="display:none">
<img src="https://tse3.mm.bing.net/th?id=OIP.GEHU5Kx7_5X-BsJOQvIPHQHaIx&pid=Api&P=0" alt="">
<h3>Chronic Sinusitis </h3>
<p>Symptoms : Stuffy nose, tooth pain, fatigue, runny nose, fever, sore throat, bad breath, headache, loss of taste or smell, or pain around the eyes, nose, cheeks, or forehead
<br>How Common : An estimated one in 10 people in the U.S. have sinusitis. Sinusitis is more common during winter and spring because of colds and allergies.
<br>Risk Factors : You may be at higher risk for chronic sinusitis if you have:
Asthma; Cystic fibrosis; Chronic obstructive pulmonary disease (COPD); Aspirin sensitivity; A deviated septum or nasal polyps
<br>Diagnosed By : Your doctor may be able to diagnose sinusitis by looking at your nasal passages. Sometimes doctors use endoscopy, CT scans, or MRIs to see the sinuses more clearly. In some cases, doctors may also take a bacterial culture of the sinuses or do allergy testing.
<br><a href="https://www.webmd.com/allergies/sinus-infection-directory" target="_blank">Learn more ...</a> </p>
</div>
<div class="box" id="res-b3" style="display:none">
<img src="https://tse4.explicit.bing.net/th?id=OIP.7TbZUTTBh632mEZWbN6dJwHaGZ&pid=Api&P=0" alt="">
<h3>Nasal Polyps</h3>
<p>Symptoms : Persistent cold symptoms, stuffy or runny nose, thick mucus, breathing through the mouth, snoring, reduced sense of smell and taste; related sinus infections may cause headache and facial pain.
<br>How Common : 1%-4% of people in the U.S. have nasal polyps.
<br>Risk Factors : Allergies, asthma, chronic sinus infections, sensitivity to aspirin, and cystic fibrosis
<br>Diagnosed By : Your doctor will ask you questions and examine your nasal passages. You may need X-rays, CT scans, or MRIs. Your doctor might suggest a biopsy to rule out more worrisome growths in the nasal passages, such as tumors.
<br> <a href="https://www.webmd.com/allergies/nasal-polyps-symptoms-and-treatments" target="_blank">Learn more ...</a> </p>
</div>
<div class="box" id="res-c" style="display:none">
<img src="https://tse2.mm.bing.net/th?id=OIP.rBzHpeKtB2psK6RpcDn0DQHaFj&pid=Api&P=0" alt="">
<h3>Anemia ( Iron Defeciency) </h3>
<p> Symptoms : Anemia symptoms include fatigue, pale skin and gums, blue color in the whites of the eyes, brittle nails, irritability, dizziness, sore tongue, shortness of breath, unusual food cravings, and headache.
<br>How Common : Anemia is common in women and children. 12% of women aged 12 to 49 have iron deficient anemia. 7% of children aged 1 to 2 have anemia.
<br>Risk Factors : You are at higher risk for iron deficiency anemia if you are a woman with menstrual periods, or have gastrointestinal bleeding from polyps, ulcers, or a chronic disease, including cancer.
<br>Diagnosed By : Your doctor will diagnose anemia by taking your medical history and doing a physical exam and blood tests. If needed, the doctor will do a bone marrow biopsy or intestinal exams to find the source of bleeding.
<br> <a href="https://www.webmd.com/a-to-z-guides/understanding-anemia-basics" target="_blank">Learn more ...</a> </p>
</div>
<div class="box" id="res-c2" style="display:none">
<img src="https://tse4.mm.bing.net/th?id=OIP.9RD7L9cCNzTYvsrt9byJawHaE6&pid=Api&P=0" alt="">
<h3>High Blood Pressure ( Hypertension) </h3>
<p>Symptoms : Most people who have high blood pressure don't have any symptoms. You can have it for years and not know it. A severe type of high blood pressure, called hypertensive crisis, occurs when blood pressure is higher than 180 systolic or 110 diastolic. It can cause severe headaches, shortness of breath, nosebleeds, and extreme anxiety. A hypertensive crisis requires immediate medical attention.
<br>How Common : A third of adults in the U.S. have high blood pressure.
<br>Risk Factors : Age, being African-American, family history, lack of exercise, poor diet, eating too much salt, drinking too much alcohol, being overweight, being under stress, smoking, having sleep apnea
<br>Diagnosed By : Your doctor can diagnose high blood pressure by taking your medical history, doing a physical exam, and taking blood pressure readings on several occasions. You also may have blood and urine tests, an electrocardiogram, and other tests if needed.
<br><a href="https://www.webmd.com/arthritis/understanding-gout-basic-information" target="_blank">Learn more ...</a> </p>
</div>
<div class="box" id="res-c3" style="display:none">
<img src="https://tse3.mm.bing.net/th?id=OIP.fCAhKsA8R4UWzH9arfjeEAHaE8&pid=Api&P=0" alt="">
<h3>Airplane Ear</h3>
<p>Symptoms : Airplane ear can cause discomfort, pain, or pressure in one or both ears. In unusual cases, it may cause dizziness, temporary hearing loss or ringing in the ears, or, rarely, bleeding from the ear.
<br>How Common : Most people who fly on planes have airplane ear at some point.
<br>Risk Factors : Congestion from colds or allergies, ear infection, congenital blockage of the Eustachian tube, being a small child, smoking, having a cleft palate or cleft lip
<br>Diagnosed By : The doctor will examine your ears and ask about your symptoms. Make sure to tell the doctor you were flying recently.
<br> <a href="https://www.webmd.com/a-to-z-guides/airplane-travel-directory" target="_blank">Learn more ...</a> </p>
</div>
</div>
</section>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script> <!-- Alert Box Link -->
<script type="text/javascript">
function result() {
window.location.href = "#sec-res";
var resa= document.getElementById('res-a');
var resa2= document.getElementById('res-a2');
var resb= document.getElementById('res-b');
var resb2= document.getElementById('res-b2');
var resb3= document.getElementById('res-b3');
var resc= document.getElementById('res-c');
var resc2= document.getElementById('res-c2');
var resc3= document.getElementById('res-c3');
if(document.getElementById('q1a').checked == true){
resa.style.display = "block";
resa2.style.display = "block";
}
if(document.getElementById('q1b').checked == true){
resb.style.display = "block";
resb2.style.display = "block";
resb3.style.display = "block";
}
if(document.getElementById('q1c').checked == true){
resc.style.display = "block";
resc2.style.display = "block";
resc3.style.display = "block";
resb.style.display = "block";
resb2.style.display = "block";
}
}
</script>
</body>
</html>