<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<title>Nasz zespół</title>
<link rel="stylesheet" href="css/styl.css">
<script src="js/script.js" defer></script>
</head>
<body>
<header>
<div class="banner">
<img src="images/logo.png" alt="logo firmy" class="logo">
<h1>Nasz zespół</h1>
</div>
</header>
<main>
<div class="container">
<!-- Employee 1 -->
<div class="card">
<img src="images/osoba1.jpg" alt="Krzysztof Dobromilski">
<h2>Krzysztof Dobromilski</h2>
<h3>Dyrektor</h3>
<p>Firma logistyczna była jego marzeniem. Zrealizował je 10 lat temu. Nasza firma prosperuje dzięki Krzysztofowi.</p>
<p>Telefon: 111223333</p>
<h5><a href="mailto:
[email protected]">Kontakt</a></h5>
</div>
<!-- Employee 2 -->
<div class="card">
<img src="images/osoba2.jpg" alt="Joanna Trojanowska">
<h2>Joanna Trojanowska</h2>
<h3>Kierownik logistyków</h3>
<p>Od początku firmy z nami. Wie jak zorganizować pracę swoich logistyków aby wszystko było na czas.</p>
<p>Telefon: 222333444</p>
<h5><a href="mailto:
[email protected]">Kontakt</a></h5>
</div>
<!-- Employee 3 -->
<div class="card">
<img src="images/osoba3.jpg" alt="Ewa Nowak">
<h2>Ewa Nowak</h2>
<h3>Księgowość i kadry</h3>
<p>Od lat finanse powierzamy niezawodnej Ewie. Twardą ręką trzyma kasę i dba o wszystkich pracowników.</p>
<p>Telefon: 333444555</p>
<h5><a href="mailto:
[email protected]">Kontakt</a></h5>
</div>
</div>
</main>
<aside>
<blockquote onclick="toggleQuote(1)">„Cytat 1” - Jan Kowalski</blockquote>
<blockquote onclick="toggleQuote(2)" style="display:none;">„Cytat 2” - Anna Nowak</blockquote>
<blockquote onclick="toggleQuote(3)" style="display:none;">„Cytat 3” - Marek Zieliński</blockquote>
</aside>
<footer>
<p>Stronę wykonał: 123456789</p>
</footer>
</body>
</html>