-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
147 lines (147 loc) · 11.2 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
<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>SSP Brno</title>
<link rel="stylesheet" type="text/css" href="css/normalize.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
</head>
<body>
<div>
<header>
<nav>
<div id="nameLogo">
<img src="img/spseit_sbw.png" id="main-logo">
<p id="main-name">SPŠ Brno, Purkyňova, p. o.</p>
</div>
<div id="mainInfo">
<p class="mainInfo-item">28. února 2019</p>
<p class="mainInfo-item" id="mainInfo-centerItem">Svátek má Lumír</p>
<p class="mainInfo-item">Týden A</p>
</div>
<div id="headerMenu">
<a href="" class="headerMenu-item"><i class="fas fa-user-graduate headerMenu-icon"></i>Obory</a>
<a href="" class="headerMenu-item"><i class="far fa-newspaper headerMenu-icon"></i>Články</a>
<a href="" class="headerMenu-item"><i class="fas fa-file-alt headerMenu-icon"></i>Dokumenty</a>
<a href="" class="headerMenu-item"><div class="contact-icons"><i class="fas fa-map-marker-alt"></i><i class="fas fa-phone"></i></div>Kontakty</a>
</div>
</nav>
<div id="mainHeadline">
<div id="mainHeadline-text">
<h1>Střední průmyslová škola Brno, Purkyňova</h1>
<p id="mainHeadline-address">Purkyňova 97, 612 00 Brno</p>
</div>
<img id="mainHeadline-logo" src="img/spseit.png">
</div>
<div id="bottomHeader-content">
<div id="grants">
<img src="img/logo-euvvv.png" id="logoEU">
<img src="img/logo-msmt.png" id="logoMSMT">
<img src="img/logo-jmk.png" id="logoJMK">
</div>
<div id="social-media">
<a id="fb-logo" href=""><i class="fab fa-facebook-square"></i></a>
<a id="tw-logo" href=""><i class="fab fa-twitter-square"></i></a>
<a id="gp-logo" href=""><i class="fab fa-google-plus-square"></i></a>
</div>
</div>
<img src="img/bg.jpg" id="background">
</header>
<div id="majorMenu-container">
<div id="majorMenu">
<a href="" class="majorMenu-item"><i class="fas fa-user-graduate majorMenu-icon" id="majorMenu-coursesIcon"></i><p class="majorMenu-link">Obory</p></a>
<a href="" class="majorMenu-item"><i class="fas fa-graduation-cap majorMenu-icon" id="majorMenu-edupageIcon"></i><p class="majorMenu-link">Edupage</p></a>
<a href="" class="majorMenu-item"><i class="fas fa-utensils majorMenu-icon" id="majorMenu-lunchIcon"></i><p class="majorMenu-link">Obědy</p></a>
<a href="" class="majorMenu-item"><i class="fas fa-envelope majorMenu-icon" id="majorMenu-mailIcon"></i><p class="majorMenu-link">Mail</p></a>
<a href="" class="majorMenu-item"><i class="fas fa-cloud majorMenu-icon" id="majorMenu-cloudIcon"></i><p class="majorMenu-link">Cloud</p></a>
<a href="" class="majorMenu-item"><i class="fas fa-clock majorMenu-icon" id="majorMenu-scheludeIcon"></i><p class="majorMenu-link">Rozvrhy</p></a>
<a href="" class="majorMenu-item"><i class="fas fa-atlas majorMenu-icon" id="majorMenu-moodleIcon"></i><p class="majorMenu-link">Moodle</p></a>
<a href="" class="majorMenu-item"><i class="far fa-newspaper majorMenu-icon" id="majorMenu-blogIcon"></i><p class="majorMenu-link">Články</p></a>
<a href="" class="majorMenu-item"><div class="majorMenu-contactIcons"><i class="fas fa-map-marker-alt" id="majorMenu-addressIcon"></i><i class="fas fa-phone" id="majorMenu-phoneIcon"></i></div><p class="majorMenu-link">Kontakty</p></a>
</div>
</div>
<div id="minorMenu-container">
<div id="minorMenu">
<div class="minorMenu-item"><p class="minorMenu-text">Škola</p><i class="fas fa-caret-down minorMenu-icon"></i></div>
<div class="minorMenu-item"><p class="minorMenu-text">Přijímací řízení</p><i class="fas fa-caret-down minorMenu-icon"></i></div>
<div class="minorMenu-item"><p class="minorMenu-text">Dokumenty</p><i class="fas fa-caret-down minorMenu-icon"></i></div>
<div class="minorMenu-item"><p class="minorMenu-text">Návody pro rodiče a žáky</p><i class="fas fa-caret-down minorMenu-icon"></i></div>
<div class="minorMenu-item"><p class="minorMenu-text">Ostatní služby</p><i class="fas fa-caret-down minorMenu-icon"></i></div>
</div>
</div>
</div>
<div id="page-content">
<div id="coursesGraduation-container">
<p class="partHeadline">Maturitní obory</p>
<div id="courses-graduation">
<a href="" class="course-info" id="course-IT"><i class="fas fa-desktop course-icon"></i><p class="course-name">Informační technologie</p><p class="course-number">18-20-M/01</p></a>
<a href="" class="course-info" id="course-E"><i class="far fa-lightbulb course-icon"></i><p class="course-name">Elektrotechnika</p><p class="course-number">26-41-M/01</p></a>
<a href="" class="course-info" id="course-ME"><i class="fas fa-microchip course-icon"></i><p class="course-name">Mechanik elektrotechnik</p><p class="course-number">26-41-L/01</p></a>
<a href="" class="course-info" id="course-EP"><i class="fas fa-coins course-icon"></i><p class="course-name">Ekonomika a podnikání</p><p class="course-number">63-41-M/01</p></a>
<a href="" class="course-info" id="course-SC"><i class="fas fa-hands-helping course-icon"></i><p class="course-name">Sociální činnost</p><p class="course-number">76-41-M/01</p></a>
<a href="" class="course-info" id="course-PE"><i class="fas fa-leaf course-icon"></i><p class="course-name">Průmyslová ekologie</p><p class="course-number">16-02-M/01</p></a>
</div>
</div>
<div class="flex-container">
<div id="coursesLearning-container">
<p class="partHeadline">Učební obory</p>
<div id="courses-learning">
<a href="" class="course-info" id="course-El"><i class="fas fa-bolt course-icon"></i><p class="course-name">Elektrikář</p><p class="course-number">36-51-H/01</p></a>
<a href="" class="course-info" id="course-M"><i class="fas fa-memory course-icon"></i><p class="course-name">Mechanik pro zařízení a přístroje</p><p class="course-number">26-52-H/01</p></a>
</div>
</div>
<div id="examsInfo-container">
<p class="partHeadline">Informace o přijímacích zkouškách</p>
<div id="exams-info">
<p class="exams-article">Pro žáky ZŠ jsme letos nově připravili PŘIJÍMAČKY NANEČISTO. Tato akce je dvoudenní:<br><br> 23. března 2019 od 9:00 do 11:30 hod. proběhne vypracování testu (1 hodina matematiky, 1 hodina českého jazyka)<br><br>30. března 2019 od 9:00 do 11:30 hod. proběhne vyhodnocení testu (1 hodina matematiky, 1 hodina českého jazyka)</p>
<p class="exams-article">Ředitel školy vyhlašuje 1. kolo přijímacího řízení do 1. ročníku vzdělávání na Střední průmyslové škole Brno, Purkyňova, příspěvková organizace pro školní rok 2019/2020. Všechny podrobnosti - počty přijímaných žáků v jednotlivých oborech, kritéria hodnocení a termíny přijímacích zkoušek naleznete v dokumentech, které jsou vystaveny na elektronické úřední desce školy - <a href="" class="weblink">ZDE</a>. </p>
</div>
</div>
</div>
<div class="flex-container">
<div id="articles-container">
<p class="partHeadline">Nejnovější články</p>
<article>
<img class="article-picture" src="img/articles-gallery/post1/tv_03.jpg">
<div class="article-content">
<div class="article-head">
<p class="article-headline">Purkiáda 2019 - slavnostní vyhlášení</p>
<p class="article-date">27. února 2019</p>
</div>
<p class="article-text">Ve čtvrtek 7. 2. 2019 proběhlo slavnostní vyhlášení soutěže. 10 nejúspěšnějších řešitelů soutěže se sešlo s našimi studenty - autory úloh a organizátory soutěže. Pan ředitel naší školy Ing. Antonín Doušek, Ph.D. předal výhercům diplomy a věcné ceny. Následovalo malé posezení výherců s organizátory soutěže, probíraly se jednotlivé soutěžní příklady i možnosti studia na naší škole. Ještě jednou díky všem autorům úloh a organizátorům z řad našich studentů. Jména vítězů... <a href="" class="article-readMore">Číst více</a></p>
</div>
</article>
<article>
<img class="article-defaultImage" src="img/spseit.png">
<div class="article-content">
<div class="article-head">
<p class="article-headline">Purkiáda 2019 - slavnostní vyhlášení</p>
<p class="article-date">27. února 2019</p>
</div>
<p class="article-text">Ve čtvrtek 7. 2. 2019 proběhlo slavnostní vyhlášení soutěže. 10 nejúspěšnějších řešitelů soutěže se sešlo s našimi studenty - autory úloh a organizátory soutěže. Pan ředitel naší školy Ing. Antonín Doušek, Ph.D. předal výhercům diplomy a věcné ceny. Následovalo malé posezení výherců s organizátory soutěže, probíraly se jednotlivé soutěžní příklady i možnosti studia na naší škole. Ještě jednou díky všem autorům úloh a organizátorům z řad našich studentů. Jména vítězů... <a class="article-readMore" href="">Číst více</a></p>
</article>
</div>
<div id="competitions-container">
<p class="partHeadline">Soutěže pro žáky</p>
<div id="competitions">
<p class="competitions-text">Stalo se již dobrou tradicí, že na podzim vyhlašujeme soutěže pro žáky základních škol. Svoje literární schopnosti můžete ukázat v soutěži "TAJEMNÁ ZÁKOUTÍ MORAVY", - podrobnosti ZDE.</p>
<hr class="competitions-line">
<p class="competitions-text">Tradičně také letos pořádáme IT soutěž pro žáky 9. tříd - PURKIÁDA 2019 - podrobnosti ZDE, ve které budete řešit úkoly zaměřené na logické a kreativní myšlení. Nejlepší řešitelé získají hodnotné ceny.</p>
</div>
</div>
</div>
<div id="schoolProjects-container">
<p class="partHeadline">Projekty školy</p>
<div id="school-projects">
<a href=""><img id="erasmus-logo" src="img/projects/erasmus+.png"></a>
<a href=""><img id="ropjv-logo" src="img/projects/ropjv_w.png"></a>
<a href=""><img id="cez-logo" src="img/projects/cez.jpg"></a>
<a href=""><img id="cr-logo" src="img/projects/ceske_rucicky.png"></a>
<a href=""><img id="etwinning-logo" src="img/projects/etwinning_bw.png"></a>
</div>
</div>
</div>
</body>
</html>