-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdocuments.html
168 lines (148 loc) · 10.7 KB
/
documents.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
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dokumenty</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Archivo:wght@300;400;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="dist/css/main.min.css">
</head>
<body class="documents">
<aside class="socials wrapper section">
<button class="socials__btn btn-special-animation"><span class="socials__btn-text">Edycja</span></button>
<div class="socials__box-icon">
<a href="https://pl-pl.facebook.com" rel="noopener" target="_blank"><img
class="socials__icon socials__icon--fb" src="dist/img/icon/fb_icon.png" alt="Icon fb"></a>
<a href="https://www.youtube.com" rel="noopener" target="_blank"><img class="socials__icon"
src="dist/img/icon/yt_icon.png" alt="Icon yt"></a>
<a href="https://www.google.com/intl/pl/gmail/about" rel="noopener" target="_blank"><img
class="socials__icon" src="dist/img/icon/post_icon.png" alt="Icon post"></a>
</div>
</aside>
<div class="white section">
<aside class="headerTop wrapper">
<a href="index.html" class="headerTop__box-logo">
<img class="headerTop__logo" src="dist/img/icon/logo_school_icon.png" alt="Logo icon">
<span class="headerTop__text-logo">Logo</span>
</a>
<div class="headerTop__box-btn">
<button class="headerTop__btn btn-special-animation">Plan lekcji</button>
<button class="headerTop__btn btn-special-animation">E-dziennik</button>
</div>
<svg class="headerTop__btn-nav" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class='line line2' d="M20 50L81 50" stroke="black" stroke-width="7" stroke-linejoin="round" />
<path class='line line3'
d="M20 72.6271H22.0935M22.0935 72.6271H76C76 72.6271 86.0698 75.1272 91 48.6272C99 5.62717 76 27.6271 76 27.6271L22.0935 72.6271Z"
stroke="black" stroke-width="7" stroke-linejoin="round" />
<path class="line line1"
d="M20 28H22.0935M22.0935 28H76C76 28 86.0698 25.5 91 52C99 95 76 73 76 73L22.0935 28Z"
stroke="black" stroke-width="7" stroke-linejoin="round" />
</svg>
</aside>
</div>
<nav class="nav section">
<ul class="nav__list">
<li class="nav__item"><a href="#" class="nav__link nav__link--none">Plan lekcji</a></li>
<li class="nav__item"><a href="#" class="nav__link">Aktualności</a></li>
<li class="nav__item"><a href="aboutschool.html" class="nav__link nav__link">O szkole ⬙</a>
<ul class="nav__dropdown">
<li class="nav__item"><a href="aboutschool.html#patron-school" class="nav__link">Patron szkoły</a></li>
<li class="nav__item"><a href="aboutschool.html#staff-school" class="nav__link">Kadra szkoly</a></li>
<li class="nav__item"><a href="aboutschool.html#library" class="nav__link">Biblioteka</a></li>
<li class="nav__item"><a href="aboutschool.html#boarding-school" class="nav__link">Internat</a></li>
</ul>
</li>
<li class="nav__item"><a href="documents.html" class="nav__link">Dokumenty ⬙</a>
<ul class="nav__dropdown">
<li class="nav__item"><a href="documents.html#school-statute" class="nav__link">Statut szkoły</a></li>
<li class="nav__item"><a href="documents.html#certificate" class="nav__link">Matura</a></li>
<li class="nav__item"><a href="documents.html#files" class="nav__link">Pliki</a></li>
<li class="nav__item"><a href="documents.html#rodo" class="nav__link">Rodo</a></li>
<li class="nav__item"><a href="documents.html#covid" class="nav__link">Covid 19</a></li>
</ul>
</li>
<li class="nav__item"><a href="recruitment.html#choice" class="nav__link">Rekrutacja</a></li>
<li class="nav__item"><a href="index.html#contact" class="nav__link">Kontakt</a></li>
<li class="nav__item"><a href="#" class="nav__link nav__link--none">E-dziennik</a></li>
</ul>
</nav>
<main class="main white section">
<section class="about-scholl school-statute wrapper">
<h2 class="section-heading" id="school-statute">Statut szkoły</h2>
<object class="school-statut__pdf" data="dist/schoolStatute.pdf" type="application/pdf">
<p class="school-statut__warming">Nie można otworzyć pliku PDF.</p>
</object>
<a class="school-statut__link" href="dist/schoolStatute.pdf" download>Pobierz statut szkoły PDF</a>
</section>
<section class="certificate wrapper">
<h2 class="section-heading" id="certificate">Matura</h2>
<div class="certificate__box">
<a class="certificate__link" href="http://www.oke.krakow.pl/inf/staticpages/index.php?page=20190902123924531" rel="noopener">Deklaracje maturalne - matura 2024</a>
<a class="certificate__link" href="http://www.oke.krakow.pl/inf/filedata/files/20220819%20EM%202023%20Komunikat%20o%20dostosowaniach.pdf" rel="noopener">Komunikat odostosowaniach w roku szkolnym 2023/24</a>
<a class="certificate__link" href="http://www.oke.krakow.pl/inf/filedata/files/20220819%20EM%202023%20Komunikat%20o%20egzaminie%20z%20informatyki.pdf" rel="noopener">Lista systemów operacyjnych, języków programowania dla zdających egzamin </a>
<a class="certificate__link" href="http://www.oke.krakow.pl/inf/filedata/files/20221010%20E8_EM_23%20Komunikat%20o%20przyborach%20FIN_aktualizacja_1.pdf" rel="noopener">Komunikat o przyborach na egzamin maturalny w roku szkolnym 2022/23</a>
<a class="certificate__link" href="http://www.oke.krakow.pl/inf/filedata/files/20220819%20EM%202023%20Komunikat%20o%20dostosowaniach.pdf" rel="noopener">Komunikat o dostosowaniach w roku szkolnym 2022/2023</a>
</div>
</section>
<section class="files wrapper">
<h2 class="section-heading" id="files">Pliki do pobrania</h2>
<h4 class="files__title">Programowanie:</h4>
<div class="files__box">
<a class="files__file" href="">Ćw. 1</a>
<a class="files__file" href="">Ćw. 2</a>
<a class="files__file" href="">Ćw. 3</a>
</div>
<h4 class="files__title">Grafika:</h4>
<div class="files__box">
<a class="files__file" href="">Ćw. 1</a>
<a class="files__file" href="">Ćw. 2</a>
<a class="files__file" href="">Ćw. 3</a>
</div>
<h4 class="files__title">Word:</h4>
<div class="files__box">
<a class="files__file" href="">Ćw. 1</a>
<a class="files__file" href="">Ćw. 2</a>
<a class="files__file" href="">Ćw. 3</a>
</div>
<h4 class="files__title">Exel:</h4>
<div class="files__box">
<a class="files__file" href="">Ćw. 1</a>
<a class="files__file" href="">Ćw. 2</a>
<a class="files__file" href="">Ćw. 3</a>
</div>
</section>
<section class="rodo wrapper">
<h2 class="section-heading" id="rodo">Rodo</h2>
<p class="rodo__text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Et, tenetur delectus saepe fuga at cum odit fugit aliquam qui quis minus veniam commodi optio maiores perferendis exercitationem sint recusandae porro, esse illum dolorum, alias similique eveniet! Accusantium dolorum recusandae libero nesciunt! Corrupti modi nostrum quod repudiandae asperiores iste dolorum perspiciatis!</p>
<p class="rodo__text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Et, tenetur delectus saepe fuga at cum odit fugit aliquam qui quis minus veniam commodi optio maiores perferendis exercitationem sint recusandae porro, esse illum dolorum, alias similique eveniet! Accusantium dolorum recusandae libero nesciunt! Corrupti modi nostrum quod repudiandae asperiores iste dolorum perspiciatis!</p>
<h3 class="rodo__title">Klauzura dostępności</h3>
<p class="rodo__text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Et, tenetur delectus saepe fuga at cum odit fugit aliquam qui quis minus veniam commodi optio maiores perferendis exercitationem sint recusandae porro, esse illum dolorum, alias similique eveniet! Accusantium dolorum recusandae libero nesciunt! Corrupti modi nostrum quod repudiandae asperiores iste dolorum perspiciatis!</p>
<p class="rodo__text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam quaerat temporibus deserunt cupiditate quas nostrum vitae deleniti itaque sit labore.</p>
</section>
<section class="covid wrapper">
<h2 class="section-heading" id="covid">Covid 19</h2>
<div class="about-scholl__container">
<img src="dist/img/covid.jpg" alt="Picture doctor" class="about-scholl__img">
<div class="about-scholl__right">
<p class="about-scholl__text">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Asperiores
id repellat aperiam recusandae? Praesentium expedita recusandae quod nesciunt, quisquam
doloribus qui iste repudiandae quam tempora officia voluptatum vero provident consequatur!</p>
<p class="about-scholl__text">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Asperiores
id repellat aperiam recusandae? Praesentium expedita recusandae quod nesciunt, quisquam
doloribus qui iste repudiandae quam tempora officia voluptatum vero provident consequatur!</p>
<p class="about-scholl__text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad iusto esse
sit, ipsum tempore molestiae sapiente exercitationem alias voluptatem nihil.</p>
<p class="about-scholl__text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad iusto esse
sit, ipsum tempore molestiae sapiente exercitationem alias voluptatem nihil.</p>
</div>
</div>
</section>
</main>
<footer class="footer">
<pre class="footer__text">Copyright© <time class="footer__year">2023</time> by Pandamax</pre>
</footer>
<script type="module" src="dist/js/main.min.js"></script>
</body>
</html>