-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
389 lines (371 loc) · 20.3 KB
/
index.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
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
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="apple-touch-icon" sizes="85x85" href="assets/img/uc.png">
<link rel="icon" type="image/png" href="assets/img/uc.png">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>
UniChallenge
</title>
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no' name='viewport' />
<!-- Fonts and icons -->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700,200" rel="stylesheet" />
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" rel="stylesheet">
<!-- CSS Files -->
<link href="assets/css/bootstrap.min.css" rel="stylesheet" />
<link href="assets/css/paper-kit.css?v=2.2.2" rel="stylesheet" />
<!-- CSS Just for demo purpose, don't include it in your project -->
<link href="assets/demo/demo.css" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css?family=Comfortaa|Source+Sans+Pro" rel="stylesheet">
<style>
.bg {
/* The image used */
background-image: url('assets/img/background5.jpg');
/* Full height */
height: 100%;
/* Center and scale the image nicely */
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
@media screen and (max-width: 1024px) {
.bg {
background-image: url('assets/img/triangles_vertical.jpg');
}
}
p {
font-family: 'Comfortaa', cursive;
font-size: 14px;
}
h4 a {
font-weight: 600 !important;
color: #3cc194;
}
</style>
</head>
<body class="landing-page presentation-page sidebar-collapse">
<!-- Navbar -->
<nav class="navbar navbar-expand-lg fixed-top nav-down navbar-transparent" color-on-scroll="500">
<div class="container">
<div class="navbar-translate">
<a class="navbar-brand" href="" rel="tooltip" title="UniChallenge" data-placement="bottom" target="_self"><img src="assets/img/UniChallenge_logo.png" width="275"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navigation" aria-controls="navigation-index" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-bar bar1"></span>
<span class="navbar-toggler-bar bar2"></span>
<span class="navbar-toggler-bar bar3"></span>
</button>
</div>
<div class="collapse navbar-collapse" data-nav-image="assets/img/blurred-image-1.jpg" data-color="orange" style="margin-top: 20px;">
<ul class="navbar-nav ml-auto">
<li class="nav-item" >
<a href="#description" class="nav-link" style="color:#464551; font-family: 'Comfortaa', cursive;">
Περιγραφη
</a>
</li>
<li class="nav-item">
<a href="#team" class="nav-link" style="color:#464551; font-family: 'Comfortaa', cursive;">
Ομαδα
</a>
</li>
<li>
<a href="https://channel.unichallenge.gr/" class="btn btn-primary btn-round " target="_blank">UniChannel</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- End Navbar -->
<div class="bg page-header" data-parallax="true">
<div class="filter"></div>
<div class="content-center">
<div class="container">
<div class="motto">
<!--<h3 class="title" style="color:#464551; font-family: 'M PLUS Rounded 1c', sans-serif;">...</h3>-->
<br />
</div>
</div>
</div>
</div>
<div class="wrapper" id="description">
<!-- <div class="section text-center" style="background-color:white; color:#373543;">
<div class="container"><br><br>
<div class="row">
<div class="col-md-8 ml-auto mr-auto">
<h2 class="title" style=" color:#373543;font-family: 'Comfortaa', cursive;">Το UniChallenge μεγαλώνει!</h2>
<h5 style="color:#373543; font-family: 'Comfortaa', cursive;">Σας καλούμε στο UniChallenge 2019-2020 Bootcamp, στις 1 και 2 Νοεμβρίου 2019, το οποίο συνδιοργανώνει το
<a href="https://auebvolunteers.gr/" target="_blank" style="color: #3cc194;font-weight: 600;"> AUEB Volunteers </a> και το <a href="https://acein.aueb.gr/" target="_blank" style="color: #3cc194;font-weight: 600;">ACEin</a>.<br>
<br> O στόχος του διημέρου είναι να απαντήσει στο ακόλουθο challenge:<br><br>
<span style="font-weight:bold;">«Πώς θα μπορούσαμε να βελτιώσουμε την εμπειρία των φοιτητριών και φοιτητών του ΟΠΑ;»</span></h5><br>
<br />
<a href="https://auebvolunteers.gr/special-events/unichallenge-1-2-noembriou/" class="btn btn-primary btn-round btn-lg " target="_blank">Δηλωσε συμμετοχη!</a>
</div>
</div>
<br />
</div>
</div> -->
<div class="section text-center landing-section" style="background-color:white; color:#373543;">
<div class="container"><br><br>
<div class="row">
<div class="col-md-8 ml-auto mr-auto">
<h2 class="title" style="color:#373543; font-family: 'Comfortaa', cursive;">Τι είναι το UniChallenge?</h2>
<h5 style="font-family: 'Comfortaa', cursive;">Μία δράση που έρχεται να μας κινητοποιήσει να ασχοληθούμε ενεργά με θέματα του Πανεπιστημίου μας, βρίσκοντας λύσεις στα μικρά καθημερινά προβλήματα που αντιμετωπίζουμε.</h5>
<br />
</div>
</div>
<br />
<div class="row">
<div class="col-md-3">
<div class="info">
<div class="icon" style="color:#3cc194">
<i class="nc-icon nc-chat-33"></i>
</div>
<div class="description">
<h4 class="info-title" style="color:#373543; font-family: 'Comfortaa', cursive;">Φτιάχνουμε ομάδες</h4>
</div>
</div>
</div>
<div class="col-md-3">
<div class="info">
<div class="icon" style="color:#3cc194">
<i class="nc-icon nc-tap-01"></i>
</div>
<div class="description">
<h4 class="info-title" style="color:#373543; font-family: 'Comfortaa', cursive;">Εντοπίζουμε προβλήματα</h4>
</div>
</div>
</div>
<div class="col-md-3">
<div class="info">
<div class="icon" style="color:#3cc194">
<i class="nc-icon nc-bulb-63"></i>
</div>
<div class="description">
<h4 class="info-title" style="color:#373543; font-family: 'Comfortaa', cursive;">Δημιουργούμε λύσεις</h4>
</div>
</div>
</div>
<div class="col-md-3">
<div class="info">
<div class="icon" style="color:#3cc194">
<i class="nc-icon nc-bank"></i>
</div>
<div class="description">
<h4 class="info-title" style="color:#373543; font-family: 'Comfortaa', cursive;">Βελτιώνουμε το πανεπιστήμιο μας</h4>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section-icons" id="team" style="margin-top:-50px;">
<div class="container-fluid">
<div class="row">
<div class="col-md-3">
<div class="icons-nucleo">
<i class="first-left-icon nc-icon nc-bulb-63 add-animation"></i>
<i class="second-left-icon nc-icon nc-app add-animation"></i>
<i class="third-left-icon nc-icon nc-book-bookmark add-animation"></i>
<i class="fourth-left-icon nc-icon nc-calendar-60 add-animation"></i>
<i class="fifth-left-icon nc-icon nc-zoom-split add-animation"></i>
<i class="sixth-left-icon nc-icon nc-atom add-animation"></i>
<i class="seventh-left-icon nc-icon nc-favourite-28 add-animation"></i>
<i class="eighth-left-icon nc-icon nc-settings add-animation"></i>
<i class="ninth-left-icon nc-icon nc-bulb-63 add-animation"></i>
<i class="tenth-left-icon nc-icon nc-camera-compact add-animation"></i>
</div>
</div>
<div class="col-md-6 text-center">
<h2 class="title revealOnScroll" style="font-family: 'Comfortaa', cursive;">Ποίοι είμαστε?</h2>
<h5 class="description" style="font-family: 'Comfortaa', cursive;">
Είμαστε φοιτητές από όλα τα τμήματα του ΟΠΑ, με όρεξη, μεράκι και διάθεση να συμβάλλουμε ενεργά στην βελτίωση της καθημερινότητας μας στο Πανεπιστήμιο.
Με έμφαση στη διατμηματικότητα και στη καινοτομία, προσκαλούμε και άλλους φοιτητές του ΟΠΑ να πάρουν μέρος στην προσπάθεια αυτή.
</h5>
</div>
<div class="col-md-3">
<div class="icons-nucleo">
<i class="first-right-icon nc-icon nc-bank add-animation"></i>
<i class="second-right-icon nc-icon nc-chart-pie-36 add-animation"></i>
<i class="third-right-icon nc-icon nc-chat-33 add-animation"></i>
<i class="fourth-right-icon nc-icon nc-tv-2 add-animation"></i>
<i class="fifth-right-icon nc-icon nc-map-big add-animation"></i>
<i class="sixth-right-icon nc-icon nc-badge add-animation"></i>
<i class="seventh-right-icon nc-icon nc-palette add-animation"></i>
<i class="eighth-right-icon nc-icon nc-trophy add-animation"></i>
<i class="ninth-right-icon nc-icon nc-hat-3 add-animation"></i>
<i class="tenth-right-icon nc-icon nc-note-03 add-animation"></i>
</div>
</div>
</div>
</div>
</div>
<div class="section section-light" id="cards" style="margin-top:-50px;">
<h3 class="title" style="color:#373543; font-family: 'Comfortaa', cursive; margin-top: -80px; margin-bottom:50px; text-align:center;">Οι ομάδες του UniChallenge</h3>
<div class="container">
<div class="row coloured-cards" style="font-family: 'Comfortaa', cursive !important;">
<div class="col-md-4 col-sm-6">
<div class="card-big-shadow">
<div class="card card-just-text" data-background="color" data-color="blue" data-radius="none" style="background-color: #373543;;">
<div class="card-body">
<!-- <h6 class="card-category">Best cards</h6> -->
<h4 class="card-title">
<a href="#" style="color:#3cc194 !important;">uniPopUps</a>
</h4>
<p class="card-description">
H ομάδα του uniPopUps στοχεύει στη διοργάνωση Popup events ανάμεσα στα κενά των διαλέξεων.
Τα events αυτά θα βοηθούν το φοιτητή να εκτονωθεί και να περάσει δημιουργικά και low budget το διάστημα των κενών του
(πχ διδαχή λατιν, τουρνουά επιτραπέζιων παιχνιδιών κτλ).
</p>
</div>
</div>
<!-- end card -->
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="card-big-shadow">
<div class="card card-just-text" data-background="color" data-color="green" data-radius="none" style="background-color: #373543;;">
<div class="card-body">
<h4 class="card-title">
<a href="#" style="color:#3cc194 !important;">AUEBuddies</a>
</h4>
<p class="card-description">
Το AUEBuddies έχει ως στόχο να βοηθήσει τους πρωτοετείς φοιτητές στο νέο τους ξεκίνημα. Πιο συγκεκριμένα φοιτητές μεγαλύτερων ετών (buddies) θα προσφέρουν καθοδήγηση στους πρωτοετείς φοιτητές σχετικά με τις παροχές του πανεπιστημίου, τα μαθήματα και γενικά τη φοιτητική τους ζωή.
</p>
</div>
</div>
<!-- end card -->
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="card-big-shadow">
<div class="card card-just-text" data-background="color" data-color="yellow" data-radius="none" style="background-color:#373543;">
<div class="card-body">
<h4 class="card-title">
<a href="#" style="color:#3cc194 !important;">stART</a>
</h4>
<p class="card-description">
Στόχος της ομάδας είναι ο χώρος στον οποίο οι φοιτητές ξοδεύουν δεκάδες ώρες κάθε βδομάδα να γίνει πιο φιλόξενος και οικείος προς αυτούς. Αυτό θα γίνει μέσω της πρόταση εικαστικών σχεδίων για χώρους εντός του Πανεπιστημίου,από φοιτητές και μη.
</p></br>
</div>
</div>
<!-- end card -->
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="card-big-shadow">
<div class="card card-just-text" data-background="color" data-color="brown" data-radius="none" style="background-color: #373543;">
<div class="card-body">
<h4 class="card-title">
<a href="#" style="color:#3cc194 !important;">Chilling rooms</a>
</h4>
<p class="card-description">
Στόχος της ομάδας είναι η μετατροπή αιθουσών του ΟΠΑ, που δεν χρησιμοποιούνται πλέον, σε chilling rooms, στα οποία οι φοιτητές θα μπορούν να περνούν τον ελεύθερο τους χρόνο και να χαλαρώνουν τόσο στα κενά των μαθημάτων τους όσο και γενικότερα μέσα στη μέρα.
</p><br />
</div>
</div>
<!-- end card -->
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="card-big-shadow">
<div class="card card-just-text" data-background="color" data-color="purple" data-radius="none" style="background-color: #373543;">
<div class="card-body">
<h4 class="card-title">
<a href="#" style="color:#3cc194 !important;">LightUs</a>
</h4>
<p class="card-description">
Το LightUs έχει ως όραμα την ένωση της αγοράς εργασίας και του πανεπιστημίου, μέσω της διοργάνωσης workshops. Στα workshops, οι φοιτητές θα μαθαίνουν εργαλεία και δεξιότητες που χρησιμοποιούνται στην αγορά εργασίας.
</p><br />
</div>
</div>
<!-- end card -->
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="card-big-shadow">
<div class="card card-just-text" data-background="color" data-color="orange" data-radius="none" style="background-color: #373543;">
<div class="card-body">
<h4 class="card-title">
<a href="#" style="color:#3cc194 !important;">UniChannel</a>
</h4>
<p class="card-description">
Το UniChannel είναι μία mobile εφαρμογή που συγκεντρώνει ειδήσεις από πολλά κανάλια πληροφόρησης, δίνοντάς τη δυνατότητα στους φοιτητές να ενημερώνονται άμεσα και εύκολα για όλα τα νέα που τους αφορούν.
</p><br/><br/>
</div>
</div>
<!-- end card -->
</div>
</div>
</div>
<br/>
<div class="text-center" style="margin-top:50px;">
<a href="https://goo.gl/forms/LehCLvDBWg2qH3GJ3" class="btn btn-primary btn-round btn-lg " target="_blank">ΔΗΛΩΣΕ ΣΥΜΜΕΤΟΧΗ!</a>
</div>
</div>
</div>
<footer class="footer footer-black footer-white ">
<div class="container">
<div class="row">
<nav class="footer-nav">
<ul>
<li>
<a style="color:white;">Διοργανωτές :</a>
</li>
<li>
<a href="https://acein.aueb.gr/" target="_blank">ACEIN</a>
</li>
<li>
<a href="https://auebvolunteers.gr/" target="_blank">AUEB VOLUNTEERS</a>
</li>
</ul>
</nav>
<div class="credits ml-auto">
<span class="copyright">
©
<script>
document.write(new Date().getFullYear())
</script>, made with <i class="fa fa-heart heart"></i> by UniChallenge Team
</span>
</div>
</div>
</div>
</footer>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-150350355-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-150350355-1');
</script>
<!-- Core JS Files -->
<script src="assets/js/core/jquery.min.js" type="text/javascript"></script>
<script src="assets/js/core/popper.min.js" type="text/javascript"></script>
<script src="assets/js/core/bootstrap.min.js" type="text/javascript"></script>
<!-- Plugin for Switches, full documentation here: http://www.jque.re/plugins/version3/bootstrap.switch/ -->
<script src="assets/js/plugins/bootstrap-switch.js"></script>
<!-- Plugin for the Sliders, full documentation here: http://refreshless.com/nouislider/ -->
<script src="assets/js/plugins/nouislider.min.js" type="text/javascript"></script>
<!-- Plugin for the DatePicker, full documentation here: https://github.com/uxsolutions/bootstrap-datepicker -->
<script src="assets/js/plugins/moment.min.js"></script>
<!-- Plugin for Tags, full documentation here: https://github.com/bootstrap-tagsinput/bootstrap-tagsinputs -->
<script src="assets/js/plugins/bootstrap-tagsinput.js"></script>
<!-- Plugin for Select, full documentation here: http://silviomoreto.github.io/bootstrap-select -->
<script src="assets/js/plugins/bootstrap-selectpicker.js" type="text/javascript"></script>
<!-- Plugin for Datetimepicker, full documentation here: https://eonasdan.github.io/bootstrap-datetimepicker/ -->
<script src="assets/js/plugins/bootstrap-datetimepicker.js" type="text/javascript"></script>
<!-- Vertical nav - dots -->
<!-- Photoswipe files -->
<script src="assets/js/plugins/photo_swipe/photoswipe.min.js"></script>
<script src="assets/js/plugins/photo_swipe/photoswipe-ui-default.min.js"></script>
<script src="assets/js/plugins/photo_swipe/init-gallery.js"></script>
<!-- for Jasny fileupload -->
<script src="assets/js/plugins/jasny-bootstrap.min.js"></script>
<!-- Control Center for Paper Kit: parallax effects, scripts for the example pages etc -->
<script src="assets/js/paper-kit.js?v=2.2.2" type="text/javascript"></script>
<!-- Google Maps Plugin
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY_HERE"></script> -->
<!-- Plugin for presentation page - isometric cards -->
<script src="assets/js/plugins/presentation-page/main.js"></script>
</body>
</html>