-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmilquiz.html
153 lines (141 loc) · 8.4 KB
/
milquiz.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
148
149
150
151
152
153
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="This is project that is aimed at equipping individuals with necessary skills to help pursure in their various careers">
<meta name="keywords" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/style.css">
<link rel="apple-touch-icon" sizes="180x180" href="images/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon-16x16.png">
<title>Quizes | Management In Living</title>
</head>
<body>
<!-- PRE LOADER -->
<section class="preloader">
<div class="spinner">
<span class="spinner-rotate"></span>
</div>
</section>
<!-- MENU -->
<section class="navbar custom-navbar navbar-fixed-top nav-color" role="navigation">
<div class="container">
<div class="navbar-header">
<button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse" alt="Hamburger Menu">
<span class="icon icon-bar"></span>
<span class="icon icon-bar"></span>
<span class="icon icon-bar"></span>
</button>
<a href="index.html" class="navbar-brand"><img src="images/logo.png" alt="Labone Crest" class="logo"></a>
</div>
<!-- MENU LINKS -->
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-nav-first navbar">
<li><a href="index.html" class="smoothScroll navbar-link quiz-nav">home</a></li>
<li class="dropdown"><a href="#" class="smoothScroll navbar-link quiz-nav"><span>Quizzes</span> <i class="fa fa-chevron-down"></i></a>
<ul>
<li><a href="fnnquiz.html" class="smoothScroll navbar-link">Food & Nutrition</a></li>
<li><a href="cntquiz.html" class="smoothScroll navbar-link">Clothing & Textiles</a></li>
<li><a href="gkaquiz.html" class="smoothScroll navbar-link">G.K.A</a></li>
</ul>
</li>
<li><a href="about.html" class="smoothScroll navbar-link quiz-nav">ABout</a></li>
<li><a href="more.html" class="smoothScroll navbar-link quiz-nav">More</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="#" alt="Facebook"><i class="fa fa-facebook-square quiz-nav"></i></a></li>
<li><a href="#" alt="Twitter"><i class="fa fa-twitter quiz-nav"></i></a></li>
<li><a href="#" alt="Instagram"><i class="fa fa-instagram quiz-nav"></i></a></li>
<li class="section-btn"><a href="#" data-toggle="modal" data-target="#modal-form">Sign in / Join</a></li>
</ul>
<i class="bi bi-list mobile-nav-toggle"></i>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row">
<div class="quiz-app">
<div class="quiz-info">
<div class="category">Category: <span>Management In Living</span></div>
<div class="count">Question Count <span></span></div>
</div>
<div class="quiz-area">
<h2></h2>
</div>
<div for="answers" class="answers-area">
</div>
<button class="submit-button section-btn">Submit</button>
<div class="bullets">
<span class="spans">
</span>
<div class="countdown">
</div>
</div>
<div class="result"></div>
</div>
</div>
</div>
</section>
<section class="modal fade" id="modal-form" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content modal-popup">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="container-fluid">
<div class="row">
<div class="col-md-12 col-sm-12">
<div class="modal-title">
<h2>CREATECH</h2>
</div>
<!-- NAV TABS -->
<ul class="nav nav-tabs" role="tablist">
<li class="active"><a href="#sign_up" aria-controls="sign_up" role="tab" data-toggle="tab">Create an account</a></li>
<li><a href="#sign_in" aria-controls="sign_in" role="tab" data-toggle="tab">Sign In</a></li>
</ul>
<!-- TAB PANES -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane fade in active" id="sign_up">
<form action="#" method="post">
<input type="text" class="form-control" name="name" placeholder="Name" required>
<input type="telephone" class="form-control" name="telephone" placeholder="Mobile" required>
<input type="email" class="form-control" name="email" placeholder="Email" required>
<input type="password" class="form-control" name="password" placeholder="Password" required>
<input type="submit" class="form-control" name="submit" value="Sign In">
</form>
</div>
<div role="tabpanel" class="tab-pane fade in" id="sign_in">
<form action="#" method="post">
<input type="email" class="form-control" name="email" placeholder="Email" required>
<input type="password" class="form-control" name="password" placeholder="Password" required>
<input type="submit" class="form-control" name="submit" value="Log In">
<a href="#">Forgot your password?</a>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.stellar.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/smoothscroll.js"></script>
<script src="js/custom.js"></script>
<script src="js/quizes.js"></script>
</body>
</html>