-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathhead.html
141 lines (127 loc) · 8.36 KB
/
head.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
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Forehead</title>
<link rel = "icon" href="https://cdn-icons-png.flaticon.com/128/6600/6600305.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 forehead</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="142 px" height="130 px" src="https://tse4.mm.bing.net/th?id=OIP.fZWCTCHMAVNSW3Uf_8-ESwHaFj&pid=Api&P=0"/>
<h3>Headache</h3>
</div>
</span>
</label>
<label class="custom-radio">
<input type="radio" name="ques1.a" id="q1b">
<span class="radio-btn">
<i class="las la-check"></i>
<div class="amartya-icon">
<img width="142 px" height="130 px" src="https://tse1.mm.bing.net/th?id=OIP.b6J9aeQfdYlbEPAYiVeAFgAAAA&pid=Api&P=0"/>
<h3>Lightheadedness</h3>
</div>
</span>
</label>
<label class="custom-radio">
<input type="radio" name="ques1.a" id="q1c">
<span class="radio-btn">
<i class="las la-check"></i>
<div class="amartya-icon">
<img width="142 px" height="140 px" src="https://tse4.mm.bing.net/th?id=OIP.TIQWDIzZz0DUt8qcpOqyYwHaKE&pid=Api&P=0"/>
<h3>Fatigue</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://tse3.mm.bing.net/th?id=OIP.l3tlKtKe-79836sVxQE51QHaE8&pid=Api&P=0" alt="">
<h3>Tension Headache </h3>
<p>Symptoms : Tension headache symptoms include dull pain and pressure, tightness like a band around the head, mild sensitivity to noise or light, difficulty sleeping, and difficulty concentrating.
<br> How Common : Among U.S. adults, 30% to 80% have occasional tension headaches.
<br> Diagnosed By : Your doctor can usually diagnose a tension headache by taking your medical history and doing a physical exam. If needed, the doctor will do other tests to determine what kind of headache you have.</p>
</div>
<div class="box" id="res-a2" 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">Go to sinusitis guide ...</a> </p>
</div>
<div class="box" id="res-a3" style="display:none">
<img src="https://tse3.mm.bing.net/th?id=OIP.qFEHjpLWG0BLfWEEmb6B1gHaHa&pid=Api&P=0" alt="">
<h3>Migraine Headache </h3>
<p>Symptoms : The most common symptoms of migraine include a dull or severe headache that may be worse on one side of the head, and a throbbing, pulsating, or pounding in the head. Other symptoms may include loss of appetite, nausea and vomiting, sensitivity to sound or light, chills, sweating, numbness or tingling, and increased urination.
<br>How Common : About 1 in 10 people have migraine headaches.
<br>Diagnosed By : To diagnose migraine, your doctor will take a medical history and do a physical exam. You may also need a CT scan, MRI, or other tests to rule out other problems.
<br> <a href="https://www.webmd.com/migraines-headaches/making-diagnosis-doctors-exam">Learn more ...</a>
</p>
</div>
<div class="box" id="res-b" 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>
</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 status= document.getElementById('res-n');
var resa= document.getElementById('res-a');
var resa2= document.getElementById('res-a2');
var resa3= document.getElementById('res-a3');
var resb= document.getElementById('res-b');
if(document.getElementById('q1a').checked == true)
{
resa.style.display = "block";
resa2.style.display = "block";
resa3.style.display = "block";
}
if(document.getElementById('q1b').checked == true)
{
resb.style.display = "block";
}
if(document.getElementById('q1c').checked == true)
{
resb.style.display = "block";
}
//swal(status);
//document.write(status);
//document.getElementById("res").innerHTML = status;
}
</script>
</body>
</html>