-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
138 lines (104 loc) · 4.7 KB
/
index.html
File metadata and controls
138 lines (104 loc) · 4.7 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Queue & A</title>
<!-- Bootstrap --><!-- BootStrap -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
<!-- Stylesheets -->
<link href="css/main.css" rel="stylesheet" type="text/css">
<link href="css/navbar.css" rel="stylesheet" type="text/css">
<link href="css/index.css" rel="stylesheet" type="text/css">
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css?family=Barlow:400,500,600" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700" rel="stylesheet">
<!-- Scripts -->
</head>
<body>
<!-- NAVBAR -->
<nav class="navbar navbar-expand-sm navbar-default">
<a href="#"><img src="images/banner.png" width="275px" height="auto" alt=""></a>
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Login.html">Login</a>
</li>
<li class="nav-item">
<a class="nav-link" href="register.html">Register</a>
</li>
</ul>
</nav>
<div class="home-overhead">
<div class="about-card">
<div class="quote">
Streamline your lecture with an easy-to-use question queue and interactive polling system
</div>
</div>
<div class="info-card">
<div class="info-header">
What is Queue & A?
<hr>
</div>
<div class="info-body">
Queue & A is an app made to benefit both students and professors when in a classroom environment. The goal is to streamline lectures by allowing students to ask questions without having to raise their hand and interrupt the professor mid-thought. The professor can then view the queue of questions when they feel it best fits into the lecture, answering questions and also storing them for later. Additionally, students who are too nervous to ask questions in front of a large class will be comforted by the anonymity of our question system. Queue & A also offers polling services to help professors further interact with their classroom.
</div>
<div class="info-columns-container">
<div class="info-column">
<img src="images/icon4.png" alt="icon4">
<div class = "info-column-title">Website for professors</div>
<div class = "info-columns-text">Access all features including the question queue and polling system </div>
<a href="register.html"><button type="button" class="btn btn-outline-success">Register Now</button></a>
</div>
<div class="info-column">
<img src="images/icon5.png" alt="icon5">
<div class = "info-column-title">App for students</div>
<div class = "info-columns-text">Access the ability to ask questions in class and answer polls created by your professor </div>
<a href="http://cop4331-2.com/APK/app-debug.apk"><button type="button" class="btn-android"></button></a>
</div>
</div>
</div>
<div class = "features-card">
<div class = "feature-row">
<img src="images/icon1.png" alt ="icon1">
<div class = "feature-body">
<div class = "feature-title">
Easy class creation
</div>
<div class = "feature-text">
Create a class with the press of a button. Students can instantly join the class that you create using the given class code.
</div>
</div>
</div>
<div class = "feature-row">
<div class = "feature-body">
<div class = "feature-title">
Streamlined queuing system
</div>
<div class = "feature-text">
Make sessions in which students can submit their questions. These questions will be sent directly to your screen where you can sort through them and answer when you see fit.
</div>
</div>
<img src="images/icon2.png" alt ="icon2">
</div>
<div class = "feature-row">
<img src="images/icon3.png" alt ="icon3">
<div class = "feature-body">
<div class = "feature-title">
Interactive polling system
</div>
<div class = "feature-text">
Turn questions that students ask into an interactive poll at the click of a button. Display poll results with a real-time, easy-to-read chart right on your screen.
</div>
</div>
</div>
</div>
<div class="footer-card">
© 2018 Queue & A
</div>
</div>
</body>
</html>