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/header_contact.jpg') }}{% endif %});">
  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.             <div class="separator"></div>
  33.             <div class="col-lg-6 pre-section-content">
  34.                 {% if contactContent.content is defined %}{{ contactContent.content|raw }}{% endif %}
  35.             </div>
  36.         </div>
  39.     {{ form_start(form) }}
  40.     <div id="div-form-contact" class="form-group col-lg-8 mx-auto" style="display: flex;">
  41.         <div class="col-lg-5" style="display: flex; flex-direction: column; margin-right: 50px">
  42.             <div class="form-material floating contact">
  43.                 {{ form_widget(form.name, {'attr': { 'class':'form-control', 'placeholder': 'Nom*'}}) }}
  44.                 {{ form_errors(form.name) }}
  45.             </div>
  46.             <div class="form-material floating contact">
  47.                 {{ form_widget(form.firstname, {'attr': { 'class':'form-control', 'placeholder': 'Prénom'}}) }}
  48.                 {{ form_errors(form.firstname) }}
  49.             </div>
  50.             <div class="form-material floating contact">
  51.                 {{ form_widget(form.mail, {'attr': { 'class':'form-control', 'placeholder': 'Mail*'}}) }}
  52.                 {{ form_errors(form.mail) }}
  53.             </div>
  54.             <div class="form-material floating contact">
  55.                 {{ form_widget(form.phone, {'attr': { 'class':'form-control', 'placeholder': 'Téléphone'}}) }}
  56.                 {{ form_errors(form.phone) }}
  57.             </div>
  58.             <div class="form-material floating contact">
  59.                 {{ form_widget(form.file, {'attr': { 'class':'form-control file-select', 'placeholder': 'Joindre un fichier &nbsp (.doc, .pdf, .jpeg / max. 5mo) '}}) }}
  60.                 {{ form_errors(form.file) }}
  61.             </div>
  62.         </div>
  63.         <div class="col-lg-6" style="display: flex; flex-direction: column">
  64.             <div class="form-material floating contact selectdiv">
  65.                 {{ form_widget(form.object, {'attr': { 'class':'form-control'}}) }}
  66.                 {{ form_errors(form.object) }}
  67.             </div>
  68.             <div class="form-material floating contact">
  69.                 {{ form_widget(form.message, {'attr': { 'class':'form-control'}}) }}
  70.                 {{ form_errors(form.message) }}
  71.             </div>
  72.         </div>
  73.         <div class="col-md-1">
  74.             <div class="submit-contact-button btn-contact">
  75.                 <div>
  76.                     <button id="login_user" class="col-lg-12 offset-lg-4btn btn-primary" type="submit" style="background-color: #f6a400; border-color: #f6a400;">
  77.                         <?xml version="1.0" encoding="UTF-8"?>
  78.                         <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>
  79.                     </button>
  80.                 </div>
  81.             </div>
  82.         </div>
  83.         
  84.         {{ form_end(form) }}
  85.     </div>
  86. </div>
  87.     {% endblock %}