templates/contact.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Contact{% endblock %}
  5. {% block body %}
  7.     {% set headerContent = content('Contact', 'Header') %}
  9.     {% if headerContent.picture is defined and headerContent.picture is not empty %}
  10.         {% set backgroundImage = headerContent.picture[0].path %}
  11.     {% else %}
  12.         {% set backgroundImage = 'empty' %}
  13.     {% endif %}
  14.     <header class="header-tracol header-contact col-lg-8 mx-auto" style="background-image: url({% if backgroundImage != 'empty' %}'/uploads/images/{{ backgroundImage }}'{% else %}{{ asset('img/map_tracol.png') }}{% endif %});background-size:cover;">
  15.         <div class="container-fluid">
  16.             <div class="col-lg-8 mx-auto div-svg-header">
  17.                 <div class="header-habiter-div">
  18.                 </div>
  19.             </div>
  20.         </div>
  21.     </header>
  23. <div class="container-fluid" style="margin-top: 60px; margin-bottom: 80px">
  24.     {% set contactContent = content('Contact', 'Section-1') %}
  25.         <div class="col-lg-8 mx-auto div-svg-header pre-section">
  26.             <div class="col-lg-4" style="font-size: 2.3em;display: flex;flex-direction: column;margin-left: 10px;">
  27.                 <svg xmlns="http://www.w3.org/2000/svg" width="9.089" height="14.77" viewBox="0 0 9.089 14.77">
  28.                     <path id="Tracé_76" data-name="Tracé 76" d="M682.759,232.441h-9.089v14.77l9.089-1.931Z" transform="translate(-673.669 -232.441)" fill="#f6a400"/>
  29.                 </svg>
  30.                 <h1 class="project-title contact">{% if contactContent.name is defined %}{{ contactContent.name }}{% else %}Contactez-nous{% endif %}</h1>
  31.             </div>
  32.             {% if contactContent.content is defined %}
  33.                 <div class="separator"></div>
  34.                 <div class="col-lg-6 pre-section-content">
  35.                     {{ contactContent.content|raw }}
  36.                 </div>
  37.             {% endif %}
  38.         </div>
  41.     {{ form_start(form) }}
  42.     <div id="div-form-contact" class="form-group col-lg-8 mx-auto" style="display: flex;">
  43.         <div class="col-lg-5" style="display: flex; flex-direction: column; margin-right: 50px">
  44.             <div class="form-material floating contact">
  45.                 {{ form_widget(form.name, {'attr': { 'class':'form-control', 'placeholder': 'Nom*'}}) }}
  46.                 {{ form_errors(form.name) }}
  47.             </div>
  48.             <div class="form-material floating contact">
  49.                 {{ form_widget(form.firstname, {'attr': { 'class':'form-control', 'placeholder': 'Prénom*'}}) }}
  50.                 {{ form_errors(form.firstname) }}
  51.             </div>
  52.             <div class="form-material floating contact">
  53.                 {{ form_widget(form.mail, {'attr': { 'class':'form-control', 'placeholder': 'Mail*'}}) }}
  54.                 {{ form_errors(form.mail) }}
  55.             </div>
  56.             <div class="form-material floating contact">
  57.                 {{ form_widget(form.phone, {'attr': { 'class':'form-control', 'placeholder': 'Téléphone*'}}) }}
  58.                 {{ form_errors(form.phone) }}
  59.             </div>
  60.             <div class="form-material floating contact">
  61.                 {{ form_widget(form.file, {'attr': { 'class':'form-control file-select', 'placeholder': 'Joindre un fichier &nbsp (.doc, .pdf, .jpeg / max. 5mo) '}}) }}
  62.                 {{ form_errors(form.file) }}
  63.             </div>
  64.         </div>
  65.         <div class="col-lg-6" style="display: flex; flex-direction: column">
  66.             <div class="form-material floating contact selectdiv">
  67.                 {{ form_widget(form.object, {'attr': { 'class':'form-control'}}) }}
  68.                 {{ form_errors(form.object) }}
  69.             </div>
  70.             <div class="form-material floating contact">
  71.                 {{ form_widget(form.message, {'attr': { 'class':'form-control'}}) }}
  72.                 {{ form_errors(form.message) }}
  73.             </div>
  74.         </div>
  75.         <div class="col-md-1">
  76.             <div class="submit-contact-button btn-contact">
  77.                 <div>
  78.                     <button id="login_user" class="col-lg-12 offset-lg-4btn btn-primary" type="submit" style="background-color: #f6a400; border-color: #f6a400;">
  79.                         <?xml version="1.0" encoding="UTF-8"?>
  80.                         <svg id="SVGDoc" width="19" height="15" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:avocode="https://avocode.com/" viewBox="0 0 19 15"><defs></defs><desc>Generated with Avocode.</desc><g><g transform="rotate(90 9.5 7.5)"><title>np_arrow-up_888648_000000</title><path d="M16.10552,5.28141v0l-6.60555,-6.60459v0l-6.60554,6.60459v0l1.3808,1.3808v0l4.23854,-4.23949v0v13.90055v0h1.97232v0v-13.90055v0l4.23855,4.23949v0z" fill="#ffffff" fill-opacity="1"></path></g></g></svg>
  81.                     </button>
  82.                 </div>
  83.             </div>
  84.         </div>
  85.         
  86.         {{ form_end(form) }}
  87.     </div>
  88. </div>
  89.     {% endblock %}