-
Notifications
You must be signed in to change notification settings - Fork 0
/
rules.html
36 lines (35 loc) · 2.66 KB
/
rules.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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@700&family=Open+Sans:wght@300&family=Quicksand&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="./style.css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="./index.js" charset="utf-8"></script>
<title>QUIZ APP</title>
</head>
<body>
<div class="heading">
<h1 class="app-name">QUIZZLER</h1>
</div>
<div class="rule-box">
<h2 class="rule-heading">RULES</h2>
<ul style="color: #1D5C63">
<li class="rule">After Customizing your quiz and clicking on submit button, You will see a quiz window divided in two halves.
Left Half contains the Question and Right Half contains four options.</li>
<li class="rule">Out of the four options You have to select one and if the selected option is correct it will turn green and if it is incorrect
then it will turn red and correct option will turn green, Then click on next button.</li>
<li class="rule">For each correct answer Your score will get incremented by one. You can see your current score above the question.</li>
<li class="rule">For each question, you will get a fixed time to answer it like for easy questions you get 10 seconds, for medium , you get 20 seconds
and for hard you get 30 seconds. You can see the timer running above the options and if it gets zero next question appears automatically.</li>
</ul>
</div>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</body>
</html>