templates/front/Default/index.html.twig line 1

Open in your IDE?
  1. {% extends '/front/layout.html.twig' %}
  2. {% trans_default_domain 'app' %}
  4. {% block contenu %}
  5. <!-- *********************** Carrousel *********************** -->
  6.    <section id="carousel-home" class="carousel slide slider-mobile hidden-xs hidden-sm" data-ride="carousel">
  7.     <!-- Wrapper for slides -->
  8.     {% if slider|length > 1%}
  9.         <!-- Indicators -->
  10.         <ol class="carousel-indicators hidden-xs">
  11.             {% for i in range(1, slider|length) %}
  12.                 <li data-target="#carousel-home" data-slide-to="{{ i-1 }}"{% if loop.index == 1%} class="active"{% endif %}></li>
  13.             {% endfor %}
  14.         </ol>
  15.     {% endif %}
  16.     <div class="carousel-inner" role="listbox">
  17.     {% if slider is not null %}
  18.         {% for slide in slider %}
  19.             {% if slide.etat %}
  20.             <div class="item{% if loop.index ==  1%} active{% endif %}">
  21.               <a href="{% if slide.url is not null %}{{ slide.url }}{% else %}#{% endif %}">
  22.                 <h1><img 
  23.                     src="{{ asset(slide.media.webPath) }}"
  24.                     srcset="{{ asset(slide.media.webPath | imagine_filter('full_width_320') ) }} 320w,
  25.                         {{ asset(slide.media.webPath | imagine_filter('full_width_640') ) }} 640w,
  26.                         {{ asset(slide.media.webPath | imagine_filter('full_width_640') ) }} 768w,
  27.                         {{ asset(slide.media.webPath | imagine_filter('full_width_1024') ) }} 1024w,
  28.                         {{ asset(slide.media.webPath | imagine_filter('full_width_1280') ) }} 1280w,
  29.                         {{ asset(slide.media.webPath | imagine_filter('full_width_1366') ) }} 1366w,
  30.                         {{ asset(slide.media.webPath | imagine_filter('full_width_1900') ) }} 1900w"
  31.                     data-sizes="100vw"
  32.                     alt="{{ slide.titre }}"
  33.                     loading="lazy" /></h1>
  34.               </a>
  35.             </div>
  36.             {% endif %}
  37.         {% endfor %}
  38.         {% endif %}
  39.     </div>
  42.     {% if slider|length > 1%}
  43.         <a class="left carousel-control" href="#carousel-home" role="button" data-slide="prev">
  44.             <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
  45.             <span class="sr-only">Previous</span>
  46.         </a>
  47.         <a class="right carousel-control" href="#carousel-home" role="button" data-slide="next">
  48.             <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
  49.             <span class="sr-only">Next</span>
  50.         </a>
  51.     {% endif %}
  52. </section>
  54. <section class="mb-5">
  55.     <div class="container container-home padding-off  margin-bottom-20">
  56.         <h2 class="text-center mt-5 pb-0 mb-0">{{ 'home.mea.titre' |trans({}, 'cms') |raw }}</h2>
  57.         <div class="col-md-12 padding-off mea-index-margin">
  58.             <!-- Partie blog -->
  59.             <div class="col-md-6 col-sm-12 col-xs-12 mea-index">
  60.                 {% if MiseEnAvantMajeur is not empty %}
  61.                     {% if MiseEnAvantMajeur.media.webPath is defined %}
  62.                         {% set imgpath = MiseEnAvantMajeur.media.webPath %}
  63.                         <div class="col-md-12 padding-off">
  64.                             <img src="{{ asset( imgpath) }}" class="img-responsive" loading="lazy" alt="{{ MiseEnAvantMajeur.titre }}"/>
  65.                         </div>
  66.                     {% endif %}
  67.                     <div class="block col-md-12 col-sm-12 col-xs-12{% if MiseEnAvantMajeur.colorFond is  null %} rose{% endif %}"{% if MiseEnAvantMajeur.colorFond is not null %} style="background-color: {{ MiseEnAvantMajeur.colorFond }}"{% endif %}>
  68.                         <a href="{{ MiseEnAvantMajeur.url }}">
  69.                             <h3{% if MiseEnAvantMajeur.colorTexte is not null %} style="color: {{ MiseEnAvantMajeur.colorTexte }}"{% endif %}>{{ MiseEnAvantMajeur.titre |raw }}</h3>
  70.                             <div{% if MiseEnAvantMajeur.colorTexte is not null %} style="color: {{ MiseEnAvantMajeur.colorTexte }}"{% endif %}>{{ MiseEnAvantMajeur.texte |raw }}</div>
  71.                         </a>
  72.                     </div>
  73.                 {% endif %}
  74.             </div>
  75.             <div class="col-md-6 col-sm-12 col-xs-12 padding-off mea-index ">
  76.                 {% for MiseEnAvantMineur in MisesEnAvantMineur %}
  77.                     <div class="col-md-6 col-sm-6 margin-blog">
  78.                         {% if MiseEnAvantMineur.media.webPath is defined %}
  79.                             {% set imgpath = MiseEnAvantMineur.media.webPath %}
  80.                         {% endif %}
  81.                         <a href="{{ MiseEnAvantMineur.url }}"{% if MiseEnAvantMineur.target == 1%} target="_blank"{% endif %} title="{{ MiseEnAvantMineur.titre }}"><h3>{% if imgpath  is defined %}<img class="img-responsive" loading="lazy" src="{{ asset(imgpath) }}" alt="{{ MiseEnAvantMineur.titre }}" />{% endif %}</h3></a>
  82.                     </div>
  83.                 {% endfor %}
  84.             </div>
  85.         </div>
  86.     </div>
  87. </section>
  88. {% if promos|length > 0 %}
  89.     <section>
  90.         <div class="container container-home  padding-off  margin-bottom-20">
  91.             <div class="col-md-12 col-sm-12 col-xs-12 text-center">
  92.                 <h2>{{ ('promos.bon-plans-du-moment.title')|trans({}, 'promos') | raw }}</h2>
  93.                 <p class="sous-titre-page-hp">
  94.                     {{ ('promos.bon-plans-du-moment.description')|trans({}, 'promos') | raw }}
  95.                 </p>
  96.             </div>
  97.             {% include "/front/Promos/liste.html.twig" %}
  99.         </div>
  100.     </section>
  101. {% endif %}
  102. <section class="reassurance">
  103.     <div class="container container-home   text-center">
  104.         <div class="col-md-12">
  105.             <div class="row mt-5">
  106.                 <div class="col-md-2"></div>
  107.                 <div class="col-md-8">
  108.                     <h2>{{ 'home.reassurance.titre' |trans({}, 'cms') |raw }}</h2>
  109.                     {{ 'home.reassurance.texte' |trans({}, 'cms') |raw }}
  110.                 </div>
  111.                 <div class="col-md-2"></div>
  112.             </div>
  113.             <div class="row mt-5">
  114.                 <div class="col-md-3 text-center mb-5">
  115.                     <i class="ico ico_trusted_shop"></i>
  116.                     <p>
  117.                     <strong>{{ 'home.reassurance.item_1.titre' |trans({}, 'cms') |raw }}</strong>
  118.                     <br><a href="https://www.trstd.com/fr-fr/reviews/ateya-vacances-fr" target="_blank" class="external-link">{{ 'home.reassurance.item_1.texte' |trans({}, 'cms') |raw }}</a>
  119.                     </p>
  120.                 </div>
  121.                 <div class="col-md-3 text-center">
  122.                     <i class="ico ico_conseiller"></i>
  123.                     <p>
  124.                         <strong>{{ 'home.reassurance.item_2.titre' |trans({}, 'cms') |raw }}</strong>
  125.                         <br>{{ 'home.reassurance.item_2.texte' |trans({}, 'cms') |raw }}
  126.                     </p>
  127.                 </div>
  128.                 <div class="col-md-3 text-center">
  129.                     <i class="ico ico_faq"></i>
  130.                     <p>
  131.                         <strong>{{ 'home.reassurance.item_3.titre' |trans({}, 'cms') |raw }}</strong>
  132.                         <br><a href="https://smilebyateya.fr/faq-2/" target="_blank" class="external-link">{{ 'home.reassurance.item_3.texte' |trans({}, 'cms') |raw }}</a>
  133.                     </p>
  134.                 </div>
  135.                 <div class="col-md-3 text-center">
  136.                     <i class="ico ico_paiement"></i>
  137.                     <p>
  138.                         <strong>{{ 'home.reassurance.item_4.titre' |trans({}, 'cms') |raw }}</strong>
  139.                         <br>{{ 'home.reassurance.item_4.texte' |trans({}, 'cms') |raw }}
  140.                     </p>
  141.                 </div>
  142.             </div>
  143.         </div>
  144.     </div>
  145. </section>
  146. {% endblock %}