-
Notifications
You must be signed in to change notification settings - Fork 0
/
exam.html
140 lines (138 loc) · 7.06 KB
/
exam.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale1">
<title>MBA - Examination</title>
<meta name="description" content="">
<meta name="author" content="">
<link rel="stylesheet" type="text/css" href="exam.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Open+Sans|Roboto" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
</head>
<body>
<!-- NAVBAR -->
<nav class="navbar navbar-expand-lg">
<a href="#" class="navbar-brand">
<img id="logo" src="logo.png" alt="Logo">
</a>
<div class="logo" id="navbarText">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<div class="logo_name">
<h6>UNIVERSITY OF THE PHILIPPINES CEBU</h6>
<hr>
<h6 id="college_name">SCHOOL OF MANAGEMENT</h6>
</div>
</li>
</ul>
<span class="navbar-text">
Masters of Business Administration
</span>
</div>
</nav>
<!-- TITLE BAR -->
<div class="title_bar sticky-top">
<span>EXAMINATION</span>
</div>
<main class="container-fluid">
<div id="wrapper" class="row">
<!-- INDICATOR -->
<div class="col-md-4">
<div class="indicator jumbotron">
<div>
<div class="indicator_title">
EXAM NAVIGATION
</div>
<div class="indicator_numbers">
<button type="button" class="btn-primary">1</button>
<button type="button" class="btn-primary">2</button>
<button type="button" class="btn-primary">3</button>
<button type="button" class="btn-primary">4</button>
<button type="button" class="btn-primary">5</button>
<button type="button" class="btn-primary">6</button>
<button type="button" class="btn-primary">7</button>
<button type="button" class="btn-primary">8</button>
<button type="button" class="btn-primary">9</button>
<button type="button" class="btn-primary">10</button>
<button type="button" class="btn-primary">11</button>
<button type="button" class="btn-primary">12</button>
<button type="button" class="btn-primary">13</button>
<button type="button" class="btn-primary">14</button>
<button type="button" class="btn-primary">15</button>
<button type="button" class="btn-primary">16</button>
<button type="button" class="btn-primary">17</button>
<button type="button" class="btn-primary">18</button>
<button type="button" class="btn-primary">19</button>
<button type="button" class="btn-primary">20</button>
<button type="button" class="btn-primary">21</button>
</div>
<div>
<div>
<a href="#">Show all questions on one page</a>
</div>
<div>
<a href="#">Finish exam</a>
</div>
</div>
</div>
</div>
<div class="time_indicator jumbotron">
<p>Time Remaining: 00:00</p>
</div>
</div>
<section class="col-md-8">
<!-- FORMS CONTAINER -->
<div class="form_container">
<!-- QUESTION -->
<form>
<div class="question">
<div class="info">
<div class="num">Question 1</div>
<div class="state">Status: Not answered</div>
<div class="score">Score: 0.0 out of 2.0</div>
</div>
<div class="jumbotron">
<div>
<div class="qtext">
<p>
Any process scheduling strategy that, based on predetermined policies, interrupts the processing of a job and transfers the CPU control to another job.
</p>
</div>
<div>
<div class="prompt">Select your answer:</div>
<div class="choices">
<div class="form-check">
<label class="form-check-label">
<input type="radio" class="form-check-input" name="opt">
round-robin scheduling
</label>
</div>
<div class="form-check">
<label class="form-check-label">
<input type="radio" class="form-check-input" name="opt">
non-preemptive scheduling
</label>
</div>
<div class="form-check">
<label class="form-check-label">
<input type="radio" class="form-check-input" name="opt">
preemptive scheduling
</label>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
<!-- END OF QUESTION -->
</div>
</section>
</div>
</main>
</body>
</html>