kontakt.html

---
layout: moje-sablona.njk
title: Kontakt
---
<!-- Kontakt -->
<section class="contact">

  <div class="contact__grid">
    <div class="contact__grid-item">
      <h1>Kontakt</h1>

      <p>Máte-li jakýkoli dotaz ohledně vaší rezervace, neváhejte kontaktovat naše rezervační oddělení. Využít můžete buď kontaktní formulář níže na stránce nebo nám zavolejte nebo napište email.</p>

      <h2 class="contact__title">Adresa penzionu</h2>

      <p>
        <strong>Penzion u vody</strong><br>
        Ulice 42<br>
        9887 65 Městečko
      </p>

      <h2 class="contact__title">Recepce a rezervace</h2>

      <p>
        <strong>Telefon:</strong> +420 123 456 789<br>
        <strong>E-mail:</strong> <a href="mailto:penzion@uvody.cz">penzion@uvody.cz</a>
      </p>
    </div>

    <div class="contact__grid-item">

      <h2>Kontaktní formulář</h2>

      <form action="" method="post">

        <div class="form-field">
          <label for="jmeno" class="required">Jméno a příjmení</label>
          <input type="text" name="jmeno" id="jmeno" required>
        </div>

        <div class="form-field">
          <label for="email" class="required">E-mail</label>
          <input type="email" name="email" id="email" required>
        </div>

        <div class="form-field">
          <label for="telefon">Telefon</label>
          <input type="tel" name="telefon" id="telefon">
        </div>

        <div class="form-field">
          <label for="zprava" class="required">Zpráva</label>
          <textarea name="zprava" id="zprava" rows="6" required></textarea>
        </div>

        <button class="button" type="submit">Odeslat zprávu</button>

      </form>

    </div>
  </div>

</section>
<!-- konec .contact -->


<section class="map">
  <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d86108.11109072906!2d13.618535884116946!3d47.58960582362411!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4771366f6e414663%3A0x16c165596a26c1ad!2sHallstatt%2C%20Rakousko!5e0!3m2!1scs!2scz!4v1619614092892!5m2!1scs!2scz" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</section>
<!-- konec .map -->