-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathpakiety.html
More file actions
481 lines (474 loc) · 35.3 KB
/
Copy pathpakiety.html
File metadata and controls
481 lines (474 loc) · 35.3 KB
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
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
<!doctype html>
<html lang="pl">
<head>
<!-- Document metadata -->
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- seo:head:start -->
<!-- SEO -->
<title>Pakiety | Lauren English</title>
<meta name="description" content="Pakiety nauki angielskiego dopasowane do rytmu pracy i celów: Start, Regular i Intensive z jasnym zakresem wsparcia." />
<link rel="canonical" href="https://education-pr01-laurenenglish.netlify.app/pakiety.html" />
<!-- App metadata -->
<link rel="manifest" href="/site.webmanifest" vite-ignore />
<link rel="icon" href="/assets/favicon/favicon.svg" type="image/svg+xml" />
<!-- Fonts -->
<link rel="preload" href="/assets/fonts/literata-700.woff2" as="font" type="font/woff2" crossorigin />
<!-- Styles -->
<link rel="stylesheet" href="/css/style.css" />
<!-- Scripts -->
<script type="module" src="/js/main.js"></script>
<!-- Open Graph -->
<meta property="og:title" content="Pakiety | Lauren English" />
<meta property="og:description" content="Pakiety nauki angielskiego dopasowane do rytmu pracy i celów: Start, Regular i Intensive z jasnym zakresem wsparcia." />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Lauren English" />
<meta property="og:locale" content="pl_PL" />
<meta property="og:url" content="https://education-pr01-laurenenglish.netlify.app/pakiety.html" />
<meta property="og:image" content="https://education-pr01-laurenenglish.netlify.app/assets/og/og.png" />
<meta property="og:image:secure_url" content="https://education-pr01-laurenenglish.netlify.app/assets/og/og.png" />
<meta property="og:image:type" content="image/png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="Lauren English — nauka angielskiego w spokojnym rytmie." />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Pakiety | Lauren English" />
<meta name="twitter:description" content="Pakiety nauki angielskiego dopasowane do rytmu pracy i celów: Start, Regular i Intensive z jasnym zakresem wsparcia." />
<meta name="twitter:image" content="https://education-pr01-laurenenglish.netlify.app/assets/og/og.png" />
<meta name="twitter:image:alt" content="Lauren English — nauka angielskiego w spokojnym rytmie." />
<!-- Structured data -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebPage",
"@id": "https://education-pr01-laurenenglish.netlify.app/pakiety.html#webpage",
"url": "https://education-pr01-laurenenglish.netlify.app/pakiety.html",
"name": "Pakiety | Lauren English",
"description": "Pakiety nauki angielskiego dopasowane do rytmu pracy i celów: Start, Regular i Intensive z jasnym zakresem wsparcia.",
"inLanguage": "pl-PL",
"isPartOf": {
"@id": "https://education-pr01-laurenenglish.netlify.app/#website"
}
}
</script>
<!-- seo:head:end -->
<!-- Theme -->
<meta name="theme-color" content="#1b7f6c" />
</head>
<!-- Body-->
<body class="page">
<!-- shared-shell:header:start -->
<a class="skip-link" href="#main">Przejdź do treści</a>
<header class="header" id="top">
<div class="container header__inner">
<a class="header__logo" href="/index.html" aria-label="Lauren English">
<img class="header__logo-image" src="/assets/img/logo/logo.svg" alt="" width="512" height="512" />
<span class="header__logo-text">Lauren English</span>
</a>
<nav class="nav" aria-label="Główna nawigacja">
<button
class="nav__toggle"
type="button"
aria-expanded="false"
aria-controls="nav-drawer"
hidden
>
<span class="nav__toggle-line"></span>
<span class="nav__toggle-line"></span>
<span class="nav__toggle-line"></span>
<span class="sr-only" data-nav-toggle-label>Otwórz menu</span>
</button>
<div class="nav__drawer" id="nav-drawer" data-drawer>
<div class="nav__drawer-header">
<span class="nav__drawer-title">Menu</span>
</div>
<ul class="nav__list" role="list">
<li class="nav__item">
<a class="nav__link" href="/uslugi.html">Usługi</a>
</li>
<li class="nav__item">
<a class="nav__link" href="/pakiety.html" aria-current="page">Pakiety</a>
</li>
<li class="nav__item">
<a class="nav__link" href="/materialy.html">Materiały</a>
</li>
<li class="nav__item">
<a class="nav__link" href="/postepy.html">Postępy</a>
</li>
<li class="nav__item">
<a class="nav__link" href="/index.html#how">Metodyka</a>
</li>
<li class="nav__item">
<a class="nav__link" href="/index.html#about">O mnie</a>
</li>
<li class="nav__item">
<a class="nav__link" href="/index.html#faq">FAQ</a>
</li>
<li class="nav__item">
<a class="nav__link" href="/kontakt.html">Kontakt</a>
</li>
</ul>
<button class="button button--ghost theme-toggle nav__theme" type="button" aria-label="Włącz tryb ciemny" aria-pressed="false" data-theme-toggle hidden>
<span class="theme-toggle__icons" aria-hidden="true">
<img class="theme-toggle__icon theme-toggle__icon--sun" src="/assets/icons/sun.svg" alt="" width="24" height="24" />
<img class="theme-toggle__icon theme-toggle__icon--moon" src="/assets/icons/moon.svg" alt="" width="24" height="24" />
</span>
</button>
<a class="button button--primary nav__cta" href="/kontakt.html#formularz">Napisz do mnie</a>
</div>
</nav>
<div class="header__actions">
<a class="button button--primary header__cta" href="/kontakt.html#formularz">Napisz do mnie</a>
<button class="button button--ghost theme-toggle" type="button" aria-label="Włącz tryb ciemny" aria-pressed="false" data-theme-toggle hidden>
<span class="theme-toggle__icons" aria-hidden="true">
<img class="theme-toggle__icon theme-toggle__icon--sun" src="/assets/icons/sun.svg" alt="" width="24" height="24" />
<img class="theme-toggle__icon theme-toggle__icon--moon" src="/assets/icons/moon.svg" alt="" width="24" height="24" />
</span>
</button>
</div>
</div>
</header>
<!-- shared-shell:header:end -->
<!-- Main Content -->
<main class="u-anchor-offset" id="main">
<!-- Hero Section -->
<section class="section hero hero--packages">
<div class="container hero__grid">
<div class="hero__content" data-reveal>
<p class="eyebrow">PAKIETY NAUKI ANGIELSKIEGO</p>
<h1 class="hero__title">Wybierz pakiet dopasowany do Twojego celu i tempa.</h1>
<p class="hero__subtitle">
Trzy poziomy współpracy różnią się częstotliwością spotkań, zakresem materiałów i wsparciem między lekcjami. Porównaj je i wybierz rytm, który pasuje do Twojego czasu oraz celu.
</p>
<div class="hero__actions">
<a class="button button--primary" href="#pakiety">Porównaj pakiety</a>
<a class="button button--secondary" href="/kontakt.html#formularz">Napisz do mnie</a>
</div>
</div>
<div class="hero__visual" data-reveal>
<aside class="hero__card hero__decision-card" aria-labelledby="package-decision-title">
<h2 class="hero__decision-title" id="package-decision-title">Jak dobrać odpowiedni pakiet?</h2>
<p class="hero__decision-description">Zwróć uwagę na rytm spotkań, zakres pracy między lekcjami i poziom potrzebnego wsparcia.</p>
<ul class="hero__decision-list">
<li class="hero__decision-item">
<svg class="hero__decision-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" aria-hidden="true" focusable="false" fill="currentColor">
<!--!Font Awesome Free v7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.-->
<path
d="M224 64C241.7 64 256 78.3 256 96L256 128L384 128L384 96C384 78.3 398.3 64 416 64C433.7 64 448 78.3 448 96L448 128L480 128C515.3 128 544 156.7 544 192L544 480C544 515.3 515.3 544 480 544L160 544C124.7 544 96 515.3 96 480L96 192C96 156.7 124.7 128 160 128L192 128L192 96C192 78.3 206.3 64 224 64zM160 304L160 336C160 344.8 167.2 352 176 352L208 352C216.8 352 224 344.8 224 336L224 304C224 295.2 216.8 288 208 288L176 288C167.2 288 160 295.2 160 304zM288 304L288 336C288 344.8 295.2 352 304 352L336 352C344.8 352 352 344.8 352 336L352 304C352 295.2 344.8 288 336 288L304 288C295.2 288 288 295.2 288 304zM432 288C423.2 288 416 295.2 416 304L416 336C416 344.8 423.2 352 432 352L464 352C472.8 352 480 344.8 480 336L480 304C480 295.2 472.8 288 464 288L432 288zM160 432L160 464C160 472.8 167.2 480 176 480L208 480C216.8 480 224 472.8 224 464L224 432C224 423.2 216.8 416 208 416L176 416C167.2 416 160 423.2 160 432zM304 416C295.2 416 288 423.2 288 432L288 464C288 472.8 295.2 480 304 480L336 480C344.8 480 352 472.8 352 464L352 432C352 423.2 344.8 416 336 416L304 416zM416 432L416 464C416 472.8 423.2 480 432 480L464 480C472.8 480 480 472.8 480 464L480 432C480 423.2 472.8 416 464 416L432 416C423.2 416 416 423.2 416 432z" />
</svg>
<div class="hero__decision-content">
<h3 class="hero__decision-item-title">Rytm spotkań</h3>
<p class="hero__decision-item-description">Zastanów się, jak często chcesz pracować z nauczycielem.</p>
</div>
</li>
<li class="hero__decision-item">
<svg class="hero__decision-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" aria-hidden="true" focusable="false" fill="currentColor">
<!--!Font Awesome Free v7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.-->
<path
d="M320 205.3L320 514.6L320.5 514.4C375.1 491.7 433.7 480 492.8 480L512 480L512 160L492.8 160C450.6 160 408.7 168.4 369.7 184.6C352.9 191.6 336.3 198.5 320 205.3zM294.9 125.5L320 136L345.1 125.5C391.9 106 442.1 96 492.8 96L528 96C554.5 96 576 117.5 576 144L576 496C576 522.5 554.5 544 528 544L492.8 544C442.1 544 391.9 554 345.1 573.5L332.3 578.8C324.4 582.1 315.6 582.1 307.7 578.8L294.9 573.5C248.1 554 197.9 544 147.2 544L112 544C85.5 544 64 522.5 64 496L64 144C64 117.5 85.5 96 112 96L147.2 96C197.9 96 248.1 106 294.9 125.5z" />
</svg>
<div class="hero__decision-content">
<h3 class="hero__decision-item-title">Zakres materiałów</h3>
<p class="hero__decision-item-description">Określ, ile czasu możesz przeznaczyć na naukę między lekcjami.</p>
</div>
</li>
<li class="hero__decision-item">
<svg class="hero__decision-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" aria-hidden="true" focusable="false" fill="currentColor">
<!--!Font Awesome Free v7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.-->
<path
d="M552 120C552 106.7 541.3 96 528 96C514.7 96 504 106.7 504 120L504 520C504 533.3 514.7 544 528 544C541.3 544 552 533.3 552 520L552 120zM424 192C410.7 192 400 202.7 400 216L400 520C400 533.3 410.7 544 424 544C437.3 544 448 533.3 448 520L448 216C448 202.7 437.3 192 424 192zM344 312C344 298.7 333.3 288 320 288C306.7 288 296 298.7 296 312L296 520C296 533.3 306.7 544 320 544C333.3 544 344 533.3 344 520L344 312zM216 384C202.7 384 192 394.7 192 408L192 520C192 533.3 202.7 544 216 544C229.3 544 240 533.3 240 520L240 408C240 394.7 229.3 384 216 384zM112 448C98.7 448 88 458.7 88 472L88 520C88 533.3 98.7 544 112 544C125.3 544 136 533.3 136 520L136 472C136 458.7 125.3 448 112 448z" />
</svg>
<div class="hero__decision-content">
<h3 class="hero__decision-item-title">Poziom wsparcia</h3>
<p class="hero__decision-item-description">Wybierz, jak często potrzebujesz informacji zwrotnej i korekty planu.</p>
</div>
</li>
</ul>
</aside>
</div>
</div>
</section>
<!-- Pricing Section -->
<section class="section pricing u-anchor-offset" id="pakiety" tabindex="-1">
<div class="container">
<div class="section__header pricing__header" data-reveal>
<p class="pricing__eyebrow">PORÓWNAJ WARIANTY</p>
<h2 class="section__title">Wybierz rytm nauki dla siebie</h2>
<p class="section__subtitle">Każdy pakiet obejmuje indywidualny plan i regularną informację zwrotną. Różnią się tempem pracy, zakresem materiałów i wsparciem między lekcjami.</p>
</div>
<div class="grid grid--pricing pricing__grid">
<!-- package-cards:page:start -->
<article class="card card--pricing pricing__card u-anchor-offset" id="pakiet-start" data-package-key="start" tabindex="-1" data-reveal>
<p class="card__eyebrow pricing__package-label">SPOKOJNY START</p>
<h3 class="card__title pricing__package-name">Start</h3>
<p class="card__text pricing__package-rhythm">Rytm: regularne spotkania w miesiącu.</p>
<p class="card__text pricing__package-audience">Dla osób, które chcą wrócić do nauki lub uporządkować podstawy bez nadmiernego tempa.</p>
<ul class="pricing__benefits" role="list">
<li>Plan dopasowany do poziomu i celu.</li>
<li>Podstawowe materiały po lekcjach.</li>
<li>Krótkie podsumowania i kolejny krok.</li>
</ul>
<a class="button button--secondary" href="/kontakt.html#formularz">Zapytaj o pakiet Start</a>
</article>
<article class="card card--pricing pricing__card card--highlight pricing__card--highlighted u-anchor-offset" id="pakiet-regular" data-package-key="regular" tabindex="-1" data-reveal>
<p class="card__eyebrow pricing__package-label">STAŁA REGULARNOŚĆ</p>
<h3 class="card__title pricing__package-name">Regular</h3>
<p class="card__text pricing__package-rhythm">Rytm: stałe spotkania w tygodniu.</p>
<p class="card__text pricing__package-audience">Dla osób, które chcą pracować systematycznie i rozwijać angielski w stabilnym rytmie.</p>
<ul class="pricing__benefits" role="list">
<li>Plan tematyczny na kilka tygodni.</li>
<li>Rozszerzone materiały i zadania między lekcjami.</li>
<li>Regularne podsumowania postępów.</li>
</ul>
<a class="button button--primary" href="/kontakt.html#formularz">Zapytaj o pakiet Regular</a>
</article>
<article class="card card--pricing pricing__card u-anchor-offset" id="pakiet-intensive" data-package-key="intensive" tabindex="-1" data-reveal>
<p class="card__eyebrow pricing__package-label">INTENSYWNY CEL</p>
<h3 class="card__title pricing__package-name">Intensive</h3>
<p class="card__text pricing__package-rhythm">Rytm: częstsze spotkania i szybsza informacja zwrotna.</p>
<p class="card__text pricing__package-audience">Dla osób przygotowujących się do egzaminu, ważnego projektu lub konkretnego terminu.</p>
<ul class="pricing__benefits" role="list">
<li>Priorytetowy plan działania.</li>
<li>Rozszerzone materiały i próby egzaminacyjne.</li>
<li>Częstsza korekta oraz wsparcie między lekcjami.</li>
</ul>
<a class="button button--secondary" href="/kontakt.html#formularz">Zapytaj o pakiet Intensive</a>
</article>
<!-- package-cards:page:end -->
</div>
</div>
</section>
<!-- FAQ section -->
<section class="section faq u-anchor-offset" id="faq">
<div class="container">
<div class="section__header" data-reveal>
<p class="pricing__eyebrow">PRZED WYBOREM PAKIETU</p>
<h2 class="section__title">Najczęstsze pytania o pakiety</h2>
<p class="section__subtitle">Odpowiedzi na pytania dotyczące wyboru pakietu, materiałów oraz organizacji współpracy.</p>
</div>
<div class="accordion" data-accordion>
<div class="accordion__item" data-accordion-item data-reveal>
<h3 class="accordion__title">
<button class="accordion__trigger" id="packages-faq-trigger-1" type="button" aria-expanded="true" aria-controls="packages-faq-panel-1" data-accordion-trigger disabled>
Czym różnią się pakiety Start, Regular i Intensive?
</button>
</h3>
<div class="accordion__panel" id="packages-faq-panel-1" role="region" aria-labelledby="packages-faq-trigger-1" aria-hidden="false" data-accordion-panel>
Pakiety różnią się rytmem spotkań, zakresem materiałów oraz częstotliwością informacji zwrotnej. Start wspiera spokojny powrót do nauki, Regular pomaga utrzymać systematyczność, a
Intensive odpowiada na cele wymagające większej intensywności.
</div>
</div>
<div class="accordion__item" data-accordion-item data-reveal>
<h3 class="accordion__title">
<button class="accordion__trigger" id="packages-faq-trigger-2" type="button" aria-expanded="true" aria-controls="packages-faq-panel-2" data-accordion-trigger disabled>
Jak wybrać pakiet odpowiedni do mojego celu?
</button>
</h3>
<div class="accordion__panel" id="packages-faq-panel-2" role="region" aria-labelledby="packages-faq-trigger-2" aria-hidden="false" data-accordion-panel>
Weź pod uwagę swój cel, ilość czasu na naukę między lekcjami oraz potrzebny poziom wsparcia. Gdy nadal masz wątpliwości, opisz swoją sytuację w wiadomości — wspólnie dobierzemy
odpowiedni rytm pracy.
</div>
</div>
<div class="accordion__item" data-accordion-item data-reveal>
<h3 class="accordion__title">
<button class="accordion__trigger" id="packages-faq-trigger-3" type="button" aria-expanded="true" aria-controls="packages-faq-panel-3" data-accordion-trigger disabled>
Czy mogę zmienić pakiet w trakcie współpracy?
</button>
</h3>
<div class="accordion__panel" id="packages-faq-panel-3" role="region" aria-labelledby="packages-faq-trigger-3" aria-hidden="false" data-accordion-panel>
Gdy zmienią się Twoje cele, dostępny czas lub tempo nauki, możemy ponownie omówić zakres współpracy i dobrać rozwiązanie lepiej dopasowane do aktualnej sytuacji.
</div>
</div>
<div class="accordion__item" data-accordion-item data-reveal>
<h3 class="accordion__title">
<button class="accordion__trigger" id="packages-faq-trigger-4" type="button" aria-expanded="true" aria-controls="packages-faq-panel-4" data-accordion-trigger disabled>
Czy pakiet może skupiać się głównie na konwersacjach?
</button>
</h3>
<div class="accordion__panel" id="packages-faq-panel-4" role="region" aria-labelledby="packages-faq-trigger-4" aria-hidden="false" data-accordion-panel>
Tak. Plan może koncentrować się na swobodnym mówieniu, słownictwie, wymowie oraz sytuacjach, w których najczęściej używasz angielskiego.
</div>
</div>
<div class="accordion__item" data-accordion-item data-reveal>
<h3 class="accordion__title">
<button class="accordion__trigger" id="packages-faq-trigger-5" type="button" aria-expanded="true" aria-controls="packages-faq-panel-5" data-accordion-trigger disabled>
Jak wyglądają materiały i praca między lekcjami?
</button>
</h3>
<div class="accordion__panel" id="packages-faq-panel-5" role="region" aria-labelledby="packages-faq-trigger-5" aria-hidden="false" data-accordion-panel>
Materiały są dobierane do poziomu, celu i wybranego rytmu nauki. Mogą obejmować krótkie ćwiczenia, podsumowania, słownictwo oraz zadania wspierające pracę wykonywaną podczas lekcji.
</div>
</div>
<div class="accordion__item" data-accordion-item data-reveal>
<h3 class="accordion__title">
<button class="accordion__trigger" id="packages-faq-trigger-6" type="button" aria-expanded="true" aria-controls="packages-faq-panel-6" data-accordion-trigger disabled>
Jak ustalamy terminy i sposób rozliczenia?
</button>
</h3>
<div class="accordion__panel" id="packages-faq-panel-6" role="region" aria-labelledby="packages-faq-trigger-6" aria-hidden="false" data-accordion-panel>
Szczegóły dotyczące terminów, częstotliwości spotkań i rozliczeń ustalamy przed rozpoczęciem współpracy, po omówieniu celu oraz wybranego pakietu.
</div>
</div>
</div>
</div>
</section>
<!-- Contact Section -->
<section class="section">
<div class="container">
<div class="cta-panel" data-reveal>
<div class="cta-panel__content">
<p class="eyebrow cta-panel__eyebrow">POMOGĘ CI WYBRAĆ</p>
<h2 class="section__title cta-panel__title">Nie wiesz, który pakiet będzie najlepszy?</h2>
<p class="cta-panel__description">Napisz, jaki masz cel, ile czasu możesz przeznaczyć na naukę i jakiego wsparcia potrzebujesz. Wspólnie dobierzemy odpowiedni rytm współpracy.</p>
</div>
<div class="cta-panel__actions">
<a class="button button--primary" href="/kontakt.html#formularz">Napisz do mnie</a>
<a class="button button--secondary" href="tel:+48533537091">Zadzwoń</a>
</div>
</div>
</div>
</section>
</main>
<!-- shared-shell:footer:start -->
<footer class="footer">
<div class="container footer__grid">
<section class="footer__column footer__column--brand" aria-labelledby="footer-brand-title">
<h2 class="sr-only" id="footer-brand-title">Marka</h2>
<div class="footer__brand-block">
<a class="footer__brand" href="/index.html">
<img class="footer__logo-image" src="/assets/img/logo/logo.svg" alt="" width="512" height="512" />
<span class="footer__brand-text">Lauren English</span>
</a>
<p class="footer__text">Indywidualna nauka angielskiego dopasowana do Twoich celów, poziomu i tempa. Spokojnie, konkretnie i bez chaosu.</p>
</div>
</section>
<section class="footer__column" aria-labelledby="footer-offer-title">
<h2 class="footer__title" id="footer-offer-title">Oferta</h2>
<ul class="footer__list" role="list">
<li><a href="/uslugi.html">Usługi</a></li>
<li><a href="/pakiety.html">Pakiety</a></li>
<li><a href="/materialy.html">Materiały</a></li>
<li><a href="/postepy.html">Postępy</a></li>
<li><a href="/index.html#faq">FAQ</a></li>
</ul>
</section>
<section class="footer__column" aria-labelledby="footer-information-title">
<h2 class="footer__title" id="footer-information-title">Informacje</h2>
<ul class="footer__list" role="list">
<li><a href="/index.html#about">O mnie</a></li>
<li><a href="/kontakt.html">Kontakt</a></li>
<li><a href="/polityka-prywatnosci.html">Polityka prywatności</a></li>
<li><a href="/regulamin.html">Regulamin</a></li>
<li><a href="/cookies.html">Polityka cookies</a></li>
</ul>
</section>
<section class="footer__column" aria-labelledby="footer-contact-title">
<h2 class="footer__title" id="footer-contact-title">Kontakt</h2>
<ul class="footer__list footer__list--contact" role="list">
<li>
<a class="footer__contact-link" href="tel:+48533537091">
<svg class="footer__contact-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" aria-hidden="true" focusable="false" fill="currentColor">
<!--!Font Awesome Free v7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.-->
<path d="M224.2 89C216.3 70.1 195.7 60.1 176.1 65.4L170.6 66.9C106 84.5 50.8 147.1 66.9 223.3C104 398.3 241.7 536 416.7 573.1C493 589.3 555.5 534 573.1 469.4L574.6 463.9C580 444.2 569.9 423.6 551.1 415.8L453.8 375.3C437.3 368.4 418.2 373.2 406.8 387.1L368.2 434.3C297.9 399.4 241.3 341 208.8 269.3L253 233.3C266.9 222 271.6 202.9 264.8 186.3L224.2 89z" />
</svg>
<span class="footer__contact-text">+48 533 537 091</span>
</a>
</li>
<li>
<a class="footer__contact-link" href="mailto:kontakt@kp-code.pl">
<svg class="footer__contact-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" aria-hidden="true" focusable="false" fill="currentColor">
<!--!Font Awesome Free v7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.-->
<path d="M112 128C85.5 128 64 149.5 64 176C64 191.1 71.1 205.3 83.2 214.4L291.2 370.4C308.3 383.2 331.7 383.2 348.8 370.4L556.8 214.4C568.9 205.3 576 191.1 576 176C576 149.5 554.5 128 528 128L112 128zM64 260L64 448C64 483.3 92.7 512 128 512L512 512C547.3 512 576 483.3 576 448L576 260L377.6 408.8C343.5 434.4 296.5 434.4 262.4 408.8L64 260z" />
</svg>
<span class="footer__contact-text">kontakt@kp-code.pl</span>
</a>
</li>
<li><address class="footer__address">ul. Marynarki Wojennej 12/31, 33-100 Tarnów, Polska</address></li>
</ul>
</section>
</div>
<section class="container footer__social" aria-labelledby="footer-social-title">
<h2 class="footer__social-title" id="footer-social-title">SOCIAL MEDIA</h2>
<ul class="footer__social-list" role="list">
<li>
<a class="footer__social-link" href="https://github.com/KPKrol85" target="_blank" rel="noopener noreferrer" aria-label="GitHub — KP_Code Digital Studio">
<svg class="footer__social-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true" focusable="false" fill="currentColor">
<!--!Font Awesome Free v7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.-->
<path d="M384 32c35.3 0 64 28.7 64 64l0 320c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96C0 60.7 28.7 32 64 32l320 0zM223.7 96c-88.4 0-159.7 72.2-159.7 160.6 0 69.4 44.1 126.9 103.4 148.4 8.4 3.1 16.6-2.5 16.6-10.9l0-25c-4.4 1.9-10 3.1-15 3.1-20.6 0-32.8-11.2-41.6-32.2-3.4-8.4-7.2-13.4-14.4-14.4-3.7-.3-5-1.9-5-3.8 0-3.7 6.2-6.6 12.5-6.6 9.1 0 16.9 5.6 25 17.2 6.2 9.1 12.8 13.1 20.6 13.1s12.8-2.8 20-10c5.3-5.3 9.4-10 13.1-13.1-41.3-5-70.3-34.7-70.3-73.1 0-15.6 5.6-32.5 15-43.8-4.1-10.3-3.4-32.2 1.2-41.2 12.5-1.6 29.4 5 39.4 14.1 11.9-3.7 24.4-5.6 39.7-5.6s27.8 1.9 39.1 5.3c9.7-8.8 26.9-15.3 39.4-13.8 4.4 8.4 5 30.3 .9 40.9 10 11.9 15.3 27.8 15.3 44.1 0 38.4-29.1 67.5-70.9 72.8 10.6 6.9 17.8 21.9 17.8 39.1l0 32.5c0 9.4 7.8 14.7 17.2 10.9 56.6-21.6 100.9-78.1 100.9-148.1 0-88.4-71.9-160.6-160.3-160.6z" />
</svg>
</a>
</li>
<li>
<a class="footer__social-link" href="https://www.facebook.com/kpkrol85" target="_blank" rel="noopener noreferrer" aria-label="Facebook — KP_Code Digital Studio">
<svg class="footer__social-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true" focusable="false" fill="currentColor">
<!--!Font Awesome Free v7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.-->
<path d="M64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l98.2 0 0-145.8-52.8 0 0-78.2 52.8 0 0-33.7c0-87.1 39.4-127.5 125-127.5 16.2 0 44.2 3.2 55.7 6.4l0 70.8c-6-.6-16.5-1-29.6-1-42 0-58.2 15.9-58.2 57.2l0 27.8 83.6 0-14.4 78.2-69.3 0 0 145.8 129 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32z" />
</svg>
</a>
</li>
<li>
<a class="footer__social-link" href="https://x.com/KP_Code_85" target="_blank" rel="noopener noreferrer" aria-label="X — KP_Code Digital Studio">
<svg class="footer__social-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true" focusable="false" fill="currentColor">
<!--!Font Awesome Free v7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.-->
<path d="M64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32zm297.1 84l-103.8 118.6 122.1 161.4-95.6 0-74.8-97.9-85.7 97.9-47.5 0 111-126.9-117.1-153.1 98 0 67.7 89.5 78.2-89.5 47.5 0zM323.3 367.6l-169.9-224.7-28.3 0 171.8 224.7 26.4 0z" />
</svg>
</a>
</li>
<li>
<a class="footer__social-link" href="https://www.linkedin.com/in/kp-code/" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn — KP_Code Digital Studio">
<svg class="footer__social-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true" focusable="false" fill="currentColor">
<!--!Font Awesome Free v7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.-->
<path d="M64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32zm5 170.2l66.5 0 0 213.8-66.5 0 0-213.8zm71.7-67.7a38.5 38.5 0 1 1 -77 0 38.5 38.5 0 1 1 77 0zM317.9 416l0-104c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9l0 105.8-66.4 0 0-213.8 63.7 0 0 29.2 .9 0c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9l0 117.2-66.4 0z" />
</svg>
</a>
</li>
<li>
<a class="footer__social-link" href="https://www.instagram.com/kp_code_/" target="_blank" rel="noopener noreferrer" aria-label="Instagram — KP_Code Digital Studio">
<svg class="footer__social-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true" focusable="false" fill="currentColor">
<!--!Font Awesome Free v7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.-->
<path d="M194.4 211.7a53.3 53.3 0 1 0 59.2 88.6 53.3 53.3 0 1 0 -59.2-88.6zm142.3-68.4c-5.2-5.2-11.5-9.3-18.4-12-18.1-7.1-57.6-6.8-83.1-6.5-4.1 0-7.9 .1-11.2 .1s-7.2 0-11.4-.1c-25.5-.3-64.8-.7-82.9 6.5-6.9 2.7-13.1 6.8-18.4 12s-9.3 11.5-12 18.4c-7.1 18.1-6.7 57.7-6.5 83.2 0 4.1 .1 7.9 .1 11.1s0 7-.1 11.1c-.2 25.5-.6 65.1 6.5 83.2 2.7 6.9 6.8 13.1 12 18.4s11.5 9.3 18.4 12c18.1 7.1 57.6 6.8 83.1 6.5 4.1 0 7.9-.1 11.2-.1s7.2 0 11.4 .1c25.5 .3 64.8 .7 82.9-6.5 6.9-2.7 13.1-6.8 18.4-12s9.3-11.5 12-18.4c7.2-18 6.8-57.4 6.5-83 0-4.2-.1-8.1-.1-11.4s0-7.1 .1-11.4c.3-25.5 .7-64.9-6.5-83-2.7-6.9-6.8-13.1-12-18.4l0 .2zm-67.1 44.5c18.1 12.1 30.6 30.9 34.9 52.2s-.2 43.5-12.3 61.6c-6 9-13.7 16.6-22.6 22.6s-19 10.1-29.6 12.2c-21.3 4.2-43.5-.2-61.6-12.3s-30.6-30.9-34.9-52.2 .2-43.5 12.2-61.6 30.9-30.6 52.2-34.9 43.5 .2 61.6 12.2l.1 0zm29.2-1.3c-3.1-2.1-5.6-5.1-7.1-8.6s-1.8-7.3-1.1-11.1 2.6-7.1 5.2-9.8 6.1-4.5 9.8-5.2 7.6-.4 11.1 1.1 6.5 3.9 8.6 7 3.2 6.8 3.2 10.6c0 2.5-.5 5-1.4 7.3s-2.4 4.4-4.1 6.2-3.9 3.2-6.2 4.2-4.8 1.5-7.3 1.5c-3.8 0-7.5-1.1-10.6-3.2l-.1 0zM448 96c0-35.3-28.7-64-64-64L64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320zM357 389c-18.7 18.7-41.4 24.6-67 25.9-26.4 1.5-105.6 1.5-132 0-25.6-1.3-48.3-7.2-67-25.9s-24.6-41.4-25.8-67c-1.5-26.4-1.5-105.6 0-132 1.3-25.6 7.1-48.3 25.8-67s41.5-24.6 67-25.8c26.4-1.5 105.6-1.5 132 0 25.6 1.3 48.3 7.1 67 25.8s24.6 41.4 25.8 67c1.5 26.3 1.5 105.4 0 131.9-1.3 25.6-7.1 48.3-25.8 67l0 .1z" />
</svg>
</a>
</li>
</ul>
</section>
<div class="footer__bottom">
<div class="container">
<p>© 2026 KP_Code Digital Studio | Wszelkie prawa zastrzeżone.</p>
</div>
</div>
</footer>
<!-- project-disclosure:start -->
<dialog
class="project-disclosure"
data-project-disclosure
data-project-disclosure-enabled="true"
data-project-disclosure-version="2"
data-project-disclosure-storage-key="laurenEnglishProjectDisclosure"
data-project-disclosure-routes="/index.html /uslugi.html /pakiety.html /materialy.html /postepy.html /kontakt.html"
aria-labelledby="project-disclosure-title"
aria-describedby="project-disclosure-description"
>
<div class="project-disclosure__content">
<div class="project-disclosure__intro">
<p class="eyebrow project-disclosure__eyebrow">Lauren English</p>
<h2 class="project-disclosure__title" id="project-disclosure-title">Informacja o projekcie</h2>
</div>
<p class="project-disclosure__copy" id="project-disclosure-description">Serwis „Lauren English” ma charakter demonstracyjny i został przygotowany przez KP_Code Digital Studio jako propozycja profesjonalnej strony internetowej dla nauczyciela języka angielskiego.</p>
<nav class="project-disclosure__links" aria-label="Informacje o serwisie">
<ul class="project-disclosure__link-list" role="list">
<li><a class="project-disclosure__link" href="/polityka-prywatnosci.html">Polityka prywatności</a></li>
<li><a class="project-disclosure__link" href="/regulamin.html">Regulamin</a></li>
<li><a class="project-disclosure__link" href="/kontakt.html">Kontakt</a></li>
</ul>
</nav>
<div class="project-disclosure__actions">
<button class="button button--primary" type="button" data-project-disclosure-dismiss>Przejdź do strony</button>
</div>
</div>
</dialog>
<!-- project-disclosure:end -->
<!-- shared-shell:footer:end -->
</body>
</html>