-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
422 lines (413 loc) · 20.8 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
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="Keywords" content="">
<link rel="stylesheet" href="css/materialize.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/index.css">
<title>thm</title>
<meta name="author" content="Cyranowski Kacper">
<link href="https://fonts.googleapis.com/css?family=Athiti:200,400|Signika:400,600,700&subset=latin-ext" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
</head>
<body class='no-flow'>
<div class="loading loading-animation onTop">
<div class='delay'></div>
<div class='delay'></div>
<div class='delay'></div>
<div class='delay'></div>
<div class='delay'></div>
<div class='delay'></div>
<div class='delay'></div>
<div class='delay'></div>
<div class='delay'></div>
<div class='delay'></div>
<div class="message">
<h2>LOADING</h2>
</div>
</div>
<div class="grid">
<div class="container">
<div class="row">
<div class="col s3"></div>
<div class="col s3"></div>
<div class="col s3"></div>
<div class="col s3"></div>
</div>
</div>
</div>
<main id='index'>
<section class="main section">
<div class="title-wrapper">
<h1 class="title"></h1>
</div>
<div class="scroll">
<div class="mouse">
<div class="wheel"></div>
</div>
</div>
<div class='lang'>
<span class='new-lang' lang='pl'>PL</span>
<span class='new-lang' lang='de'>DE</span>
<span class='new-lang' lang='en'>EN</span>
</div>
</section>
<!------------------------------SECOND---------------------------------------->
<section class="second">
<div class="background">
<div class="row background-text">
<span class="col s12 text movable" speed='1'>ZWICKAU</span>
</div>
</div>
<div class="container">
<div class="row" id="zwickau">
<div class="col s12 m5 zw-map movable" speed='3'></div>
<div class="col s0 m1"></div>
<div class="content col s12 m6 movable" speed='4'>
<span class="title">
<h2>O Zwickau</h2>
</span>
<p>Zwickau ma około 90 tysiecy mieszkańcow. Jest czwartym co do wielkości miastem w Saksonii w centrum południowo zachodniej części kraju.
</p>
<p>O terytorium Zwickau wspomniano po raz pierwszy w 1118r. Węgiel kamienny był wydobywany tu jak i w okolicy przez prawie 800 lat.
</p>
<p>W 1810 roku urodził się tu słynny na całym świecie "Syn miasta", kompozytor romantyczny Robert Schumann.</p>
<p> Ponadto 21 kwietnia 2016 roku zostalo oficjalnie uznane jako "Reformation City of Europe".
</p>
</div>
<div class="circles">
<div class="circle movable z-depth-1" speed='6'></div>
<div class="circle movable z-depth-2" speed='7'></div>
<div class="circle movable z-depth-2" speed='8'></div>
<div class="circle movable z-depth-1" speed='6'></div>
<div class="circle movable z-depth-1" speed='7'></div>
</div>
</div>
</div>
</section>
<!------------------------------THIRD---------------------------------------->
<section class="third">
<div class="background">
<!-- <div class="container">-->
<div class="row background-text">
<span class="col s12 text movable" speed='1'>WYCIECZKI</span>
<!-- </div>-->
</div>
</div>
<div class="container">
<div class="row">
<div class="content col s12 m6 movable" speed='4'>
<p>W czasie naszych praktyk zagranicznych zwiedziliśmy wiele zabytków, muzeów oraz różnych innych dostępnych atrakcji, które w czasie wolnym pomogły nam miło i wesoło spędzić czas oraz dowiedzieć się więcej o kulturze i zwyczajach panujących w tej okolicy. </p>
</div>
<div class="col s12 m6 photos movable" speed='3'>
<div class="photo z-depth-1"></div>
</div>
<div class="circles">
<div class="circle movable z-depth-2" speed='9'></div>
<div class="circle movable z-depth-1" speed='7'></div>
<div class="circle movable hide-on-small-only z-depth-1" speed='8'></div>
<div class="circle movable hide-on-small-only" speed='6'></div>
<div class="circle movable" speed='7'></div>
</div>
</div>
<div class="row info-wrapper movable" speed='6'>
<div class="info col s12 m4 z-depth-3">
<ul class="list-unstyled">
<li><span>Zwiedziliśmy:</span></li>
<li><span>Drezno</span></li>
<li><span>Muzeum Horcha</span></li>
<li><span>Fabryke volkswagena</span></li>
<li><span>Berlin</span></li>
<li><span>Zwizkau</span></li>
<li><span>Browar w Zwickau</span></li>
</ul>
</div>
</div>
</div>
</section>
<!--FOURTH-->
<section class="fourth">
<div class="background">
<div class="row background-text">
<span class="col s12 text movable" speed='1'>ZAJĘCIA</span>
</div>
</div>
<div class="container">
<div class="row">
<div class="col s12 m6">
<div class="photo movable z-depth-2" speed='2'></div>
</div>
<div class="col s12 m6">
<div class="content movable" speed='4'>
<p>Przez 4 tygodnie pod nadzorem swoich opiekunów odbywaliśmy praktykę w FAW Ausbildungszentrum w Zwickau. Ćwiczyliśmy umiejetności z zakresu mechatroniki, informatyki oraz elektroniki.</p>
<a href="uczestnicy" page='same'>Więcej</a>
</div>
</div>
<div class="circles">
<div class="circle movable z-depth-1" speed='8'></div>
<div class="circle movable z-depth-1" speed='7'></div>
<div class="circle movable" speed='8'></div>
</div>
</div>
</div>
</section>
<section class="fifth">
<div class="background">
<div class="row background-text">
<span class="col s12 text movable" speed='1'>GALERIA</span>
</div>
</div>
<div class="container">
<div class="row">
<div class="col s12 m4 content movable" speed='4'>
<p>
Zrobiliśmy kilka zdjęć podczas naszego pobytu w niemczech.
</p>
<a href="galeria" page='same'>Galeria</a>
</div>
<div class="col s12 m8 photos">
<div class="movable" speed='6'></div>
<div class="reverse z-depth-3 movable" speed='3'></div>
<div class="z-depth-5 movable" speed='5'></div>
</div>
<div class="circles">
<div class="circle movable hide-on-small-only z-depth-1" speed='8'></div>
<div class="circle movable z-depth-3" speed='7'></div>
<div class="circle movable hide-on-small-only z-depth-1" speed='8'></div>
</div>
</div>
</div>
</section>
<footer>
<div class="container">
<!--
<div class="row">
<div class="col s12 m3 l3 label">
<ul class="list-unstyled">
<li>Zespół Szkół nr3</li>
<li>ul. Sandomierska 2</li>
<li>27-400 Ostrowiec Św.</li>
<li>tel. 041 2654645</li>
<li>Koordynator projektu:</li>
<li>mgr Mariola Lesniewska</li>
</ul>
</div>
<div class="col s12 m3 l3">
<ul class="list-unstyled">
<li>Partnerzy</li>
<li>Fortbildungsakademie der Wirtschaft (FAW) gGmbH</li>
<li>Akademie Chemitz</li>
<li>Außenstelle Zwickau</li>
<li>Audistrase 9 08058 Zwickau</li>
<li>Koordynator projektu:</li>
<li>Rico Eibisch</li>
</ul>
</div>
<div class="col s12 m3 l3">
</div>
</div>
-->
<div class="authors">
<div class="header">
<span>Authors</span> <i class='material-icons'>expand_more</i>
</div>
<div class="authors-content">
web development & design: Cyranowski Kacper <br>
text-content: Kaczmarski Jakub<br>
German translation: Wójcicka Kinga
</div>
</div>
</div>
</footer>
</main>
<main id='uczestnicy'>
<div>
<div class="container">
<div class="row przebieg">
<div class="background-text">
<span class="col s12">
<h3>P<br>R<br>A<br>K<br>T<br>Y<br>K<br>I</h3>
</span>
</div>
<div class="options">
<div class='active'></div>
<div></div>
<div></div>
<div></div>
</div>
<div class="pictures col m10 s12" deley='300'>
<div class='show'></div>
<div></div>
<div></div>
<div></div>
</div>
<div class="week col s12" deley='0'>
<h4 class='show'>Tydzień pierwszy</h4>
<h4>Tydzień drugi</h4>
<h4>Tydzień trzeci</h4>
<h4>Tydzień czwarty</h4>
</div>
<div class="text col m10 s12" deley='100'>
<p class='show'>Pierwszego dnia zostaliśmy oprowadzeni po zakładzie pracy, gdzie odbywalibyśmy praktyki. Przez następny tydzień informatycy wraz z elektronikami, pod okiem pana Schramm uczyli się programowania maszyn CNC służących do obrabiania i frezowania metalu. Pracowali z programem MTS. Mechatronicy natomiast rozpoczęli swoje praktyki od zajęć z pneumatyki z Panem Geisslerem. Była to świetna okazja, aby skonfrontowali swoje doświadczenie. Budowali mniej lub bardziej zaawansowane układy w oparciu o schematy przygotowane przez pana Geisslera i mogli modyfikować je w dowolny sposób. Bardzo spodobała im się swoboda na zajęciach.</p>
<p>W następnym tygodniu informatycy z elektronikami trafili na zajęcia do pana Bornshein, gdzie uczono ich podstaw lutowania. W celu doskonalenia umiejętności, lutowali czujnik stresu. Pozwoliło to na naukę przydatnej nawet dla informatyka umiejętności, która może przydać im się w przyszłości. Ukończony i działający projekt mogli zabrać ze sobą. Mechatronicy nie zmieniając nauczyciela rozpoczęli zajęcia z elektropneumatyki. </p>
<p>W trzecim tygodniu informatycy z elektronikami trafili pod opiekę do pana Geisslera na pneumatykę. Mogli poczuć, co robili mechatronicy przez ostatnie tygodnie. Zajęcia te bardzo się im spodobały. Była to dla nich doskonała odskocznia od ciągłego siedzenia przy komputerach. Mechatronicy natomiast trafili do pana Schramm. Doskonali swoje umiejętności w programowaniu maszyn CNC, tak jak to robili informatycy w pierwszym tygodniu, lecz wzbogacone o dodatkowe projekty. Zajęcia pozwoliły również na zobaczenie działania przykładowego programu w praktyce. W środę nasze zajęcia przerwała wizyta w fabryce Volkswagena... Po powrocie przez resztę tygodnia kontynuowaliśmy nasze zajęcia.</p>
<p>Ostatni tydzień minął informatykom na pracy nad stroną internetową i prezentacją multimedialną. Jedna grupa zajmowała się pisaniem tekstów, selekcją i obróbką grafiki oraz prezentacją multimedialną. Druga grupa zajęła się pisaniem strony internetowej. Mechatronicy wraz z elektronikami natomiast spędzali ten czas na zajęciach z SPS prowadzonych przez pana Illinga. Przez ostatnie dwa dni pracowali z programem SIMATIC przeznaczonym do programowania sterowników SPS. Napisali program do obsługi urządzenia napełniającego butelki, program zamykający i otwierający szlabany na parkingach, oraz program do sterowania światłami na skrzyżowaniu. Praktyka zakończyła się 8 czerwca.
</p>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row data">
<div class="col m4 s12 sec">
<i class="material-icons">my_location</i>
<h3>Miejsce pracy</h3>
<span>Centrum Szkolenia Zawodowego FAW gGmbH Zwickau Akademia Chemnitz</span>
</div>
<div class="col m4 s12 sec">
<i class="material-icons">supervisor_account</i>
<h3>Wykładowcy</h3>
<ul class='list-unstyled'>
<li>Pan Geisler - Pneumatyka</li>
<li>Pan Illing - SPS/Mechatronika</li>
<li>Pan Schramm - CNC</li>
<li>Pan Glaß - Projektowanie witryn</li>
<li>Pan Bornschein - Elektrotechnika</li>
</ul>
</div>
<div class="col m4 s12 sec">
<i class="material-icons">perm_identity</i>
<h3>Opiekunowie</h3>
<div>
<span>Pani Aneta Sadrak</span><br>
<span>Pan Piotr Paluch</span>
</div>
</div>
</div>
</div>
</main>
<main id='galeria'>
<div class="display-container">
<!--
<div class="icons">
<div class="info">
<span>Dla lepszego doświadczenia przejdź w tryb pełno ekranowy.</span><br>
<i class="material-icons">fullscreen</i>
</div>
<div class="exitFull">
<i class="material-icons">fullscreen_exit</i>
</div>
<div class="goBack">
<i class="material-icons">close</i>
</div>
</div>
-->
<div class="display">
</div>
</div>
<div class="container category">
<div class="row">
<div class="row" style='margin-bottom: 0px;'>
<div class="album col m4 s12">
<div class="drezno plate" text='Drezno'>
<div class="next"></div>
<div class="side-bar">
<div photo="drezno1"></div>
<div photo="drezno2"></div>
<div photo="drezno3"></div>
<div photo="drezno4"></div>
<div photo="drezno5"></div>
<div photo="drezno6"></div>
<div photo="drezno7"></div>
<div photo="drezno8" vertical></div>
</div>
</div>
</div>
<div class="album col m8 two-in-one s12">
<div class="horch plate" size='x2' text='Horch'>
<div class="next"></div>
<div class="side-bar">
<div photo="horch1"></div>
<div photo="horch2"></div>
<div photo="horch3"></div>
<div photo="horch4"></div>
<div photo="horch5"></div>
</div>
</div>
</div>
</div>
<div class="col m8 s12 group">
<div class="row">
<div class="album col m6 s12">
<div class="volk plate" text='Volkswagen'>
<div class="next"></div>
<div class="side-bar">
<div photo="volk1"></div>
<div photo="volk2"></div>
</div>
</div>
</div>
<div class="album col m6 s12">
<!--Zwickau + Browar-->
<div class="zwickau plate" text='Zwickau' size='x2'>
<div class="next"></div>
<div class="side-bar">
<div photo="zwickau1"></div>
<div photo="zwickau2"></div>
<div photo="zwickau3"></div>
<div photo="zwickau4"></div>
<div photo="zwickau5"></div>
<div photo="zwickau6"></div>
<div photo="zwickau7"></div>
<div photo="zwickau8"></div>
<div photo="zwickau9"></div>
<div photo="zwickau10"></div>
<div photo="zwickau11 vertical"></div>
</div>
</div>
</div>
<div class="album col m6 s12">
<div class="zajecia plate" text='praktyka'>
<div class="next"></div>
<div class="side-bar">
<div photo="zajecia1"></div>
<div photo="zajecia2"></div>
<div photo="zajecia3"></div>
<div photo="zajecia4"></div>
<div photo="zajecia5"></div>
<div photo="zajecia6"></div>
<div photo="zajecia7"></div>
</div>
</div>
</div>
</div>
</div>
<div class="album col m4 s12">
<div class="berlin plate" size='y2' text='Berlin' vertical>
<div class="next"></div>
<div class="side-bar">
<div photo="berlin1"></div>
<div photo="berlin2"></div>
<div photo="berlin3"></div>
<div photo="berlin4"></div>
<div photo="berlin5"></div>
<div photo="berlin6"></div>
<div photo="berlin7" vertical></div>
</div>
</div>
</div>
</div>
</div>
</main>
<script src="js/materialize/bin/materialize.min.js"></script>
<script src='js/bodyScrollLock.js'></script>
<script src="js/navigation.js"></script>
<script src="js/movement.js"></script>
<script src="js/js.js"></script>
<script src="js/galery.js"></script>
<script src="js/carusel.js"></script>
<script src="js/language.js"></script>
</body>
</html>