templates/component/service_contact.html.twig line 1

Open in your IDE?
  1. {#
  2.     component: service contact
  4.     heading: [{
  5.         title {string}: Titre 
  6.         titleAnnex {string}: Titre annexe
  7.     }]
  8.     text {string}: (WYSIWYG) Texte
  9.     link: {
  10.         text {string}: Texte du lien
  11.         to {string}: Lien
  12.     }
  14. #}
  16. {% set props = {
  17.   heading: null,
  18.   text: null,
  19.   link: null
  20. }|merge(props|default({}))  %}
  22. <section
  23.     data-component="service-contact" class="ServiceContact-component">
  25.     {# Background image #}
  26.     <div class="ServiceContact-backgroundImage backgroundPatternWaves">
  28.         {% include "component/waves.html.twig"  with {
  29.                 props: {
  30.                     speed:0.1,
  31.                     shape:{
  32.                         src:asset('build/images/pattern.jpg'),
  33.                         backgroundcolor:false
  34.                     }
  35.                 }
  36.         } %}
  37.     </div>
  39.     <div class="l-container">
  41.         <div
  42.             class="l-row u-center">
  44.             {# Main #}
  45.             <div
  46.                 class="l-column ServiceContact-main">
  48.                 {# Heading #}
  49.                 {% include "component/heading.html.twig" with {
  50.                     props: props.heading
  51.                 } %}
  53.                 {# Text #}
  54.                 <div class="ServiceContact-wysiwyg">
  55.                     {% include "component/wysiwyg.html.twig" with {
  56.                         props: {
  57.                         content: props.text
  58.                         }
  59.                     } %}
  60.                 </div>
  62.                 {# Link #}
  63.                 {% if props.link %}
  64.                     <div class="ServiceContact-link">
  65.                         {% include "component/button.html.twig" with {
  66.                             props: props.link
  67.                         } %}
  68.                     </div>
  69.                 {% endif %}
  71.             </div>
  73.         </div>
  75.     </div>
  77. </section>