<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Do lasu - pierwsza strona w HTML5</title>
</head>
<body>
<header id="top" role="banner">
<h1>Do lasu!</h1>
<p><strong><em>Las jest naszym najlepszym przyjacielem</em></strong></p>
<nav role="navigation" aria-label="Główna nawigacja">
<ul>
<li><a href="tresc1.html" aria-current="page">Strona główna</a></li>
<li><a href="https://maps.google.com">Znajdź las w swojej okolicy</a></li>
<li><a href="obrazy1">Galeria</a></li>
<li><a href="about/index.html" title="Poznaj naszą historię">O nas</a></li>
<li><a href="#konto">Załóż konto</a></li>
<li><a href="#napisz">Napisz do nas</a></li>
</nav>
</header>
<main role="main">
<a href="https://fastly.picsum.photos/id/324/3888/2592.jpg?hmac=DZkyIS42bw6Me8jO8Q1TLdX2IGneZYRShExpmRrMiuU"><img src="https://fastly.picsum.photos/id/324/3888/2592.jpg?hmac=DZkyIS42bw6Me8jO8Q1TLdX2IGneZYRShExpmRrMiuU"
alt="Zdjęcie leśnej drogi"
style="width:640px"></a>
<p><small>Photo by <a href="https://unsplash.com/@sonjalangford?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash">Sonja Langford</a> on <a href="https://unsplash.com/photos/photo-of-forest-during-daytime-L_F8jAsRWtU?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash">Unsplash</a>
</small></p>
<section aria-labelledby="latest-articles">
<h2 id="latest-articles">Najnowsze wieści z lasu</h2>
<article>
<header>
<h3> Nowy park narodowy</h3>
<p><small><time datetime="2024-01-15">25 sierpnia 2025</time></small></p>
</header>
<p>Po dwudziestoczteroletniej przerwie powołano nowy park narodowy w Polsce.</p>
<footer>
<p> <a href="Dolina Dolnej Odry" rel="external" target="_blank" rel="noopener noreferrer">Dolina Dolnej Odry</a>
</footer>
</article>
<article>
<header>
<h3>Terapia lasem</h3>
<p><small><time datetime="2024-01-15">10 lipca 2025</time></small></p>
</header>
<p>Badania potwierdziły...</p>
<footer>
<p> <a href="https://www.sggw.edu.pl/terapia-lasem-remedium-na-obnizony-nastroj/" rel="external" target="_blank" rel="noopener noreferrer">Terapia lasem - remedium na obniżony nastrój</a>
</footer>
</article>
</section>
</main>
<a href="https://fastly.picsum.photos/id/471/3264/1824.jpg?hmac=wrWxRTsAaeDmx0UT8ArbOec4XO4z3KbAeu9ya9wOuy0"><img src="https://fastly.picsum.photos/id/471/640/357.jpg?hmac=xvEVOxhfNF1wkkypXgygluuz36S6agujetIp46CwQxo"
alt="Zdjęcie leśnej drogi"
style="width:640px"></a>
<p><small>Photo by <a href="https://unsplash.com/@brownie?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash">Patri Cimpan</a> on <a href="https://unsplash.com/photos/green-leaf-trees-in-grass-field-BSZ3nEZlJ3c?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash">Unsplash</a>
</small></p>
<aside role="complementary" aria-labelledby="sidebar-title">
<h2 id="sidebar-title">Wiedza</h2>
<h3>Przynajmniej 15 minut dziennie</h3>
<table>
<caption>Wpływ spacerów na nasze zdrowie</caption>
<thead>
<tr>
<th scope="col">CZAS</th>
<th scope="col">EFEKT</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">15 minut</th>
<td>Uspokojenie, wyciszenie</td>
</tr>
<tr>
<th scope="row">30 minut</th>
<td>Obniżenie poziomu stresu, poprawa pamięci</td>
</tr>
<tr>
<th scope="row">60 minut</th>
<td>Zmniejszona aktywność w obszarach mózgu związanych z przetwarzaniem stresu, wzmocnienie mięśni i stawów, normalizacja ciśnienia krwi, obniżenie poziomu złego cholesterolu, normalizacja poziomu cukru we krwi</td>
</tr>
</tbody>
</table>
<section>
<h3>Polska przyroda</h3>
<ul>
<li><a href="/tag/rośliny">Rośliny</a></li>
<li><a href="/tag/zwierzeta">Zwierzęta</a></li>
<li><a href="/tag/grzyby">Grzyby</a></li>
</ul>
</section>
</aside>
<footer role="contentinfo">
<section>
<h3>Kontakt</h3>
<address>
<p>Email: <a href="mailto:[email protected]">[email protected]</a></p>
<p>Telefon: <a href="tel:+48123456789">+48 123 456 789</a></p>
</address>
</section>
<section>
<h3>Media społecznościowe</h3>
<nav aria-label="Media społecznościowe">
<ul>
<li><a href="https://instagram.com/dolasu" rel="external">Instagram</a></li>
<li><a href="https://facebook.com/dolasu" rel="external">Facebook</a></li>
</ul>
</nav>
</section>
<section>
<h3 id="konto">Załóż konto</h3>
<form action="/advanced-form" method="POST">
<fieldset>
<legend><strong>Twoje konto</strong></legend>
<label for="username">Nazwa użytkownika:</label>
<input type="text" id="username" name="username"
minlength="3" maxlength="20"
pattern="[a-zA-Z0-9_]+"
title="Tylko litery, cyfry i podkreślenia"
required><br>
<label for="email">Adres email:</label>
<input type="email" id="email" name="email" required><br>
<label for="pwd">Hasło:</label>
<input type="password" id="pwd" name="password"
minlength="8" maxlength="50"
pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}"
title="Minimum 8 znaków, wielka litera, cyfra"
required><br>
<label for="age-input">Wiek:</label>
<input type="number" id="age-input" name="age"
min="18" max="120" required><br>
<label for="birthdate">Data urodzenia:</label>
<input type="date" id="birthdate" name="birthdate"
min="1920-01-01" max="2007-01-01" required>
</fieldset>
<label>
<input type="checkbox" name="newsletter" value="yes" required>
Akceptuję <a href="/tag/regulamin">regulamin </a>(wymagane)
</label>
<button type="submit">Zarejestruj się</button>
</form>
</section>
<section>
<h3 id="napisz">Napisz do nas</h3>
<label for="napisz">(10-500 znaków):</label><br>
<textarea id="message" name="message" rows="10" cols="50"
minlength="10" maxlength="500"
placeholder="Napisz coś o sobie..." ></textarea>
</section>
<a href="#top">Wróć do góry strony</a>
<p><small>© 2025 Do lasu! Wszystkie prawa zastrzeżone.</small></p>
</footer>
</body>
</html>
