templates/contact/contact.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Contactez votre agence de communication - Pixelsior{% endblock %}
  5. {% block metas %}
  6.     <meta name="title" content="Contactez votre agence de communication - Pixelsior">
  7.     <meta name="description" content="Contactez Pixelsior, votre agence de communication digitale en France pour toute demande d'informations ou devis.">
  8. {% endblock %}
  10. {% block stylesheets %}
  11.     {{ parent() }}
  12. {% endblock %}
  14. {% block body %}
  15.     {% include '/partials/header.html.twig' with {'header_theme': 'dark', 'current_page':'contact'} %}
  16.     <!-- Main Content -->
  17.     <main class="main-content">
  18.         <div class="tm-section contact-area tm-padding-section bg-white">
  19.             <div class="container position-relative">
  20.                 <img class="leaf leaf-3" src="{{ asset('assets/images/webp/leaf-3.webp') }}" alt="Feuille n°3">
  21.                 <img class="leaf leaf-2" src="{{ asset('assets/images/webp/leaf-2.webp') }}" alt="Feuille n°2">
  22.                 <img class="leaf leaf-1" src="{{ asset('assets/images/webp/leaf-1.webp') }}" alt="Feuille n°1">
  24.                 <div class="row">
  25.                     <div class="col-lg-6">
  26.                         <img class="subservice-illustration" src="{{ asset('assets/images/webp/pixelsior-avatar-8.webp') }}" alt="Pixelsior avatar">
  27.                     </div>
  28.                     <div class="col-lg-6 pt-lg-5">
  29.                         <h1>Contactez-nous</h1>
  30.                         <p>Un ou plusieurs de nos services vous intéresse, vous avez besoin de conseils? Laissez-nous vos coordonnées, nous reviendrons vers vous le plus vite possible </p>
  31.                         <h2>Elaborons votre stratégie marketing avec Pixelsior !</h2>
  32.                           {% for label, messages in app.flashes %}
  33.                             {% for message in messages %}
  34.                                 <div class="alert alert-{{ label }} mb-2">
  35.                                     {{ message | raw }}
  36.                                 </div>
  37.                             {% endfor %}
  38.                         {% endfor %}
  39.                         {{form_start(form)}}
  40.                             <div class="mb-3">
  41.                                 {{form_label(form.name)}}
  42.                                 {{form_widget(form.name,{ 'attr': {'class': 'form-control'} })}}
  43.                                 {{form_errors(form.name)}}
  44.                             </div>
  45.                             <div class="mb-3">
  46.                                 {{form_label(form.email)}}
  47.                                 {{form_widget(form.email,{ 'attr': {'class': 'form-control'} })}}
  48.                                 {{form_errors(form.email)}}
  49.                             </div>
  50.                             <div class="mb-3">
  51.                                 {{form_label(form.phoneNumber)}}
  52.                                 {{form_widget(form.phoneNumber,{ 'attr': {'class': 'form-control'} })}}
  53.                                 {{form_errors(form.phoneNumber)}}
  54.                             </div>
  55.                             <div class="mb-3">
  56.                                 {{form_label(form.subject)}}
  57.                                 {{form_widget(form.subject,{ 'attr': {'class': 'form-control'} })}}
  58.                                 {{form_errors(form.subject)}}
  59.                             </div>
  60.                             <div class="mb-3">
  61.                                 {{form_label(form.message)}}
  62.                                 {{form_widget(form.message, {'attr': {'class': 'form-control'}})}}
  63.                                 {{form_errors(form.message)}}
  64.                                 
  65.                             </div>
  66.                             <div class="mb-3">
  67.                                 <div class="g-recaptcha" data-sitekey="{{ google_recaptcha_site_key }}"></div>
  68.                             </div>
  69.                             <button type="submit" class="float-end tm-button tm-button-yellow button-y mt-3">Envoyer</button>
  70.                         {{form_end(form)}}
  71.                     </div>
  72.                     
  73.                 </div>
  74.             </div>
  75.         </div>
  77.         
  78.         {% include '/partials/contact_us.html.twig' %}
  80.     </main>
  81.     <!--// Main Content -->
  82.    
  83. {% endblock %}
  85. {% block javascripts %}
  86.     {{ parent() }}
  87.     <script src="https://www.google.com/recaptcha/api.js" async defer></script>
  88. {% endblock %}