-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathsternum.html
198 lines (181 loc) · 12.9 KB
/
sternum.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
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Sternum </title>
<link rel="icon" href="https://cdn-icons-png.flaticon.com/128/3103/3103997.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:orange;text-align:center;font-size: 3.2em; margin-top: 0.20em;font-color:white;color:white">Analyze your sternum</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="140 px" height="140 px" src="https://tse1.explicit.bing.net/th?id=OIP.xtolHbd0pqC2X4YZdkCF9AHaE8&pid=Api&P=0"/>
<h3>Hiccups</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://tse4.mm.bing.net/th?id=OIP.nAhRIy5yt_R_DRwrvk6DTAHaEc&pid=Api&P=0"/>
<h3>Heartburn</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="140 px" height="140 px" src="https://tse3.mm.bing.net/th?id=OIP.xtBZQgs_dhT2vdHZ2XO3AwHaE8&pid=Api&P=0"/>
<h3>Palpitations</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 ='middlebody.html';" class="scroll-down6">
<!-- <section id="sec-res">
<div class="main-container">
<h2>Reults based on your symptoms are :</h2>
<div class="box-container">
<div class="box" id="res-a" style="display:none">
<img width="200px" height="200px" src="https://tse1.mm.bing.net/th?id=OIP.CpCJCwTzFXguLKmFnSIPCAHaHa&pid=Api&P=0">
<p class ="box" >Thrombophlebitis <br> How Common : 300,000 to 600,000 people have deep vein thrombosis or pulmonary embolism from thrombophlebitis each year. Many more go undiagnosed.</p>
</div>
</div>
</div>
</section> -->
<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-n" style="display:none">
<img src="https://tse3.mm.bing.net/th?id=OIP.YC9RJ9OdG6oR-GkNmGeUvQHaF8&pid=Api&P=0" alt="">
<h3>Sorry </h3>
<p>We are unable to find any conditions that match the symptoms you entered..</p>
<a href="selftest_index.html">Re-enter your symptoms.</a>
</div>
<div class="box" id="res-b" style="display:none">
<img src="https://tse1.mm.bing.net/th?id=OIF.FsSHt9S%2fB2k1I%2bnbVDaKvQ&pid=Api&P=0" alt="">
<h3>Heartburn/GERD</h3>
<p>Symptoms : The most common symptoms of heartburn and GERD are a burning feeling in the chest, throat, or mouth, nausea after eating, and a feeling that food is trapped low in your throat. Less common symptoms include difficulty swallowing, a dry cough, sore throat, hiccups, chest pain, hoarseness, or regurgitation of food.
<br><br>How Common : About 1 in 20 people in the U.S. have chronic acid reflux, or GERD.
<br><br>Risk Factors : Being overweight ; Drinking alcohol ; Smoking ; Hiatal hernia ; Pregnancy ; Scleroderma ; Asthma ; Diabetes ; Zollinger-Ellison syndrome
<br><br>Diagnosed By : To diagnose heartburn or GERD, your doctor will take a medical history and do a physical exam. You may also need to have X-rays, an endoscopy (passing a thin tube with a camera down your throat), or other tests.
<br><br><a href="https://www.webmd.com/heartburn-gerd/guide/is-it-heartburn-gerd" target="_blank">Is it heartburn or gerd ?></a> </p>
</div>
<div class="box" id="res-b2" style="display:none">
<img src="https://tse2.mm.bing.net/th?id=OIP.PpWYaamTuLr64fS9UcuaFwHaJi&pid=Api&P=0" alt="">
<h3>Gastritis </h3>
<p>Symptoms : Gastritis symptoms include upper abdominal pain and cramping; diarrhea (loose stools) with or without blood or mucus; low-grade fever; nausea and vomiting; loss of appetite; and black, tarry stools, which may be a sign of internal bleeding
<br><br>How Common : There are many millions of cases of gastritis in the U.S. every year.
<br><br>Diagnosed By : Doctors diagnose gastritis with a physical exam and by taking your medical history. For severe gastritis, the doctor may do other tests such as a stool test for blood, upper GI X-rays, or endoscopy.
</p>
<a href="https://www.webmd.com/digestive-disorders/digestive-diseases-gastritis" target="_blank">Learn more...</a>
</div>
<div class="box" id="res-b3" style="display:none">
<img src="https://tse1.mm.bing.net/th?id=OIP.Xd09d8j71-bqD-wrL60yzgHaEK&pid=Api&P=0" alt="">
<h3>Barrett's Esophagus</h3>
<p>Symptoms : Barrett's esophagus has no symptoms. It's often the result of chronic heartburn, which can cause chest pain, burning, and nausea.
<br><br> How Common : Up to 7 in 100 people in the U.S. have Barrett's esophagus.
<br><br>Risk Factors : Chronic heartburn or GERD. GERD is twice as common in men and more common in Caucasians. It's also more common in older people.
<br><br>Diagnosed By : Your doctor will take a medical history and do a medical exam. You will need an endoscopy -- an exam in which a doctor guides a thin tube with a camera down the esophagus to look for damage -- and the doctor will need to test tissue samples.
</p>
<a href="https://www.webmd.com/heartburn-gerd/guide/barretts-esophagus-symptoms-causes-and-treatments" target="_blank">Learn more ...</a>
</div>
<div class="box" id="res-b4" style="display:none">
<img src="https://tse1.mm.bing.net/th?id=OIP.uZm3BR0c21NOKFnj1fHXlgHaFj&pid=Api&P=0" alt="">
<h3>Esophageal Cancer</h3>
<p>Symptoms : Includes difficulty or pain when swallowing, pain or burning in the chest, choking, weight loss, hoarseness, hiccups, chronic cough, black stools, and vomiting blood or material that looks like coffee grounds.
<br><br> How Common : About 16,650 new cases of esophageal cancer are diagnosed each year in the U.S.
<br><br>Risk Factors : Age 65 or older, being male, tobacco use, heavy drinking, longstanding acid reflux, Barrett's esophagus (an acid reflux-related condition), obesity, and a diet low in fruits and vegetables
<br><br>Diagnosed By : The doctor will take a medical history and do a physical exam and other tests, including X-rays, an examination of the esophagus with an endoscope, and CT scan.
</p>
<a href="https://www.webmd.com/cancer/esophageal-cancer" target="_blank">Learn more ...</a>
</div>
<div class="box" id="res-c" style="display:none">
<img src="https://tse2.mm.bing.net/th?id=OIP._6aN9Wct-9MsBEYst5LeLgHaHa&pid=Api&P=0" alt="">
<h3>Panic Attacks</h3>
<p>Symptoms : A feeling of doom, shakiness, racing heartbeat, sweating, chills, chest pain, shortness of breath, nausea, faintness, and headache.
<br> How Common : About 5% of people will have a panic attack at some point in their life.
<br> Risk Factors : Stressful or traumatic event, family history of panic attacks, major life changes, history of sexual abuse or child abuse
<br> Diagnosed By : Your doctor will take a medical history and do a physical exam. You may also need tests to rule out other medical conditions.
<br><a href="https://www.webmd.com/anxiety-panic/guide/panic-attack-symptoms" target="_blank">Learn more ...</a>
</div>
<div class="box" id="res-c2" style="display:none">
<img src="https://tse2.mm.bing.net/th?id=OIP.FdcxxVZbNb9nCbvpGdQJfAHaH6&pid=Api&P=0" alt="">
<h3>Atrial Flutter</h3>
<p>Symptoms : Palpitations, pounding sensation in the chest, fluttering in the chest, shortness of breath, anxiety, weakness, light-headedness, fainting
<br> Risk Factors : Heart disease, lung disease, high blood pressure, overactive thyroid, coronary artery disease, abnormal heart valves, use of stimulants such as alcohol or diet pills, stress and anxiety
<br>Diagnosed By : Your doctor will listen to your heart and check your pulse rate. An electrocardiogram may be performed to record the electrical signals in your heart. Another test, called an echocardiogram, is sometimes done to create a picture of the inside of your heart while it's beating.</p>
<br><a href="https://www.webmd.com/heart-disease/atrial-fibrillation/atrial-flutter" target="_blank">Learn more...</a>
</div>
<div class="box" id="res-c3" style="display:none">
<img src="https://tse1.mm.bing.net/th?id=OIP.Xd09d8j71-bqD-wrL60yzgHaEK&pid=Api&P=0" alt="">
<h3>Barrett's Esophagus</h3>
<p>Barrett's esophagus has no symptoms. It's often the result of chronic heartburn, which can cause chest pain, burning, and nausea.
<br> How Common : Up to 7 in 100 people in the U.S. have Barrett's esophagus.
<br> Overview : Barrett's esophagus occurs when the lining of the esophagus is damaged, usually by acid reflux, leading to cell changes.
<br><a href="https://www.webmd.com/heartburn-gerd/guide/barretts-esophagus-symptoms-causes-and-treatments" 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 resb = document.getElementById('res-b');
var resb2 = document.getElementById('res-b2');
var resb3 = document.getElementById('res-b3');
var resb4 = document.getElementById('res-b4');
var resc = document.getElementById('res-c');
var resc2 = document.getElementById('res-c2');
var resc3 = document.getElementById('res-c3');
if(document.getElementById('q1a').checked == true)
{
status.style.display = "block";
}
if(document.getElementById('q1b').checked == true)
{
resb.style.display = "block";
resb2.style.display = "block";
resb3.style.display = "block";
resb4.style.display = "block";
}
if(document.getElementById('q1c').checked == true)
{
resc.style.display = "block";
resc2.style.display ="block";
resc3.style.display = "block";
}
//swal(status);
//document.write(status);
//document.getElementById("res").innerHTML = status;
}
</script>
</body>
</html>