templates/front/contact/contact.html.twig line 1

Open in your IDE?
  1. {% extends 'base_front.html.twig' %}
  3. {% block body %}
  5.     <section id="contact">
  6.         <div class="container-right container-video position-relative bg-black-transparent p-5">
  7.             <h2 class="black mb-3">Contact<br><span>us</span></h2>
  9.             <div class="header-contact mt-5">
  10.                 <div class="row justify-content-between">
  11.                     <div class="col-lg-12 col-xl-5 col-xl-5 contact-map">
  12.                         <img src="https://fakeimg.pl/350x200/?text=Hello">
  13.                     </div>
  14.                     <div class="col-lg-12 col-xl-7 col-xl-7 contact-form">
  15.                         <h3 class="black">By email</h3>
  16.                         <form id="contactForm" class="mt-3">
  17.                             <div class="row">
  18.                                 <div class="col-md-6">
  19.                                     <input type="text" name="name" class="input" placeholder="Full name *">
  20.                                     <input type="text" name="phone" class="input" placeholder="Phone *">
  21.                                     <input type="text" name="email" class="input" placeholder="Email *">
  22.                                     <input type="text" name="company" class="input" placeholder="Company *">
  23.                                     <div class="checkbox mt-2">
  24.                                         <input type="checkbox" name="privacy_policy" id="privacyPolicy" required>
  25.                                         <label for="privacyPolicy">* Accept privacy policy</label>
  26.                                     </div>
  27.                                     <div class="checkbox">
  28.                                         <input type="checkbox" name="novelties" id="novelties">
  29.                                         <label for="novelties">I want to stay updated on the latest novelties</label>
  30.                                     </div>
  31.                                 </div>
  32.                                 <div class="col-md-6">
  33.                                     <textarea placeholder="Message *" name="message"></textarea>
  34.                                     <button type="submit" class="blue-link mt-2"><span>Send</span></button>
  35.                                 </div>
  36.                             </div>
  37.                         </form>
  38.                     </div>
  39.                 </div>
  40.             </div>
  41.         </div>
  42.     </section>
  44.     <section class="newsletter">
  45.         <div class="container-right pb-5 pt-5">
  46.             <div class="col-md-12 col-lg-10 col-xl-5 m-auto">
  47.                 <h2 class="black mb-5">don’t miss anything <br>by subscribing to <br><span>our newsletter</span></h2>
  48.                 <form id="newsletterForm" class="d-flex">
  49.                     <input type="email" placeholder="Your email" name="email_newsletter" required>
  50.                     <button type="submit"><img src="{{ asset('img/icons/send.svg') }}"></button>
  51.                 </form>
  52.             </div>
  53.         </div>
  54.     </section>
  56.     <section id="location">
  57.         <div class="container-right container-video position-relative p-5">
  58.                 <div class="col-md-5">
  59.                     <h2 class="black mb-3">Our<br><span>location</span></h2>
  60.                 </div>
  61.                 <div class="col-lg-12 col-xl-10 row">
  63.                     <div class="col-lg-12 col-xl-5">
  64.                         <div class="location-official-dealer border-right mt-4">
  65.                             <img src="{{ asset('img/flag-northern-europe.svg') }}" alt="Official dealer northern europe">
  66.                             <h5 class="black font-weight-bold mt-3">Official Dealer Northern Europe</h5>
  67.                             <p>Mauro Service (Lux) S.A.,<br>
  68.                                 L-4989 Sanem
  69.                             </p>
  70.                             <div class="icons-contact">
  71.                                 <a href="#" class="mr-2"><img src="{{ asset('img/icons/icon_blue_phone_rounded.svg') }}"></a>
  72.                                 <a href="#"><img src="{{ asset('img/icons/icon_blue_email_rounded.svg') }}"></a>
  73.                             </div>
  74.                         </div>
  75.                     </div>
  76.                     <div class="col-lg-6 col-xl-3 ml-5">
  77.                         <div class="location-official-dealer mt-4">
  78.                             <img src="{{ asset('img/flag-italy.svg') }}" alt="Official dealer northern europe">
  79.                             <h5 class="black font-weight-bold mt-3">Registered Office</h5>
  80.                             <p>Via Enrico Fermi,<br>
  81.                                 3/A 25050 - Zanica (BG)
  82.                             </p>
  83.                             <div class="icons-contact">
  84.                                 <a href="#" class="mr-2"><img src="{{ asset('img/icons/icon_blue_phone_rounded.svg') }}"></a>
  85.                                 <a href="#"><img src="{{ asset('img/icons/icon_blue_email_rounded.svg') }}"></a>
  86.                             </div>
  87.                         </div>
  88.                     </div>
  89.                     <div class="col-lg-6 col-xl-3">
  90.                         <div class="location-official-dealer mt-4">
  91.                             <img src="{{ asset('img/flag-italy.svg') }}" alt="Official dealer northern europe" style="opacity:0;">
  92.                             <h5 class="black font-weight-bold mt-3">Administrative Office</h5>
  93.                             <p>Via Fiume Pò,<br>
  94.                                 215 24040 - Stezzano (BG)
  95.                             </p>
  96.                             <div class="icons-contact">
  97.                                 <a href="#" class="mr-2"><img src="{{ asset('img/icons/icon_blue_phone_rounded.svg') }}"></a>
  98.                                 <a href="#"><img src="{{ asset('img/icons/icon_blue_email_rounded.svg') }}"></a>
  99.                             </div>
  100.                         </div>
  101.                     </div>
  102.                 </div>
  103.         </div>
  104.     </section>
  106. {% endblock %}