-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcourses.html
More file actions
311 lines (299 loc) · 17 KB
/
courses.html
File metadata and controls
311 lines (299 loc) · 17 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
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
<!DOCTYPE html>
<html lang="en">
<head>
<title>Peer4Peer — Learning With You!</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- <link href="https://fonts.googleapis.com/css?family=Muli:300,400,700,900" rel="stylesheet"> -->
<link rel="stylesheet" href="fonts/icomoon/style.css">
<link rel="stylesheet" href="vendors/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/jquery-ui.css">
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<link rel="stylesheet" href="css/jquery.fancybox.min.css">
<link rel="stylesheet" href="css/bootstrap-datepicker.css">
<link rel="stylesheet" href="fonts/flaticon/font/flaticon.css">
<link rel="stylesheet" href="css/aos.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body data-spy="scroll" data-target=".site-navbar-target" data-offset="300">
<div class="site-wrap">
<div class="site-mobile-menu site-navbar-target">
<div class="site-mobile-menu-header">
<div class="site-mobile-menu-close mt-3"> <span class="icon-close2 js-menu-toggle"></span> </div>
</div>
<div class="site-mobile-menu-body"></div>
</div>
<!doctype html>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-149829084-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-149829084-1');
</script>
<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window,document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '282807862738896');
fbq('track', 'PageView');
</script>
<noscript>
<img height="1" width="1" src="https://www.facebook.com/tr?id=282807862738896&ev=PageView&noscript=1"/>
</noscript>
<!-- End Facebook Pixel Code -->
<!-- End Facebook Pixel Code -->
<header class="site-navbar py-4 js-sticky-header site-navbar-target" role="banner">
<div class="container-fluid">
<div class="d-flex align-items-center">
<div class="site-logo mr-auto w-25"><a href="index.html"><img src="images/logo1.png" alt="logo" ></a></div>
<div class="mx-auto text-center">
<nav class="site-navigation position-relative text-right" role="navigation">
<ul class="site-menu main-menu js-clone-nav mx-auto d-none d-lg-block m-0 p-0">
<li><form action="./index.html#home-section" class="pb-2"><button type="submit" class="btn btn-secondary">Home</button></form></li>
<li><form action="courselanding.html" class="pb-2"><button type="submit" class="btn btn-secondary">Classes</button></form></li>
<li><form action="tutors.html" class="pb-2"><button type="submit" class="btn btn-secondary">Tutors</button></form></li>
<li><form action="./about.html" class="pb-2"><button type="submit" class="btn btn-secondary">About Us</button></form></li>
</ul>
</nav>
</div>
<div class="ml-auto w-25">
<nav class="site-navigation position-relative text-right" role="navigation">
<ul class="site-menu main-menu site-menu-dark js-clone-nav mr-auto d-none d-lg-block m-0 p-0">
<li class="cta"><form action="page-login.html"><button type="submit" class="btn btn-primary"><span>Dashboard</span></button></form></li>
</ul>
</nav>
<a href="page-login.html" class="d-inline-block d-lg-none site-menu-toggle js-menu-toggle text-black float-right"><span class="icon-menu h3"></span></a> </div>
</div>
</div>
</header>
<div class="intro-section single-cover" id="home-section">
<div class="slide-1 " style="background-image: url('images/img_2.jpg');" data-stellar-background-ratio="0.5">
<div class="container">
<div class="row align-items-center">
<div class="col-12">
<div class="row justify-content-center align-items-center text-center">
<div class="col-lg-10"> <br/>
<br/>
<h1 data-aos='fade-up' data-aos-delay='0'>Workshops</h1></br></br><a href='courses.html?style=D'><h4 data-aos='fade-up' data-aos-delay='0'>Check out Drop-in Sessions</h5></a> </div>
</div>
</div>
</div>
</div>
</div>
</div>
<style>
#filter {display: block;}
@media screen and (max-width: 750px) {
#filter {display: flex;}
}
</style>
<script>
function handle(cat){
var sl = document.getElementById(cat).checked
if(sl){
var el = document.getElementsByClassName(cat);
for(var i=0;i<el.length;i++){
el[i].classList.remove('d-none');
}
if(cat!="all"){
document.getElementById("all").checked = false;
}
}else{
var el = document.getElementsByClassName(cat);
for(var i=0;i<el.length;i++){
el[i].classList.add('d-none');
}
}
}
</script>
<div class="site-section container">
<div class="row">
<div class="ml-5 mr-5" id="filter">
<div class="col">
<h5 >Topics</h5>
<hr/>
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="all" checked="" onChange="handle('all')">
<label class="custom-control-label" for="all">All</label>
</div>
<div class='custom-control custom-checkbox'>
<input type='checkbox' class='custom-control-input' id='english' onChange='handle("english")'>
<label class='custom-control-label' for='english'>English</label>
</div><div class='custom-control custom-checkbox'>
<input type='checkbox' class='custom-control-input' id='tech' onChange='handle("tech")'>
<label class='custom-control-label' for='tech'>Tech</label>
</div><div class='custom-control custom-checkbox'>
<input type='checkbox' class='custom-control-input' id='science' onChange='handle("science")'>
<label class='custom-control-label' for='science'>Science</label>
</div><div class='custom-control custom-checkbox'>
<input type='checkbox' class='custom-control-input' id='music' onChange='handle("music")'>
<label class='custom-control-label' for='music'>Music</label>
</div><div class='custom-control custom-checkbox'>
<input type='checkbox' class='custom-control-input' id='art' onChange='handle("art")'>
<label class='custom-control-label' for='art'>Art</label>
</div> </div>
<div class="col">
<h5 >Time</h5>
<hr/>
<div class='custom-control custom-checkbox'>
<input type='checkbox' class='custom-control-input' id='Saturday' onChange='handle("Saturday")'>
<label class='custom-control-label' for='Saturday'>Saturday</label>
</div><div class='custom-control custom-checkbox'>
<input type='checkbox' class='custom-control-input' id='Monday' onChange='handle("Monday")'>
<label class='custom-control-label' for='Monday'>Monday</label>
</div><div class='custom-control custom-checkbox'>
<input type='checkbox' class='custom-control-input' id='Wednesday' onChange='handle("Wednesday")'>
<label class='custom-control-label' for='Wednesday'>Wednesday</label>
</div><div class='custom-control custom-checkbox'>
<input type='checkbox' class='custom-control-input' id='Tuesday' onChange='handle("Tuesday")'>
<label class='custom-control-label' for='Tuesday'>Tuesday</label>
</div> </div>
<div class="col">
<h5 >Style</h5>
<hr/>
<div class='custom-control custom-checkbox'>
<input type='checkbox' class='custom-control-input' id='live' onChange='handle("live")'>
<label class='custom-control-label' for='live'>Live</label>
</div>
<div class='custom-control custom-checkbox'>
<input type='checkbox' class='custom-control-input' id='rec' onChange='handle("rec")'>
<label class='custom-control-label' for='rec'>Recording</label>
</div>
</div>
</div>
<div class="m-2 container col"> <br/>
<div class="row">
<div class='live Saturday english all m-3 course bg-white align-self-stretch col-lg-3'>
<figure class='m-0'> <a href='course.html?name=Public Speaking - Make Your Voice Heard!'><img src='images/uploads/thumbnailPublic Speaking - Make Your Voice Heard!.jpg'alt='Image' class='img-fluid'></a> </figure>
<div class='course-inner-text py-4 px-4'>
<div class='meta'><span class='icon-clock-o'></span>Saturdays 13:30~14:00</div>
<h3><a href='course.html?name=Public Speaking - Make Your Voice Heard!'>Public Speaking - Make Your Voice Heard!</a></h3>
<p>“People will forget what you said, people will f...<br/><a href='course.html?name=Public Speaking - Make Your Voice Heard!'>View More</a></p>
</div>
<div class='d-flex border-top stats'>
<div class='py-3 px-4'><span class='icon-users'></span> 14 students</div>
</div>
</div> <div class='live Monday tech all m-3 course bg-white align-self-stretch col-lg-3'>
<figure class='m-0'> <a href='course.html?name=Introduction to Blockchain'><img src='images/uploads/thumbnailIntroduction to Blockchain.jpg'alt='Image' class='img-fluid'></a> </figure>
<div class='course-inner-text py-4 px-4'>
<div class='meta'><span class='icon-clock-o'></span>Mondays 11:30~12:00</div>
<h3><a href='course.html?name=Introduction to Blockchain'>Introduction to Blockchain</a></h3>
<p>Introduction to Emerging Technologies #2: Blockcha...<br/><a href='course.html?name=Introduction to Blockchain'>View More</a></p>
</div>
<div class='d-flex border-top stats'>
<div class='py-3 px-4'><span class='icon-users'></span> 3 students</div>
</div>
</div> <div class='live Wednesday tech all m-3 course bg-white align-self-stretch col-lg-3'>
<figure class='m-0'> <a href='course.html?name=Intro to Brain-Computer Interface'><img src='images/uploads/thumbnailIntro to Brain-Computer Interface.jpg'alt='Image' class='img-fluid'></a> </figure>
<div class='course-inner-text py-4 px-4'>
<div class='meta'><span class='icon-clock-o'></span>Wednesdays 11:30~12:00</div>
<h3><a href='course.html?name=Intro to Brain-Computer Interface'>Intro to Brain-Computer Interface</a></h3>
<p>Introduction to emerging technologies #3: Brain-Co...<br/><a href='course.html?name=Intro to Brain-Computer Interface'>View More</a></p>
</div>
<div class='d-flex border-top stats'>
<div class='py-3 px-4'><span class='icon-users'></span> 5 students</div>
</div>
</div> </div><div class='row classes'><div class='live Saturday tech all m-3 course bg-white align-self-stretch col-lg-3'>
<figure class='m-0'> <a href='course.html?name=Intro to Virtual Reality (VR)'><img src='images/uploads/thumbnailIntro to Virtual Reality (VR).jpg'alt='Image' class='img-fluid'></a> </figure>
<div class='course-inner-text py-4 px-4'>
<div class='meta'><span class='icon-clock-o'></span>Saturdays 11:00~11:00</div>
<h3><a href='course.html?name=Intro to Virtual Reality (VR)'>Intro to Virtual Reality (VR)</a></h3>
<p>Disruptive Technologies. You've heard of them, but...<br/><a href='course.html?name=Intro to Virtual Reality (VR)'>View More</a></p>
</div>
<div class='d-flex border-top stats'>
<div class='py-3 px-4'><span class='icon-users'></span> 1 students</div>
</div>
</div><div class='live Wednesday english all m-3 course bg-white align-self-stretch col-lg-3'>
<figure class='m-0'> <a href='course.html?name=The Art of Essay Writing'><img src='images/uploads/thumbnailThe Art of Essay Writing.jpg'alt='Image' class='img-fluid'></a> </figure>
<div class='course-inner-text py-4 px-4'>
<div class='meta'><span class='icon-clock-o'></span>Wednesdays 16:00~17:00</div>
<h3><a href='course.html?name=The Art of Essay Writing'>The Art of Essay Writing</a></h3>
<p>The Art of Essay Writing takes tutees through the ...<br/><a href='course.html?name=The Art of Essay Writing'>View More</a></p>
</div>
<div class='d-flex border-top stats'>
<div class='py-3 px-4'><span class='icon-users'></span> 4 students</div>
</div>
</div> <div class='live Tuesday science tech all m-3 course bg-white align-self-stretch col-lg-3'>
<figure class='m-0'> <a href='course.html?name=Human Longevity: Increasing the human health span'><img src='images/uploads/thumbnailHuman Longevity: Increasing the human health span.jpg'alt='Image' class='img-fluid'></a> </figure>
<div class='course-inner-text py-4 px-4'>
<div class='meta'><span class='icon-clock-o'></span>Tuesdays 11:00~11:30</div>
<h3><a href='course.html?name=Human Longevity: Increasing the human health span'>Human Longevity: Increasing the human health span</a></h3>
<p>Aging is a disease, learn how scientists are curre...<br/><a href='course.html?name=Human Longevity: Increasing the human health span'>View More</a></p>
</div>
<div class='d-flex border-top stats'>
<div class='py-3 px-4'><span class='icon-users'></span> 2 students</div>
</div>
</div> </div><div class='row classes'><div class='live Tuesday music art all m-3 course bg-white align-self-stretch col-lg-3'>
<figure class='m-0'> <a href='course.html?name=Music - Music, Theory and History'><img src='images/img_4.jpg'alt='Image' class='img-fluid'></a> </figure>
<div class='course-inner-text py-4 px-4'>
<div class='meta'><span class='icon-clock-o'></span>Tuesdays 12:00~13:00</div>
<h3><a href='course.html?name=Music - Music, Theory and History'>Music - Music, Theory and History</a></h3>
<p>Learning about music, music theory and music histo...<br/><a href='course.html?name=Music - Music, Theory and History'>View More</a></p>
</div>
<div class='d-flex border-top stats'>
<div class='py-3 px-4'><span class='icon-users'></span> 0 students</div>
</div>
</div> </div>
</div>
</div>
</div>
<!doctype html>
<footer class="footer-section bg-white">
<div class="container">
<div class="row">
<div class="col-md-4">
<h3>About Peer4Peer</h3>
<p>Peer4Peer is a peer tutoring platform that optimizes student engagement with virtual learning and promotes virtual companionship during a time of uncertainty. </p>
</div>
<div class="col-md-3 ml-auto">
<h3>Links</h3>
<ul class="list-unstyled footer-links">
<li><a href="index.html">Home</a></li>
<li><a href="news.html">Newsletters</a></li>
<li><a href="ToS.html">Terms of Service</a></li>
<li><a href="privacy.html">Privacy Policy</a></li>
<li><a href="contact.html">Contact US</a></li>
</ul>
</div>
</div>
<div class="row pt-5 mt-5 text-center">
<div class="col-md-12">
<div class="border-top pt-5">
<p>
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
Copyright ©<script>document.write(new Date().getFullYear());</script> All rights reserved
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
</p>
</div>
</div>
</div>
</div>
</footer></div>
<!-- .site-wrap -->
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/jquery-migrate-3.0.1.min.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.stellar.min.js"></script>
<script src="js/jquery.countdown.min.js"></script>
<script src="js/bootstrap-datepicker.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/aos.js"></script>
<script src="js/jquery.fancybox.min.js"></script>
<script src="js/jquery.sticky.js"></script>
<script src="js/main.js"></script>
</body>
</html>