con

[Scayar]

<title>Contact - Boekenwinkel Sunshine</title>

Boekenwinkel Sunshine

• Hoofdscherm
• Contact

<main>
  <section class="contact-info">
    <h2>Contactgegevens</h2>
    <address>
      Boekenwinkel Sunshine<br>
      Kalverstraat 1<br>
      1012 NX Amsterdam
    </address>
    <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>