templates/component/discover_suites.html.twig line 1

Open in your IDE?
  1. {#
  2.     component: image slider
  4.   heading: {
  5.     title {string}: Title de la découverte
  6.       titleAnnex {string}: Sur titre au dessus du titre 
  7.   }
  8.   text {string}: Texte de la découverte
  9.   link: [{
  10.     text {string}: Texte du lien
  11.       title {string}: Titre du lien
  12.     to {string}: Lien
  13.   }]
  14.   image {image}: Image de la découverte
  15.     size: {
  16.             width: "710",
  17.             height: "360"
  18.         }
  20. #}
  22. {% set props = {
  23.   heading: {
  24.     title: 'La cigale',
  25.     titleAnnex: 'Hôtel suites'
  26.   },
  27.   text: '<p style="position:relative; display:block;">La Résidence Miramar La Cigale, située à quelques mètres du Miramar La Cigale, est votre nouveau port d’attache pour votre location d’appartement sur Arzon ou vos évènements professionnels.</p>',
  28.   link: {
  29.     text: 'Découvrir',
  30.     title: '',
  31.     to: '#'
  32.   },
  33.   image: null
  34. }|merge(props|default({}))  %}
  36. <section data-component="discover-suites" class="DiscoverSuites-component">
  38.     <div class="l-container">
  40.         <div
  41.             class="l-row u-center">
  43.             {# Main #}
  44.             <div
  45.                 class="l-column DiscoverSuites-main">
  47.                 {# Content #}
  48.                 <div
  49.                     class="DiscoverSuites-content">
  51.                     {# Heading #}
  52.                     <div class="DiscoverSuites-heading">
  54.                         {% include "component/heading.html.twig" with {
  55.               props: props.heading
  56.             } %}
  58.                     </div>
  60.                     {# Text #}
  61.                     <div class="DiscoverSuites-text">{{ props.text | raw }}</div>
  63.                     {# Button #}
  64.                     <div class="DiscoverSuites-button">
  66.                         {% include "component/button.html.twig" with {
  67.               props: props.link
  68.             } %}
  70.                     </div>
  72.                 </div>
  74.                 {# Image #}
  75.                 <div class="DiscoverSuites-image">
  77.                     <div class="DiscoverSuites-imageRatioHelper">
  79.                         <div>
  81.                             {% include "component/image.html.twig" with {
  82.                                 props: props.image
  83.                             } %}
  84.                             {# {% include "component/picture.html.twig" with {
  85.                                 props: props.image|merge({
  86.                                     srcWebp: (props.image.src) ? asset(props.image.src | imagine_filter('convert_img_to_webp')) : ''
  87.                                 })
  88.                             } %} #}
  90.                         </div>
  92.                     </div>
  94.                 </div>
  96.             </div>
  98.         </div>
  100.     </div>
  102. </section>