<header>
<h1>Boekenwinkel Sunshine</h1>
<nav>
<ul>
<li><a href="index.html">Hoofdscherm</a></li>
<li><a href="contact.html" class="active">Contact</a></li>
</ul>
</nav>
</header>
<main class="contact-page">
<section class="contact-info">
<h2>Contactgegevens</h2>
<ul class="adres-lijst">
<li>Boekenwinkel Sunshine</li>
<li>Kalverstraat 1</li>
<li>1012 NX Amsterdam</li>
</ul>
<p>We zien u graag in onze fysieke winkel.</p>
<p>* = verplichte velden.</p>
</section>
<section class="contact-form">
<form action="#" method="post">
<label for="naam">Naam: *</label>
<input type="text" id="naam" name="naam" required>
<label for="email">E-mailadres: *</label>
<input type="email" id="email" name="email" required>
<label for="telefoon">Telefoonnummer: *</label>
<input type="tel" id="telefoon" name="telefoon" required>
<fieldset>
<legend>Waarover gaat uw vraag? *</legend>
<label>
<input type="radio" name="vraag" value="bestelling" required> Bestelling
</label><br>
<label>
<input type="radio" name="vraag" value="informatie"> Informatie
</label><br>
<label>
<input type="radio" name="vraag" value="klacht"> Klacht
</label>
</fieldset>
<button type="submit">Verzenden</button>
</form>
</section>
</main>
<footer>
<p>© Boekenwinkel Sunshine</p>
</footer>