-
Notifications
You must be signed in to change notification settings - Fork 8
/
Features.html
executable file
·125 lines (116 loc) · 6.47 KB
/
Features.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>OPMS - About Page</title>
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400" rel="stylesheet" /> <!-- https://fonts.google.com/ -->
<link href="css/bootstrap.min.css" rel="stylesheet" /> <!-- https://getbootstrap.com/ -->
<link href="fontawesome/css/all.min.css" rel="stylesheet" /> <!-- https://fontawesome.com/ -->
<link href="css/OPMS.css" rel="stylesheet" />
</head>
<body>
<div class="tm-container">
<div>
<div class="tm-row pt-4">
<div class="tm-col-left">
<div class="tm-site-header media">
<i class="fas fa-graduation-cap"></i>
<div class="media-body">
<h1 class="tm-sitename text-uppercase">VITxAM</h1>
<p class="tm-slogon">Online Proctoring System</p>
</div>
</div>
</div>
<div class="tm-col-right">
<nav class="navbar navbar-expand-lg" id="tm-main-nav">
<button class="navbar-toggler toggler-example mr-0 ml-auto" type="button"
data-toggle="collapse" data-target="#navbar-nav"
aria-controls="navbar-nav" aria-expanded="false" aria-label="Toggle navigation">
<span><i class="fas fa-bars"></i></span>
</button>
<div class="collapse navbar-collapse tm-nav" id="navbar-nav">
<ul class="navbar-nav text-uppercase">
<li class="nav-item">
<a class="nav-link tm-nav-link" href="index.html">Home</a>
</li>
<li class="nav-item active">
<a class="nav-link tm-nav-link" href="#">Features <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link tm-nav-link" href="contact.html">Contact</a>
</li>
<li class="nav-item">
<a class="nav-link tm-nav-link" href="Login.html">Login</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
<div class="tm-row">
<div class="tm-col-left"></div>
<main class="tm-col-right">
<section class="tm-content tm-about">
<h2 class="mb-5 tm-content-title">About OPMS Template</h2>
<hr class="mb-4">
<div class="media my-3">
<i class="fas fa-shapes fa-3x p-3 mr-4"></i>
<div class="media-body">
<p>As education is experiencing a tremendous transformation with emerging technologies that allow digital learning, universities and institutions are now looking to conduct entrance & semester-end examinations that allow no compromise in the feasibility, security, convenience and experience of students and educators. Online proctoring occurs when an electronic assessment is digitally supervised and conducted through the internet using the web camera of the test-taker. </p>
</div>
</div>
<div class="media my-3">
<i class="fas fa-draw-polygon fa-3x p-3 mr-4"></i>
<div class="media-body">
<p>In our project, we are trying to incorporate a proctoring system, which utilises a computer’s webcam to detect suspicious behaviours during an online examination and provide feedback to the student. This can be done by detection and recognition of faces, general facial features and tracking and analysis of eye movements.</p>
</div>
</div>
<div class="media my-3">
<i class="fab fa-creative-commons-share fa-3x p-3 mr-4"></i>
<div class="media-body">
<p>Through face detection, we can find out:
The eye movements of the attendee,
Pupil movements,
Direction of movement of the attendee’s face.
</p>
</div>
</div>
<!-- <div class="media my-3">
<i class="fas fa-bookmark fa-3x p-3 mr-4"></i>
<div class="media-body">
<p>Prasent eget enim vitae sapien egestas aliquet non quis neque. Duis pharetra varius massa, ut bibendum tortor sodales ac.</p>
</div>
</div> -->
</section>
</main>
</div>
</div>
<div class="tm-row">
<div class="tm-col-left text-center">
<ul class="tm-bg-controls-wrapper">
<li class="tm-bg-control active" data-id="0"></li>
<li class="tm-bg-control" data-id="1"></li>
<li class="tm-bg-control" data-id="2"></li>
</ul>
</div>
<div class="tm-col-right tm-col-footer">
<footer class="tm-site-footer text-right">
<p class="mb-0">Copyright 2020 VITxAM Co.
<!-- | Design: <a rel="nofollow" target="_parent" href="https://opms.com" class="tm-text-link">opms</a></p> -->
</footer>
</div>
</div>
<!-- Diagonal background design -->
<div class="tm-bg">
<div class="tm-bg-left"></div>
<div class="tm-bg-right"></div>
</div>
</div>
<script src="js/jquery-3.4.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.backstretch.min.js"></script>
<script src="js/opms-script.js"></script>
</body>
</html>