templates/frontend/template/contact.html.twig line 1

  1. {% extends "frontend/base.html.twig" %}
  2. {% import "frontend/_macros.twig" as macros %}
  4. {% block title %}{{ page.title }}{% endblock %}
  6. {% block body %}
  8. <div class="page-wrapper">
  9.     <div class="row row-2">
  10.         <div class="column left">
  11.             <div class="left-content">
  12.                 <h2>Máte dotaz nebo se chcete domluvit na konzultaci?</h2>
  14.                 <form action="{{ app_endpoint('form') }}" method="post" class="form form-quarters form-has-file-upload" enctype="multipart/form-data" data-use-js="true">
  15.                     <input type="hidden" name="object_type" value="page">
  16.                     <input type="hidden" name="object_name" value="{{ page.name }}">
  18.                     <div class="form-field">
  19.                         <label for="full-name">Jméno a příjmení</label>
  20.                         <input type="text" name="full_name" id="full-name" placeholder="Jméno a příjmení" required>
  21.                     </div>
  22.                     <div class="form-field form-field-half">
  23.                         <label for="email">Email</label>
  24.                         <input type="email" name="email" id="email" placeholder="Email" required>
  25.                     </div>
  26.                     <div class="form-field form-field-half">
  27.                         <label for="phone">Telefon</label>
  28.                         <input type="text" name="phone" id="phone" placeholder="Telefon">
  29.                     </div>
  30.                     <div class="form-field form-field-three-quarters">
  31.                         <label for="message">Váš dotaz</label>
  32.                         <textarea name="message" id="message" rows="3" placeholder="Váš dotaz" required></textarea>
  33.                     </div>
  34.                     <div class="form-field form-field-quarter">
  35.                         <button type="button" class="form-file-upload" data-input="attachment"><span>Připojit soubor</span></button>
  36.                         <input type="file" name="attachment" class="form-hidden">
  37.                     </div>
  39.                     <div class="form-buttons">
  40.                         <button type="submit" class="button button-submit"><span>Odeslat</span></button>
  41.                         <p class="notice">Tato stránka je chráněna pomocí reCAPTCHA a <a href="{{ app_url('page', { name: 'protection-of-personal-data' }) }}" target="_blank">zásadami zpracování a ochrany osobních údajů</a>.</p>
  42.                     </div>
  44.                     {{ app_form_recaptcha() }}
  45.                 </form>
  46.             </div>
  47.         </div>
  48.         <div class="column right">
  49.             <div class="right-background">
  50.                 {{ app_static_image_html('img/contact/background.jpg') }}
  51.             </div>
  53.             <div class="right-content">
  54.                 <ul class="list list-checkmarks">
  55.                     <li class="list-item">Jsme autorizovaný prodejce vozů Audi, VW a užitkových vozů VW.</li>
  56.                     <li class="list-item">Provádíme autorizovaný servis.</li>
  57.                 </ul>
  59.                 <div class="contact-items">
  60.                     <div class="contact-item">
  61.                         <span class="contact-item-title">Telefonní číslo</span>
  62.                         <span><a href="tel:+420272084111">+420 272 084 111</a></span>
  63.                     </div>
  64.                     <div class="contact-item">
  65.                         <span class="contact-item-title">E-mail:</span>
  66.                         <span><a href="mailto:isr@auto-isr.cz">isr@auto-isr.cz</a></span>
  67.                     </div>
  68.                     <div class="contact-item">
  69.                         <span class="contact-item-title">Po - Pá:</span>
  70.                         <span>08:00 - 18:00</span>
  71.                     </div>
  72.                     <div class="contact-item">
  73.                         <span class="contact-item-title">Adresa:</span>
  74.                         <span>V Oblouku 121, 251 01 Čestlice</span>
  75.                     </div>
  76.                     <div class="contact-item contact-item-full">
  77.                         <span class="contact-item-title">Jak se k nám dostanete?</span>
  78.                         <span><a href="https://www.google.com/maps/dir//auto+I.S.R.+a.s.,+V+Oblouku+121,+251+01+Čestlice/@50.0049209,14.5698298,17z/" target="_blank" class="button button-medium button-map"><span>Naplánovat trasu</span></a></span>
  79.                     </div>
  80.                 </div>
  81.             </div>
  82.         </div>
  83.     </div>
  85.     <div class="page-part-bottom">
  86.         {{ app_static_image_html('img/homepage/contact/map.jpg') }}
  88.         <div class="floating-content">
  89.             <a href="https://goo.gl/maps/A8u2ddZxKkssR5wB9" class="button button-primary button-map-left" target="_blank"><span>Auto I.S.R.</span></a>
  90.         </div>
  91.     </div>
  92. </div>
  95. {% endblock %}