<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
<title>Social Anxiety - Harsh Kumar</title>
</head>
<body>
<section id='header'>
Social Anxiety - Mental Health Check up
</section>
<section id="main">
<div id='instruction'>Instructions :
<div>
<ul type="none">
<li>Complete the quiz given below</li>
<li>Get the total score out of 50</li>
<li>Get some tips to fight your disorder</li>
</ul>
</div>
</div>
<div id="question-card">
<div id="ONE">
<div style="font-size:20px;font-family:verdana;font-weight:700">Question:</div>
<div id='question' style="font-size:16px;font-family:monospace;">1. Felt moments of sudden terror, fear, or fright in social situations.</div>
<div id='options'>
<button id='but-up' onclick="checkAnswer(1)">Never</button>
<button id='but-mid' onclick="checkAnswer(2)">Sometimes</button>
<button id='but-mid' onclick="checkAnswer(3)">Frequently</button>
<button id='but-down' onclick="checkAnswer(4)">Always</button>
</div>
</div>
<div id="TWO" style="display:none;font-size:18px">
<br/>score needs to be as low as possible<br/>
<div id="SCORE" style="font-size:15px"></div>
<br/>Suggestions for Anxiety<br/>
<div id="ADVICEONE" style="font-size:15px"></div>
<div id="ADVICETWO" style="font-size:15px"></div>
</div>
</div>
</section>
<section id="footer">
at : harshkumar093@gmail
</section>
<script src="script.js"></script>
</body>
</html>