templates/component/form/large_form.html.twig line 1

Open in your IDE?
  1. {#
  2.     component: form
  4.     heading: [{
  5.         title {string}: Titre 
  6.         titleAnnex {string}: Titre annexe
  7.     }]
  8.     image {image}: 
  9.       size: {
  10.         width: "1440",
  11.         height: "1045"
  12.       }
  13.     form {
  14.         action {string}: Action du formulaire
  15.         inputs {array}: tableau d'inputs
  16.         buttonText {string}: Texte du bouton d'envoi
  17.         information {string}: Texte d'information
  18.         mandatory {string}: Texte de champs obligatoires
  19.     }
  21. #}
  23. {% set props = {
  24.     heading:null,
  25.     image:null,
  26.     form:null
  27. }|merge(props|default({}))  %}
  29. <section
  30.     data-component="contact-form" class="ContactForm-component" id="fm">
  32.     {# Heading #}
  33.     {% include "component/heading.html.twig" with {
  34.     props: props.heading
  35.   } %}
  37.     <div
  38.         class="ContactForm-content">
  40.         {# Background Image #}
  41.         <div class="ContactForm-backgroundImage">
  43.             {% include "component/image.html.twig" with {
  44.                 props: props.image
  45.             } %}
  46.             {# {% include "component/picture.html.twig" with {
  47.                 props: props.image|merge({
  48.                     srcWebp: (props.image.src) ? asset(props.image.src | imagine_filter('convert_img_to_webp')) : ''
  49.                 })
  50.             } %} #}
  52.         </div>
  54.         <div class="l-container">
  56.             <div
  57.                 class="l-row u-center">
  59.                 {# Main #}
  60.                 <div class="l-column ContactForm-main" style="background-image: url({{ asset('build/images/quote-form-pattern.jpg') }});">
  62.                     {% include "component/form/form.html.twig" with {
  63.                         props: props.form
  64.                     } %}
  66.                 </div>
  68.             </div>
  70.         </div>
  72.     </div>
  74. </section>