ثاني

[Scayar]

<title>Contact - Boekenwinkel Sunshine</title>

<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>&copy; Boekenwinkel Sunshine</p>
</footer>