-
Notifications
You must be signed in to change notification settings - Fork 0
/
quiz.html
142 lines (137 loc) · 6.04 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="https://jitendra1mp4.github.io/fun-css/style.css">
<link rel="stylesheet" type="text/css" href="https://jitendra1mp4.github.io/fun-css/utility.css">
<title>Fun with Triangle</title>
</head>
<body>
<nav class="">
<!-- <span class="brand clr-light">Triangle</span> -->
<ul class="list-no-bullet">
<li class="list-item-inline nav-pills">
<a class="link link-text-dec-none" href="/">Is triangle</a>
</li>
<li class="list-item-inline nav-pills">
<a class="link link-text-dec-none link-active" href="/quiz.html">Quiz</a>
</li>
<li class="list-item-inline nav-pills">
<a class="link link-text-dec-none" href="/hypotenuse.html">Hypotenuse</a>
</li>
<li class="list-item-inline nav-pills">
<a class="link link-text-dec-none" href="/area.html">Area</a>
</li>
</ul>
</nav>
<header class="my-2">
<h1 class="hero-text">Triangle <span class="hero-name">Quiz</span></h1>
</header>
<main class="container-center my-hf">
<h2 class="p-hf">
Answer Bellow question to check your basic knowledge about Triangles.
</h2>
<p class="px-hf clr-danger">*It is must to attempt all questions.</p>
<form class="form-quiz">
<div class="container-qna p-1 m-2 border-primary round-hf">
<p class="qn m-hf">The sum of the length of any two sides of a triangle is always ______ than the third
side.
</p>
<div class="div-options m-1">
<ul class="list-no-bullet">
<li class="mx-hf my-hf ta-left">
<label>
<input type="radio" value="smaller" name="question-1"> smaller
</label>
</li>
<li class="mx-hf my-hf ta-left">
<label>
<input type="radio" value="equal" name="question-1"> equal
</label>
</li>
<li class="mx-hf my-hf ta-left">
<label>
<input type="radio" value="greater" name="question-1"> greater
</label>
</li>
</ul>
</div>
</div>
<div class="container-qna p-1 m-2 border-primary round-hf">
<p class="qn m-hf">How many vertices a triangle have?
</p>
<div class="div-options m-1">
<ul class="list-no-bullet">
<li class="mx-hf my-hf ta-left">
<label>
<input type="radio" value="2" name="question -2"> 2
</label>
</li>
<li class="mx-hf my-hf ta-left">
<label>
<input type="radio" value="3" name="question -2"> 3
</label>
</li>
<li class="mx-hf my-hf ta-left">
<label>
<input type="radio" value="4" name="question -2"> 4
</label>
</li>
</ul>
</div>
</div>
<div class="container-qna p-1 m-2 border-primary round-hf">
<p class="qn m-hf">What is the sum of all three angles of a triangle?
</p>
<div class="div-options m-1">
<ul class="list-no-bullet">
<li class="mx-hf my-hf ta-left">
<label>
<input type="radio" value="90 degree" name="question-3"> 90 degree
</label>
</li>
<li class="mx-hf my-hf ta-left">
<label>
<input type="radio" value="360 degree" name="question-3"> 360 degree
</label>
</li>
<li class="mx-hf my-hf ta-left">
<label>
<input type="radio" value="180 degree" name="question-3"> 180 degree
</label>
</li>
</ul>
</div>
</div>
</form>
<div class="container-center">
<button class="btn-primary btn" id="btn-check-answer">Check Answers</button>
<div class="output m-2 p-1">
</div>
</div>
</main>
<footer class="container-fluid">
<div class="container-center">
<div class="brand clr-light">Jitendra Kumar Sahu</div>
<span class="my-1 clr-light d-block">
Social Links
</span>
<ul class="list-no-bullet list-social-links">
<li class="list-item-inline">
<a class="link-text-dec-none link-social" href="https://www.instagram.com/jit2endra/">Instagram</a>
</li> |
<li class="list-item-inline">
<a class="link-social link-text-dec-none"
href="https://www.linkedin.com/in/jitendra1mp4/">Linkedin</a>
</li> |
<li class="list-item-inline"> <a class="link-social link-text-dec-none"
href="https://github.com/jitendra1mp4">Github</a>
</li>
</ul>
</div>
</footer>
<script src="script-quiz.js"></script>
</body>
</html>