templates/estimation/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}{{ settings[0].siteName }} : Estimation{% endblock %}
  5. {% block body %}
  7. {% for page in pageEstimation %}
  8.     <div class="container pt-5 pb-4">
  9.         <div class="row">
  10.             <div class="col estimation-subtitle">
  11.                 <h2>{{ page.mainTitle }}</h2>
  12.                 <p class="mt-5">
  13.                     {{ page.subtitle|raw }}
  14.                 </p>
  15.             </div>
  16.         </div>
  17.     </div>
  19.     <div class="container-fluid estimation-bg">
  20.         <div class="row">
  21.             <div class="col-lg-9 col-sm-12 p-4 mt-4"></div>
  22.             <div class="col-lg-3 col-sm-12 p-4 mt-4">
  23.                 <div class="small mt-5 bg-light pt-4 pb-3 px-5">
  24.                     <p class="text-end">
  25.                         {{ page.mainText|replace({'<div>': '', '</div>': '', '<p>': '', '</p>': ''})|raw }}
  26.                     </p>
  27.                     <p class="text-end">
  28.                         <a class="button-contacter mt-4" href="{{ page.buttonUrl1 }}">
  29.                             {{ page.buttonText1 }}
  30.                         </a>
  31.                     </p>
  33.                 </div>
  34.             </div>
  35.         </div>
  36.     </div>
  38.     <div class="container py-5">
  39.         <div class="row row-cols-1 row-cols-md-3 g-4">
  40.             <div class="col estimation">
  41.                 <div class="card h-100">
  42.                     <div class="card-body">
  43.                         <h5 class="capitalisfont color">{{ page.title1 }}</h5>
  44.                         <p class="my-5 small justify">
  45.                             {{ page.text1|replace({'<p>': '', '</p>': '', '<div>': '', '</div>': ''})|raw }}
  46.                         </p>
  47.                     </div>
  48.                     <img src="{{ asset('assets/img/pages/' ~ page.image1 ) }}" class="img-fluid" alt="{{ page.title1 }} ">
  49.                 </div>
  50.             </div>
  51.             <div class="col estimation">
  52.                 <div class="card h-100">
  53.                     <div class="card-body">
  54.                         <h5 class="capitalisfont color">{{ page.title2 }}</h5>
  55.                         <p class="my-5 small justify">
  56.                             {{ page.text2|replace({'<p>': '', '</p>': '', '<div>': '', '</div>': ''})|raw }}
  57.                         </p>
  58.                     </div>
  59.                     <img src="{{ asset('assets/img/pages/' ~ page.image2 ) }}" class="img-fluid" alt="{{ page.title2 }} ">
  60.                 </div>
  61.             </div>
  62.             <div class="col estimation">
  63.                 <div class="card h-100">
  64.                     <div class="card-body">
  65.                         <h5 class="capitalisfont color">{{ page.title3 }}</h5>
  66.                         <p class="my-5 small justify">
  67.                             {{ page.text3|replace({'<p>': '', '</p>': '', '<div>': '', '</div>': ''})|raw }}
  68.                         </p>
  69.                     </div>
  70.                     <img src="{{ asset('assets/img/pages/' ~ page.image3 ) }}" class="img-fluid" alt="{{ page.title2 }} ">
  71.                 </div>
  72.             </div>
  73.         </div>
  75.         <div class="row mt-5">
  76.             <div class="col text-center">
  77.                 <a href="{{ page.buttonUrl2 }}" class="button-voirbiens lead fw-bold">
  78.                     {{ page.buttonText2 }}
  79.                 </a>
  80.                 </p>
  81.             </div>
  82.         </div>
  83.     </div>
  84. {% endfor %}
  86. {% endblock %}