templates/home/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %} Accueil {% endblock %}
  5. {% block body %}
  6. <!--PRESENTATION-------------------->
  7.   <div class="container p-3 mt-5 rounded background-color-1 border">
  8.     <div class="row d-flex justify-content-center pt-3 pb-3 align-content-center align-items-center">
  9.       {% for article in articlesPresentation %}
  10.         {% if article.category == "Présentation" %}
  11.           <div class="col-12 col-md-12 col-lg-11 col-xl-6 sm-col-12 text-center">
  12.             <img  class="img-fluid" src="{{ asset('/media/fullsize/' ~ article.image.file) }}"  alt="{{article.image.alt}}">
  13.           </div>
  14.           <div class="col-12 col-md-12 col-lg-11 col-xl-6 sm-col-12 text-center p-3">
  15.             <h1>{{article.title }}</h1>
  16.             {{ article.text|raw }}
  17.           </div>
  18.         {% endif %}
  19.       {% endfor %}
  20.     </div>
  21.   </div>
  23. <!--SERVICES-------------------->
  24.   <div id="Services" class="container-fluid justify-content-center mt-5 mb-5 background-color-3">
  25.     <div class="row justify-content-center d-flex pt-3">
  26.       <div class="col-12 col-md-11">
  27.         <div class="row justify-content-center d-flex">
  28.           <h2 class="pb-3">Nos Services</h2>
  29.           {% for article in articlesPresentation %}
  30.             {% if article.category == "Nos Services" %}
  31.               <div class="col-12 col-md-6 col-lg-4 text-center p-2">
  32.                 <img  class="img-rounded4 p-2 img-fluid" src="{{ asset('/media/fullsize/' ~ article.image.file) }}"  alt="{{article.image.alt}}">
  33.                 <h3 class="color-1">{{ article.title }}</h3>
  34.                 <div class="color-1">{{ article.text|raw }}</div>
  35.               </div>
  36.             {% endif %}
  37.           {% endfor %}
  38.         </div>
  39.       </div>
  40.     </div>
  41.   </div>
  43. <!--PROPOSITION-------------------->
  44.   <div id="Proposition" class="container-fluid mt-5 mb-5 background-color-5">
  45.     <div class="row d-flex justify-content-center">
  46.       <div class="col-12 col-md-11 col-xl-10">
  47.         <div class="row justify-content-center d-flex">
  48.           <h1 class="pb-3">Notre proposition</h1>
  49.           {% for article in articlesPresentation %}
  50.             {% if article.category == "Notre proposition" %}
  51.               <div class="col-12 col-md-12 col-xl-6 align-self-center pt-3">
  52.                 <div class="row text-center m-1">
  53.                   <div class="col-12 col-md-4 col-xl-5 align-self-center">
  54.                     <img  class="img-rounded4 p-2 img-fluid" src="{{ asset('/media/fullsize/' ~ article.image.file) }}"  alt="{{article.image.alt}}">
  55.                   </div>
  56.                   <div class="col-12 col-md-8 col-xl-7">
  57.                     <h3 class="pt-3">{{ article.title }}</h3>
  58.                     {{ article.text|raw}}
  59.                   </div>
  60.                 </div>
  61.               </div>
  62.             {% endif %}
  63.           {% endfor %}
  64.         </div>
  65.       </div>
  66.     </div>
  67.   </div>
  69.   <div class="container justify-content-center  text-center">
  70.     <a href="{{path('app_contact')}}" class="btn3">Contactez-nous</a>
  71.   </div>
  73. <!--References---------------->
  74.   {{ render(controller('App\\Controller\\SlidersController::references')) }}
  76. <!--Tarif---------------->
  78.   {#<div class="container justify-content-center">
  79.     <div class="row d-flex justify-content-center">
  80.       {% for price in prices %}
  81.         {% if price.id == '2' %}
  82.           {% set color = 'c-primary-col-purple' %}
  83.         {% elseif price.id == '3'%}
  84.           {% set color = 'c-primary-col-red' %}
  85.         {% else %}
  86.           {% set color = '' %}
  87.         {% endif %}
  88.         
  89.         <div class="col-12 col-md-6 col-lg-4 mt-5 justify-content-center">
  90.           <div class="c-price-card {{color}}">
  91.             <div class="c-header">
  92.               <h1>{{price.title}}</h1>
  93.               <div class="priceTag">
  94.                 à partir de {{ price.price}}
  95.               </div>
  96.             </div>
  97.             <div class="c-body">
  98.               <div class="px-3 pt-5">
  99.                 <h5>{{price.subtitle1}}</h5>
  100.                 {{price.text1|raw}}
  101.               </div>
  102.               <div class="px-3">
  103.                 <h5>{{price.subtitle2}}</h5>
  104.                 {{price.text2|raw}}
  105.               </div>
  106.               <div class="p-4 row justify-content-center">
  107.                 <a href="{{ price.link }}" class="btn3">{{ price.button }}</a>
  108.               </div>
  109.             </div>
  110.           </div>
  111.         </div>
  112.       {% endfor %}
  113.     </div>
  114.   </div>#}
  115. {% endblock %}