templates/front/blocks/block-contact.twig line 1

Open in your IDE?
  1. {% set settings = get_settings_data() %}
  2. <section class="parent-container bar text-center py-90" style="background-color: #5da73c">
  3.     <div class="container">
  4.         <h1 class="f-48 b-900 text-uppercase mb-0 text-white">Kontakt</h1>
  5.     </div>
  6. </section>
  7. <section class="parent-container container-fluid py-5 ps-md-5">
  8.     <div class="row">
  9.         <div class="col-md-6 col-xl-5 pe-5 mb-5 mb-md-0">
  10.             <h2 class="f-36 fw-bold">Napisz do nas</h2>
  11.             <form method="POST" action="{{ path('contact-request-post') }}">
  12.                 <input type="text" name="firstname" placeholder="Imię" class="firstname">
  13.                 <div class="row">
  14.                     <div class="col-5 my-3">
  15.                         <input type="text" name="name" placeholder="imię i nazwisko" class="border-bottom ps-2" required>
  16.                     </div>
  17.                     <div class="col-5 my-3">
  18.                         <input type="text" name="email" placeholder="adres e-mail" class="border-bottom ps-2" required>
  19.                     </div>
  20.                     <div class="col-5 my-3">
  21.                         <input type="text" name="phone" placeholder="numer telefonu" class="border-bottom ps-2">
  22.                     </div>
  23.                     <div class="col-12 my-3">
  24.                         <textarea type="text" name="message" placeholder="treść wiadomości" class="border-0 border-bottom w-100 ps-2" rows="10" required></textarea>
  25.                     </div>
  26.                     <div class="text-end">
  27.                         <button class="btn btn-secondary" type="submit">wyślij</button>
  28.                     </div>
  29.                 </div>
  30.             </form>
  31.         </div>
  32.         <div class="col-md-5 col-xl-3">
  33.             <h2 class="f-36 fw-bold">Dane kontaktowe</h2>
  34.             <div class="col-12 contact f-24 mt-5 text-start">
  35.                 <div class="row justify-content-start">
  36.                     <div class="col-auto d-flex align-items-center">
  37.                         <a href="tel:{{ settings.phone|default('42 307 02 01') }}" class="icon"><img src="{{ asset('assets/img/phone.svg') }}" alt="" class=""></a>
  38.                     </div>
  39.                     <div class="col-auto">
  40.                         <a href="tel:{{ settings.phone|default('42 307 02 01') }}">{{ settings.phone|default('42 307 02 01') }}</a>
  41.                     </div>
  42.                 </div>
  43.                 <div class="row justify-content-start">
  44.                     <div class="col-auto d-flex align-items-center">
  45.                         <a href="mailto:{{ settings.email|default('biuro@hfood.pl') }}" class="icon">
  46.                             <img src="{{ asset('assets/img/mail.svg') }}" alt="" class="icon"></a>
  47.                     </div>
  48.                     <div class="col-auto">
  49.                         <a href="mailto:{{ settings.email|default('biuro@hfood.pl') }}">{{ settings.email|default('biuro@hfood.pl') }}</a>
  50.                     </div>
  51.                 </div>
  52.                 <div class="mt-5 mb-4">
  53.                     <p class="f-24">Biuro Obsługi Klienta:</p>
  54.                     <p class="f-24">pn - pt, {{ settings.pnPt|default('7:00 - 17:00') }}</p>
  55.                     <p class="f-24">nd, {{ settings.nd|default('8:00 - 14:00') }}</p>
  56.                 </div>
  57.                 <div>
  58.                     <p class="f-24">{{ settings.addressFirstLine|default('3 maja 64/66') }}</p>
  59.                     <p class="f-24">{{ settings.addressSecondLine|default('93-408 Łódź') }}</p>
  60.                 </div>
  61.             </div>
  62.         </div>
  63.         <div class="col-12 col-xl-4 contact-img pe-0 fadeInRight wow">
  64.             <img src="{{ (asset('assets/img/contact.png'))|imagine_filter('full') }}" alt="" class="rotate-180 w-100">
  66.         </div>
  67.     </div>
  68. </section>