templates/tarif/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}{{ setting.siteName }} : les tarifs{% endblock %}
  5. {% block body %}
  7. <section class="container py-4">
  9.     <div class="row pt-3">
  10.         <div class="col">
  11.             {# Breadcrumbs #}
  12.             <div class="row">
  13.                 <div class="col small">
  14.                     <nav style="--bs-breadcrumb-divider: url(&#34;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='%236c757d'/%3E%3C/svg%3E&#34;);"
  15.                         aria-label="breadcrumb">
  16.                         <ol class="breadcrumb small">
  17.                             <li class="breadcrumb-item"><a href="{{ path('app_home') }}"
  18.                                     class="text-decoration-none text-dark">Accueil</a></li>
  19.                             <li class="breadcrumb-item active" aria-current="page">Les tarifs</li>
  20.                         </ol>
  21.                     </nav>
  22.                 </div>
  23.             </div>
  24.         </div>
  25.     </div>
  27.     <div class="row my-5">
  28.         <div class="col text-center">
  29.             <h1 class="color1 fw-700 text-uppercase" data-aos="fade-down" data-aos-duration="2000">{{ setting.tarifTitre1 }}</h1>
  30.             <h1 class="color2 text-uppercase" data-aos="fade-down" data-aos-duration="2800">{{ setting.tarifTitre2 }}</h1>
  31.         </div>
  32.     </div>
  34.     <div class="row my-5">
  35.         <div class="col">
  36.             {{ setting.tarifText|raw }}
  37.         </div>
  38.     </div>
  40.     <div class="row">
  41.         <div class="col text-center">
  42.             <h5 class="color2 text-uppercase" data-aos="flip-left" data-aos-duration="2000">Quelques exemples de provisions demandées :</h5>
  43.         </div>
  44.     </div>
  46.     <div class="row row-cols-1 row-cols-md-3 g-4 mt-2 mb-5">
  47.         {% for tarif in tarifs %}
  48.             <div class="col tarifs-cards" data-aos="fade-right" data-aos-duration="1500">
  49.                 <div class="card h-100 text-center">
  50.                     <img src="{{ asset('assets/img/tarifs/' ~ tarif.image ) }}" class="card-img-top img-fluid d-block mx-auto" alt="{{ tarif.titre }}" style="max-width: 100px; width: 100%; background-color: #0a3962; border-radius: 50%; padding: 3px;">
  51.                     <div class="card-body">
  52.                         <p class="small color2">
  53.                             <span class="fw-700">{{ tarif.titre }} :</span>
  54.                             <br>
  55.                             {{ (tarif.prix/100)|format_currency('EUR', locale='fr') }}
  56.                             <br>
  57.                             <small>{{ tarif.prixAutre|raw }}</small>
  58.                         </p>
  59.                     </div>
  60.                 </div>
  61.             </div>
  62.         {% endfor %}
  63.     </div>
  65.     <div class="row">
  66.         <div class="col">
  67.             {{ setting.tarifHonnoraires|raw }}
  68.         </div>
  69.     </div>
  71. </section>
  73. <section class="container">
  74.     <img src="{{ asset('assets/img/tarifs/' ~ setting.tarifImage)|imagine_filter('brochuretarifs') }}" alt="Tarifs" class="img-fluid mobile-tarifs" style="max-width: 850px; width: 100%; margin-top: -120px; margin-left: 500px; position: absolute;">
  75. </section>
  77. <section class="container-fluid mt-5" style="background-color: #0a4b74;">
  78.     <div class="container">
  79.         <div class="row py-5">
  80.             {# <div class="col-lg-5 text-white py-5"> #}
  81.                 <div class="col text-white py-5">
  82.                 <h6 class="text-uppercase">{{ setting.tarifFootertitre1 }}</h6>
  83.                 <h6 class="text-uppercase">{{ setting.tarifFootertitre2 }}</h6>
  84.                 <p class="mt-4">
  85.                     <a href="{{ asset('assets/img/tarifs/' ~ setting.tarifBrochure ) }}" class="text-decoration-none button-tarifs text-uppercase">{{ setting.tarifFootertextbutton }}</a>
  86.                 </p>
  87.             </div>
  88.         </div>
  89.     </div>
  90. </section>
  92. {% endblock %}