-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
125 lines (114 loc) · 7.92 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
<!DOCTYPE html>
<html lang="el">
<head>
<title>Edume | Αρχική</title>
<link rel="icon" href="resources/edume_icon.png">
<meta name="description" content="An open source site for everyone">
<meta name="keywords" content="Open source, Education, Edume">
<meta name="author" content="Myrto Chatzivoukoudi, Evangelos Pipilikas">
<meta charset="UTF-8">
<link rel="stylesheet" href="styles.css">
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/handlebars@4.7.7/dist/handlebars.js"></script>
<script src="script.js" type="text/javascript"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<header>
<img src="resources/edume_header_logo.png" alt="Edume logo">
<p>ΟΠΑ! Εδώ είμαστε...</p>
<nav>
<ul>
<li><a href="index.html">Αρχική</a></li>
<li><a href="profile.html">Προφίλ χρήστη</a></li>
<li><a href="register.html">Εγγραφή χρήστη</a></li>
<li>
<div class="dropdown">
<a href="courses.html" class="dropbtn">Μαθήματα</a>
<div class="dropdown-content" id="results-content">
</div>
</div>
</li>
</ul>
</nav>
</header>
<main>
<section class="main-content" id="search-area">
<div id="search-area-content">
<h2>Αναζήτηση μαθήματος</h2>
<label for="search-input">Αναζητήστε ένα μάθημα με βάση κάποια λέξη κλειδί: </label>
<input type="text" id="search-input" name="search-input" placeholder="Λέξη-κλειδί">
<span class="alert-box"></span>
<button type="button" id="search-btn">Αναζήτηση</button>
</div>
<div id="results-area-content">
</div>
</section>
<section class="main-content" id="main-introduction">
<h2>Θες να μάθεις γρήγορα και εύκολα; Είσαι στο σωστό μέρος!</h2>
<p>
Καλά είδες! Το Edume είναι η νέα πλατφόρμα που δεν θα μπορείς να αποχωριστείς. Με μία
τεράστια γκάμα μαθημάτων σε διαφορετικές θεματικές ενότητες τα οποία απαρτίζονται από εκπαιδευτικό υλικό
ανάλογο του επιπέδου που βρίσκεσαι,
σου δίνουμε την ευκαιρία να εξελιχθείς μόνος/η σου ή και με παρέα. Τα περισσότερα μαθήματα σου παρέχουν
την
επιλογή να διαλέξεις μεταξύ της παρακολούθησης του μαθήματος μόνος/η σου, προσαρμόζοντας το στις
ταχύτητες
σου, και του να είσαι μέρος μίας ενιαίας τάξης με καθημερινά μαθήματα. Χρησιμοποιώντας τις πιο σύγχρονες
τεχνικές μάθησης και δημιουργώντας συνεχώς επιπρόσθετο υλικό, η μάθηση γίνεται ένα παιχνίδι! Σε κάθε
μάθημα θα βρεις quiz, ερωτο-απαντήσεις, ενώ μην ξεχνάς ότι υπάρχει ο διαδικτυακός υποστηρικτής που
μπορεί να σε βοηθήσει σε όποια δυσκολία σου εμφανιστεί μέσω βιντεό-κλήσης.
</p>
<p>
Δεν πείστηκες ακόμα; Ρίξε μία ματιά παρακάτω στις δημοφιλέστερες θεματικές μας ενότητες!
</p>
</section>
<section class="about_us" id="end_about">
<h2>Η ομάδα μας</h2>
<article class="about_article" id="first">
<h3>Χατζηβουκούδη Μυρτώ</h3>
<img src="resources/Woman-DRAWING-–-STEP-8new.jpg" alt="Μυρτώ" width="190" height="170">
<p>Είμαι φοιτήτρια του τμήματος πληροφορικής στο Οικονομικό Πανεπιστήμιο Αθηνών και διανύω το
4ο έτος φοίτησης. Είμαι 21 ετών και μένω μόνιμα στην Ανάβυσσο Αττικής. Έχω ενασχοληθεί επαγγελματικά
με τον τομέα της εστίασης και την εξυπηρέτηση πελατών τα τελευταία 4 χρόνια. Ελπίζω σύντομα να
ασχοληθώ και στον επαγγελματικό τομέα με το πεδίο σπουδών μου και συγκεκριμένα θα ήθελα να
ακολουθήσω την καριέρα του web developer. Διαθέτω πτυχίο άριστης γνώσης Αγγλικών (C2).</p>
</article>
<article class="about_article" id="second">
<h3>Πιπιλίκας Άγγελος</h3>
<img src="resources/Man-DRAWING-–-STEP-8new.jpg" alt="Άγγελος" width="190" height="170">
<p>Είμαι φοιτητής του τμήματος πληροφορικής στο Οικονομικό Πανεπιστήμιο Αθηνών και διανύω το
4ο έτος φοίτησης. Είμαι 21 ετών και μένω μόνιμα στον Χολαργό Αττικής. Βρίσκω μεγάλο ενδιαφέρον στον
τομέα της πληροφορικής και στις σημαντικές εξελίξεις που παρουσιάζονται στον τομέα της τεχνολογίας
γενικότερα.Ελπίζω σύντομα να ασχοληθώ επαγγελματικά με το πεδίο σπουδών μου και συγκεκριμένα θα
ήθελα να ακολουθήσω την καριέρα του back-end developer. Διαθέτω πτυχίο άριστης γνώσης Αγγλικών (C2)
και καλή γνώση Γερμανικών (Β2).</p>
</article>
</section>
</main>
<footer>
<img src="resources/edume_footer_logo.png" alt="Edume logo">
<address>
<ul>
<li>📧<a href="mailto:MandA@aueb.gr">MandA@aueb.gr</a></li>
<li>☎️<a href="tel:+302108203107">210 8203 107</a></li>
<li>📍 Λεωφόρος Πατησσίων 76, 104 34 Αθήνα</li>
</ul>
</address>
<div class="social-media-footer">
<ul>
<li><a href="https://twitter.com/?lang=el"><img src="resources/twitter_icon.png" alt="twitter"
width="50" height="50"></a></li>
<li><a href="https://el-gr.facebook.com/"><img src="resources/facebook_icon.png" alt="facebook"
width="50" height="50"></a></li>
<li><a href="https://www.youtube.com/"><img src="resources/youtube_icon.png" alt="youtube" width="50"
height="50"></a></li>
<li><a href="https://www.instagram.com/"><img src="resources/instagram_icon.png" alt="instagram"
width="50" height="50"></a></li>
</ul>
</div>
<p>
Edume | Powered by M and A | 2021 <br>
</p>
</footer>
</body>
</html>