<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SPA FIRMA</title>
</head>
<body>
<!--nawigacja-->
<header role="banner">
<section id="nawigacja"></section>
<h1 style="text-align: center">Centrum Edukacji Domowej</h1>
<p style="text-align: center">WOLNOŚĆ W EDUKACJI </p>
<nav>
<ul>
<li><a href="#Edukacja">Edukacja Domowa</a></li>
<li><a href="#Nasza">Nasza misja</a></li>
<li><a href="#Rekrutacja">Rekrutacja</a></li>
<li><a href="#Masz pytania?">Masz pytania?</a></li>
<li><a href="#Kontakt">Kontakt</a></li>
</ul>
</nav>
</header>
<!-- Edukacja Domowa -->
<section id="Edukacja">
<h2 style="text-align: center">Edukacja Domowa</h2>
<p style="text-align: center">Edukacja domowa (homeschooling) to forma realizacji obowiązku szkolnego poza budynkiem szkoły, w której dziecko uczy się w domu pod nadzorem rodziców, choć formalnie jest zapisane do wybranej placówki. Rodzice sami organizują proces nauczania, dostosowując go do indywidualnych potrzeb dziecka. Dziecko musi jednak regularnie zdawać egzaminy klasyfikacyjne z poszczególnych przedmiotów, organizowane przez szkołę, do której jest zapisane. </p>
<!-- Nasza Misja -->
<section id="Nasza">
<h3 style="text-align: center">Nasza misja</h3>
<p style="text-align: center">Naszą misją jest wspieranie rodzin w edukacji domowej poprzez zapewnienie nowoczesnych, elastycznych i indywidualnie dostosowanych programów nauczania. Dążymy do tego, aby każde dziecko mogło rozwijać swoje pasje, talenty i umiejętności w bezpiecznym i inspirującym środowisku.
</p>
<!-- Obraz -->
<div style="text-align: center">
<a href="https://picsum.photos/id/17/2500/1667" target="_blank"><img src="https://picsum.photos/id/17/2500/1667" alt="landscape" width="200"
height="150"></a>
</div>
<p style="text-align: center">
Wierzymy, że edukacja domowa to nie tylko alternatywa dla tradycyjnej szkoły, ale także sposób na budowanie silnych więzi rodzinnych, kreatywności i samodzielności. Nasze centrum oferuje profesjonalne wsparcie merytoryczne, dostęp do zasobów edukacyjnych oraz społeczność, która łączy rodziców i uczniów w dążeniu do wspólnego celu – wszechstronnego rozwoju młodego człowieka.</p>
<!-- Rekrutacja -->
<section id="Rekrutacja">
<h4 style="text-align: center">Jak do nas dołączyć?</h4>
<p style="text-align: center">Zapraszamy wszystkie rodziny zainteresowane edukacją domową do dołączenia do naszego Centrum! Proces rekrutacji jest prosty i przejrzysty.
</p>
<h4 style="text-align: center">Kroki rekrutacji</h4>
<ol type="I">
<li><strong>Wypełnij formularz zgłoszeniowy:</strong></li><br>
<fieldset>
<form action="/process-contact" method="POST">
<label for="user-name">Imię i nazwisko:</label><br>
<input type="text" id="user-name" name="fullname" required placeholder="Podaj imię i nazwisko"><br>
<label for="street">Ulica i numer:</label><br>
<input type="text" id="street" name="street" required placeholder="Podaj ulicę"><br>
<label for="city">Miasto:</label><br>
<input type="text" id="city" name="city" required placeholder="Podaj miasto"><br>
<label for="postal">Kod pocztowy:</label><br>
<input type="text" id="postal" name="postal" pattern="[0-9]{2}-[0-9]{3}" required placeholder="00-000"><br>
<label for="country-select">Kraj:</label><br>
<select id="country-select" name="country" required><br>
<option value="">-- Wybierz kraj --</option> </select><br>
<label for="user-email">Email:</label><br>
<input type="email" id="user-email" name="email" required placeholder="Podaj e-mail"> <br>
<label for="phone-number">Numer telefonu:(+48)</label><br>
<input type="text" id="phone-number" name="phone"
pattern="[0-9]{9}"
placeholder="123456789" required><br>
<textarea id="message-body" name="message"
rows="6" cols="50"
placeholder="Wpisz swoją wiadomość tutaj..."
maxlength="1500" required></textarea><br>
<label>
<input type="checkbox" name="newsletter" value="yes" required>
Wyrażam zgodę na przetwarzanie moich danych osobowych (wymagane)
</label><br>
<button type="submit">Wyślij wiadomość</button>
</form>
</fieldset>
<li><strong>Zobacz jak pracujemy:</strong></li>
<p>Skontaktujemy się z Tobą, aby omówić szczegóły, odpowiedzieć na pytania i dostosować program do indywidualnych potrzeb ucznia. Wspólnie ustalimy termin dnia próbnego.</p>
<!-- Tabelka -->
<table>
<caption>Harmonogram dni próbnych</caption>
<thead>
<tr>
<th scope="col">DATA</th>
<th scope="col">KLASA </th>
<th scope="col">WYCHOWAWCA</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">15.11.2025</th>
<td>KLASA I</td>
<td>Anna Kowalska</td>
</tr>
<tr>
<th scope="row">22.11.2025</th>
<td>KLASA II</td>
<td>Piotr Wiśniewski</td>
</tr>
<tr>
<th scope="row">29.11.2025</th>
<td>KLASA III</td>
<td>Maria Lewandowska</td>
</tr>
</tbody>
</table><br>
<li><strong>Przygotuj i podpisz wymagane dokumenty:</strong></li>
<p>Przygotuj wymagane dokumenty, takie jak zgoda na edukację domową.
Po zaakceptowaniu zgłoszenia podpisujemy umowę, która formalizuje współpracę z naszym Centrum.</p>
<li><strong>Dołącz do naszej społeczności:</strong></li>
<p>Twoje dziecko może rozpocząć naukę w dogodnym dla Was terminie!</p>
</ol>
<!-- Formularz kontaktowy -->
<section id="Masz pytania?">
<h3 style="text-align: center">Masz pytania?</h3>
<p style="text-align: center">Napisz do nas, jeżeli potrzebujesz uzyskać dodatkowe informacje.
<!-- Formularz -->
<fieldset>
<legend>Napisz do nas...</legend>
<form action="/process-contact" method="POST">
<label for="user-name">Imię i nazwisko:</label> <br>
<input type="text" id="user-name" name="fullname" required> <br>
<label for="user-email">Email:</label> <br>
<input type="email" id="user-email" name="email" required> <br>
<textarea id="message-body" name="message"
rows="6" cols="50"
placeholder="Wpisz swoją wiadomość tutaj..."
maxlength="1500" required></textarea> <br>
<button type="submit">Wyślij wiadomość</button>
</form>
</fieldset>
<!-- Kontakt -->
<section id="Kontakt">
<!-- Footer z role="contentinfo" -->
<footer role="contentinfo">
<section>
<h5>Informacje kontaktowe</h5>
<address>
<strong>Centrum Edukacji Domowej</strong><br>
ul. Domowa <br>
00-001 Warszawa<br>
Telefon: <a href="tel:+48123456789">+48 123 456 789</a><br>
Email: <a href="mailto:[email protected]">[email protected]</a>
</address>
</section>
<!-- Powrót -->
<div style="text-align: center;">
<a href="#nawigacja">POWRÓT NA GÓRĘ STRONY></a>
</div>
</footer>
</body>
</html>
