-
Notifications
You must be signed in to change notification settings - Fork 0
/
oldindex.html
119 lines (116 loc) · 5.87 KB
/
oldindex.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
<html lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="icon" href="/favicon.ico">
<title>Quizbox</title>
<script defer="defer" src="vue.js"></script>
<script defer="defer" src="script.js"></script>
<link href="style.css" rel="stylesheet">
</head>
<body>
<div id="app" data-v-app="">
<header class="page-header">
<div class="page-header__menu--primary">
<nav class="hamburger-menu">
<span class="hamburger-menu__icon"></span>
<span class="hamburger-menu__icon"></span>
<span class="hamburger-menu__icon"></span>
</nav>
<h1 class="">Quizbox</h1>
</div>
<nav class="page-header__menu--secondary hidden">
<div class="nav">
<ul class="nav__list">
<li class="nav__item">
<a href="/" class="router-link-active router-link-exact-active text--light-colored"
aria-current="page">Play Quizbox</a>
</li>
<li class="nav__item">
<a href="/browse-questions" class="text--light-colored">Browse Questions</a>
</li>
</ul>
</div>
</nav>
</header>
<main>
<div class="flex-container--main">
<header>
<h2 class="text--big text--primary-colored text--montserrat text--uppercase">Play Quizbox</h2>
</header>
<label for="select-option" class="text--montserrat text--semibold text--small">Quiz time - test what you
know</label>
<div class="select-wrapper">
<select id="select-option">
<option value="15">15 Questions</option>
<option value="30">30 Questions</option>
</select>
<div class="icon-wrapper">
<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0.234438 0.484499C0.269272 0.449576 0.310654 0.421869 0.356213 0.402964C0.401772 0.384059 0.450612 0.374329 0.499938 0.374329C0.549263 0.374329 0.598104 0.384059 0.643663 0.402964C0.689222 0.421869 0.730604 0.449576 0.765438 0.484499L4.99994 4.71975L9.23444 0.484499C9.2693 0.449633 9.3107 0.421976 9.35625 0.403106C9.4018 0.384237 9.45063 0.374525 9.49994 0.374525C9.54925 0.374525 9.59807 0.384237 9.64363 0.403106C9.68918 0.421976 9.73057 0.449633 9.76544 0.484499C9.8003 0.519365 9.82796 0.560757 9.84683 0.606311C9.8657 0.651866 9.87541 0.700691 9.87541 0.749999C9.87541 0.799307 9.8657 0.848132 9.84683 0.893687C9.82796 0.939241 9.8003 0.980633 9.76544 1.0155L5.26544 5.5155C5.2306 5.55042 5.18922 5.57813 5.14366 5.59703C5.0981 5.61594 5.04926 5.62567 4.99994 5.62567C4.95061 5.62567 4.90177 5.61594 4.85621 5.59703C4.81065 5.57813 4.76927 5.55042 4.73444 5.5155L0.234438 1.0155C0.199516 0.980665 0.171808 0.939283 0.152904 0.893724C0.133999 0.848165 0.124268 0.799324 0.124268 0.749999C0.124268 0.700673 0.133999 0.651832 0.152904 0.606274C0.171808 0.560715 0.199516 0.519333 0.234438 0.484499Z"
fill="#FBFBFB">
</path>
</svg>
</div>
</div>
<header>
<div class="flex-container--headline">
<h3>QuestionAreas</h3>
<p>05</p>
</div>
</header>
<ul class="list-item">
<li>
<div class="flex-container--checklist list-item list-item--checklist">
<input type="checkbox" id="basics-html-css" class="checkbox" value="basics-html-css">
<label for="basics-html-css">
<p class="text--sourcesanspro text--regular text--semibold">Web Dev Foundation</p>
<p class="text--extraslim text--extrasmall text--sourcesanspro">66 Questions</p>
</label>
</div>
</li>
<li>
<div class="flex-container--checklist list-item list-item--checklist">
<input type="checkbox" id="advanced-html-css" class="checkbox" value="advanced-html-css">
<label for="advanced-html-css">
<p class="text--sourcesanspro text--regular text--semibold">Advanced HTML</p>
<p class="text--extraslim text--extrasmall text--sourcesanspro">29 Questions</p>
</label>
</div>
</li>
<li>
<div class="flex-container--checklist list-item list-item--checklist">
<input type="checkbox" id="basics-js" class="checkbox" value="basics-js">
<label for="basics-js">
<p class="text--sourcesanspro text--regular text--semibold">Coding Foundation</p>
<p class="text--extraslim text--extrasmall text--sourcesanspro">33 Questions</p>
</label>
</div>
</li>
<li>
<div class="flex-container--checklist list-item list-item--checklist">
<input type="checkbox" id="first-js-web-app" class="checkbox" value="first-js-web-app">
<label for="first-js-web-app">
<p class="text--sourcesanspro text--regular text--semibold">Web Apps Foundation</p>
<p class="text--extraslim text--extrasmall text--sourcesanspro">34 Questions</p>
</label>
</div>
</li>
<li>
<div class="flex-container--checklist list-item list-item--checklist">
<input type="checkbox" id="terminal-and-shell" class="checkbox" value="terminal-and-shell">
<label for="terminal-and-shell">
<p class="text--sourcesanspro text--regular text--semibold">Terminal and Shell</p>
<p class="text--extraslim text--extrasmall text--sourcesanspro">21 Questions</p>
</label>
</div>
</li>
</ul>
<button>Start Quizbox</button>
</div>
</main>
</div>
</body>
</html>