-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathupperchest.html
147 lines (129 loc) · 6.69 KB
/
upperchest.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
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Upper-Chest </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:#43a0e2;text-align:center;font-size: 3.2em; margin-top: 0.20em;font-color:white;color:white">Analyze your upper-chest</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="120 px" src="https://tse2.explicit.bing.net/th?id=OIP.7da5zsuvMCMBci5eFw9LhwHaE8&pid=Api&P=0"/>
<h3>Fatty area above collar bone</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="120 px" src="https://tse1.explicit.bing.net/th?id=OIP.LJ4kSyYdzgawXUeXTZcB5wHaDq&pid=Api&P=0"/>
<h3>Supraclavicular fossa bruit</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="130 px" height="130 px" src="https://tse3.mm.bing.net/th?id=OIP.i71qxnGwr2ed9R9RhnTuQgAAAA&pid=Api&P=0"/>
<h3>Supraclavicular lymph node enlargement</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-c" style="display:none">
<img src="https://tse1.mm.bing.net/th?id=OIP.Gai3_FHaAjQsDXpUokWsZQHaFj&pid=Api&P=0" alt="">
<h3>Hodgkins Disease </h3>
<p>Hodgkin lymphoma, also known as Hodgkin's disease, is a type of lymphoma, a cancer of the lymphatic system. <br>
The lymphatic system is a network of nodes (knots of tissue) connected by vessels that drain fluid and waste products from the body. The lymph nodes act as tiny filters, straining out foreign organisms and cells.</p>
<a href="https://www.webmd.com/cancer/lymphoma/understanding-hodgkins-disease-basic-information" target="_blank">Learn More about Hodgkins disease -->></a>
</div>
<div class="box" id="res-c2" style="display:none">
<img src="https://tse1.mm.bing.net/th?id=OIP.RhhIP-SvGWBqOnV9NAvgRwHaFl&pid=Api&P=0" alt="">
<h3>Lymphocytic Lymphoma </h3>
<p>Small lymphocytic lymphoma (SLL) is a cancer that affects a type of white blood cell called a "lymphocyte," which helps your body fight infection.</p>
<a href="https://www.webmd.com/cancer/lymphoma/small-lymphocytic-lymphoma-cancer" target="_blank">Learn More about lymphocytic lymphoma -->></a>
</div>
</div>
</section>
<!-- FOR NEXT BUTTON-->
<!-- <section id="sec-1">
<div class="container">
<a href="#sec-res">
<div class="scroll-down1"></div>
</a>
</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 resc = document.getElementById('res-c');
var resc2 = document.getElementById('res-c2');
if(document.getElementById('q1a').checked == true)
{
tatus.style.display = "block";
}
if(document.getElementById('q1b').checked == true)
{
status.style.display = "block";
}
if(document.getElementById('q1c').checked == true)
{
resc.style.display = "block";
resc2.style.display ="block";
}
//swal(status);
//document.write(status);
//document.getElementById("res").innerHTML = status;
}
</script>
</body>
</html>