forked from medhatiwari/Your_Aide
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathquiz.html
110 lines (105 loc) · 5.43 KB
/
quiz.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
<!DOCTYPE html>
<html>
<head>
<title>Quiz</title>
<link rel="stylesheet" href="assets\css\quiz.css" >
<script src="assets\js\quiz.js"></script>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Happy+Monkey&display=swap" rel="stylesheet">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/fonts/fontawesome-all.min.css">
<link rel="stylesheet" href="assets/css/Footer-Basic.css">
<link rel="stylesheet" href="assets/css/screen_set.css">
<link rel="stylesheet" href="assets/css/styles.css">
<script>
document.addEventListener("DOMContentLoaded", () => {
window.setTimeout(function() {
document.body.className = '';
}, 230);
});
</script>
</head>
<body>
<nav class="navbar navbar-light navbar-expand-md navigation-clean">
<div class="container"><a class="navbar-brand" href="#">Your <em>AIDE</em><img class="image" src="assets/img/final.png"></a><button data-toggle="collapse" class="navbar-toggler" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navcol-1">
<ul class="navbar-nav ml-auto">
<li class="nav-item"></li>
<li class="nav-item"><a class="nav-link" href="#">About us</a></li>
<li class="nav-item"><a class="nav-link" href="#">Contact</a></li>
<li class="nav-item dropdown show"><a class="dropdown-toggle nav-link" aria-expanded="true" data-toggle="dropdown" href="#">Move to</a>
<div class="dropdown-menu show"><a class="dropdown-item" href="Menarche\menarche.html">Menarche</a><a class="dropdown-item" href="Form\form.html">Period Tracker</a><a class="dropdown-item" href="Menopause\menopause.html">Menopause</a></div>
</li>
</ul>
</div>
</div>
</nav>
<br>
<br>
<h1 >Let's have a quiz</h1>
<br>
<div class ="container">
<div class="row">
<form id="quiz" name="quiz">
<div class="column">
<p>How long does a typical period last?</p>
<br>
<input type="radio" id="mc" name="ques1" value="k">  3-5 days<br>
<input type="radio" id="mc" name="ques1" value="s">  A week<br>
<input type="radio" id="mc" name="ques1" value="a">  2 days<br>
<br>
<p>How much blood does an average woman lose during periods?</p>
<br>
<input type="radio" id="mc" name="ques2" value="1">  About two spoonfuls<br>
<input type="radio" id="mc" name="ques2" value="2">  A lot more than that<br>
<input type="radio" id="mc" name="ques2" value="3">  About twice the volume of a small-sized cup<br>
<br>
<p>When is Menstrual Hygiene Day celebrated?</p>
<br>
<input type="radio" id="c" name="ques3" value="1">  28 May<br>
<input type="radio" id="c" name="ques3" value="2">  27 May<br>
<input type="radio" id="c" name="ques3" value="3">  26 May<br>
<br>
</div>
<div class="column">
<p> What is the main cause of menopause?</p>
<br>
<input type="radio" id="c" name="ques4" value="1">  Reduction in the level of oestrogen<br>
<input type="radio" id="c" name="ques4" value="2">  Increase in the level of oestrogen<br>
<input type="radio" id="c" name="ques4" value="3">  Increase in the level of progesterone<br>
<br>
<p>Which one the following is not a good practice during menstrual cycle?</p>
<br>
<input type="radio" id="c" name="ques5" value="1">  Use pads or tampons for long<br>
<input type="radio" id="c" name="ques5" value="2">  Keep the pubic area clean<br>
<input type="radio" id="c" name="ques5" value="3">  Dispose used pads safely<br>
<br>
<input id="button" type="button" value="I'm finished!" onclick="check();">
</div>
<div class="column">
</form>
<div id="after_submit">
<p id="message"></p>
<p id="number_correct"></p>
</div>
</div>
</div>
</div>
<br>
<br>
<div>
<footer class="footer-basic">
<div class="social"><a href="#"><i class="fab fa-instagram"></i></a><a href="#"><i class="fab fa-google"></i></a><a href="#"><i class="fab fa-twitter"></i></a><a href="#"><i class="fab fa-facebook-f"></i></a></div>
<ul class="list-inline">
<li class="list-inline-item">Home</li>
<li class="list-inline-item">About</li>
<li class="list-inline-item">Privacy Policy</li>
<li class="list-inline-item"><a href="#"></a></li>
</ul>
<p class="copyright">Hypertext_S!ntax © 2021</p>
</footer>
</div>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
</body>
</html>