<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Portfolio Adrianny Pytlarz, fotografki specjalizującej się w fotografii analogowej i cyfrowej. Zobacz moje prace, sprzęt i pasję.">
<meta name="author" content="Adzianna Pytlarz">
<title>Fotografia Analogowa i Cyfrowa - Portfolio (PD2)</title>
</head>
<body>
<a href="#main-content" style="position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden;">Przejdź do głównej treści</a>
<header>
<h1>Fotografia Analogowa i cyfrowa</h1>
<p>Portfolio Adrianny Pytlarz</p>
<nav aria-label="Główna nawigacja">
<ul>
<li><a href="#o-mnie" aria-current="page">O mnie</a></li>
<li><a href="#portfolio">Portfolio</a></li>
<li><a href="#sprzet">Mój sprzęt i proces</a></li>
<li><a href="#multimedia">Multimedia</a></li>
<li><a href="#kontakt">Kontakt</a></li>
</ul>
</nav>
</header>
<main id="main-content">
<section id="o-mnie">
<h2>O mnie - magia kliszy i piksela</h2>
<article>
<p>
Witaj w moim świecie! Nazywam się Adrianna i jestem pasjonatką fotografii. Łączę dwa światy: <strong>fotografię analogową</strong> i <strong>cyfrową</strong>.
</p>
<p>
Jednocześnie doceniam precyzję i elastyczność, jaką daje mi fotografia cyfrowa. Pozwala mi ona na eksperymenty i uchwycenie chwil z idealną ostrością.
</p>
<img src="images/adrianna-portret.png" alt="Zbliżenie na twarz Adrianny Pytlarz z zielonymi oczami i kroplami deszczu na skórze." width="400" height="500">
</article>
</section>
<hr>
<section id="portfolio">
<h2>Portfolio</h2>
<article>
<h3>Portret w czerni i bieli</h3>
<p>Zdjęcie wykonane aparatem średnioformatowym na filmie Fotopan 400.</p>
<a href="images/portret-bw-golebie.png" target="_blank" title="Zobacz powiększenie zdjęcia 'Portret w czerni i bieli'">
<img src="images/portret-bw-golebie.png" alt="Czarno-białe zdjęcie kobiety stojącej w alei, otoczonej przez lecące gołębie." width="300" height="375">
</a>
</article>
<article>
<h3>Portret miejski</h3>
<p>Mój autoportret w kolorze, wykonany aparatem cyfrowym w plenerze miejskim.</p>
<a href="images/portret-miejski-neon.png" target="_blank" title="Zobacz powiększenie zdjęcia 'Portret miejski'">
<img src="images/portret-miejski-neon.png" alt="Kolorowy autoportret kobiety w okularach na tle rozmytych, neonowych świateł miasta w nocy." width="300" height="450">
</a>
</article>
</section>
<hr>
<section id="sprzet">
<h2>Mój sprzęt i proces</h2>
<p>W fotografii narzędzia mają duszę. Oto czego używam najczęściej:</p>
<dl>
<dt>Canon AE-1 Program</dt>
<dd>Mój wierny towarzysz, klasyczny aparat SLR na film 35mm. Idealny do fotografii ulicznej i portretów.</dd>
<dt>Chinon CM-5</dt>
<dd>Średnioformatowy aparat, który daje niesamowitą jakość i obraz.</dd>
<dt>Sony HX300</dt>
<dd>Mój aparat cyfrowy typu bridge. Niezwykle wszechstronny, idealny do uchwycenia detali z daleka dzięki potężnemu zoomowi.</dd>
</dl>
<table>
<caption>Przykładowy cennik filmów analogowych</caption>
<thead>
<tr>
<th scope="col">Nazwa Filmu</th>
<th scope="col">Typ</th>
<th scope="col">Format</th>
<th scope="col">Przykładowa cena</th>
</tr>
</thead>
<tbody>
<tr>
<td>Kodak Portra 400</td>
<td>Kolorowy negatyw</td>
<td>35mm</td>
<td>75 PLN</td>
</tr>
<tr>
<td>Ilford HP5+</td>
<td>Czarno-biały negatyw</td>
<td>35mm</td>
<td>40 PLN</td>
</tr>
<tr>
<td>Cinestill 800T</td>
<td>Kolorowy negatyw (do sztucznego światła)</td>
<td>35mm</td>
<td>85 PLN</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="4">Ceny są orientacyjne i mogą ulec zmianie.</td>
</tr>
</tfoot>
</table>
</section>
<hr>
<section id="multimedia">
<h2>Multimedia</h2>
<article>
<h3>Proces wywoływania filmu w mojej ciemni</h3>
<video controls width="640" height="360">
<source src="media/wykonywanie-odbitek.mp4" type="video/mp4">
Twoja przeglądarka nie obsługuje odtwarzania wideo.
</video>
</article>
<article>
<h3>Podcast: Analog vs Cyfra - moje przemyślenia</h3>
<audio controls style="width:100%;">
<source src="media/podcast.mp3" type="audio/mpeg">
Twoja przeglądarka nie obsługuje odtwarzania audio.
</audio>
</article>
</section>
<hr>
<section id="kontakt">
<h2>Kontakt</h2>
<p>Chcesz nawiązać współpracę lub po prostu porozmawiać o fotografii? Zapraszam!</p>
<p>
Adrianna Pytlarz<br>
Email: <a href="mailto:[email protected]">[email protected]</a><br>
Telefon: <a href="tel:+48123456789">+48 123 456 789</a>
</p>
<hr>
<h3>Formularz zamówienia / kontaktu</h3>
<p>Wypełnij formularz, aby zamówić odbitki lub zadać pytanie.</p>
<form action="/formularz-kontaktowy" method="POST">
<fieldset>
<legend>Dane Osobowe</legend>
<div>
<label for="imie">Imię:</label>
<input type="text" id="imie" name="imie_uzytkownika" required autofocus>
</div>
<div>
<label for="nazwisko">Nazwisko:</label>
<input type="text" id="nazwisko" name="nazwisko_uzytkownika" required>
</div>
<div>
<label for="email">Adres e-mail:</label>
<input type="email" id="email" name="email_uzytkownika" required placeholder="np. [email protected]">
</div>
<div>
<label for="telefon">Numer telefonu:</label>
<input type="tel" id="telefon" name="telefon_uzytkownika" placeholder="np. +48 123 456 789">
</div>
</fieldset>
<fieldset>
<legend>Dane Adresowe (do wysyłki)</legend>
<div>
<label for="ulica">Ulica:</label>
<input type="text" id="ulica" name="adres_ulica">
</div>
<div>
<label for="nr_domu">Nr domu / mieszkania:</label>
<input type="text" id="nr_domu" name="adres_nr_domu">
</div>
<div>
<label for="kod_pocztowy">Kod pocztowy:</label>
<input type="text" id="kod_pocztowy" name="adres_kod" pattern="[0-9]{2}-[0-9]{3}" placeholder="np. 00-001">
</div>
<div>
<label for="miejscowosc">Miejscowość:</label>
<input type="text" id="miejscowosc" name="adres_miejscowosc">
</div>
<div>
<label for="kraj">Kraj:</label>
<select id="kraj" name="adres_kraj">
<option value="PL" selected>Polska</option>
<option value="DE">Niemcy</option>
<option value="CZ">Czechy</option>
<option value="INNY">Inny</option>
</select>
</div>
</fieldset>
<fieldset>
<legend>Twoja Wiadomość</legend>
<div>
<label for="wiadomosc">Treść wiadomości:</label><br>
<textarea id="wiadomosc" name="tresc_wiadomosci" rows="5" cols="50" placeholder="Wpisz tutaj swoje pytanie lub szczegóły zamówienia..."></textarea>
</div>
</fieldset>
<fieldset>
<legend>Zgody</legend>
<div>
<input type="checkbox" id="zgoda_rodo" name="zgoda_rodo" value="tak" required>
<label for="zgoda_rodo">Akceptuję politykę prywatności i zgadzam się na przetwarzanie danych (wymagane).</label>
</div>
</fieldset>
<button type="submit">Wyślij formularz</button>
</form>
</section>
</main>
<footer>
<nav aria-label="Media społecznościowe">
<ul>
<li><a href="https://instagram.com" target="_blank">Instagram</a></li>
<li><a href="https://facebook.com" target="_blank">Facebook</a></li>
</ul>
</nav>
<p>© 2025 Adrianna Pytlarz. Wszystkie prawa zastrzeżone.</p>
</footer>
</body>
</html>
