templates/home/index.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block title %}
  4.     {% if settings[0].siteName != null %}
  5.         {{ settings[0].siteName }} : Bienvenue !
  6.     {% else %}
  7.         Bienvenue !
  8.     {% endif %}
  9. {% endblock %}
  11. {% block body %}
  13.     {# A propos #}
  14.     <div class="container py-5">
  15.         <div class="row d-flex justify-content-center">
  16.             <div class="col-lg-6 col-sm-12 text-center">
  17.                 <h2 class="text-uppercase color1 fw-bold">
  18.                     {{ homepage[0].aproposTitle|raw }}
  19.                 </h2>
  20.                 <p class="mt-4">
  21.                     {{ homepage[0].aproposContent|replace({'<div>': '', '</div>': '',})|raw }}
  22.                 </p>
  23.                 <p class="mt-4">
  24.                     <a href="{{ homepage[0].aproposButtonlink }}" class="button">{{ homepage[0].aproposButtontext }}</a>
  25.                 </p>
  26.             </div>
  27.         </div>
  28.         <div class="row">
  29.             <div class="col">
  30.                 <img src="{{ asset('assets/img/homepage/' ~ homepage[0].aproposImage) }}" alt="A propos" class="img-fluid d-block mx-auto" style="max-width: 1150px; width: 100%;">
  31.             </div>
  32.         </div>
  33.     </div>
  35.     {# Domaines #}
  36.     <div class="container-fluid bgHomedomaines">
  37.         <div class="container">
  38.             <div class="row row-cols-1 row-cols-md-3 g-5 mb-5">
  39.                 <div class="col">
  40.                     <div class="card h-100">
  41.                         <div class="card-body">
  42.                             <h4 class="card-title text-uppercase fw-bold text-white">{{ homepage[0].domainesTitle|replace({'<div>': '', '</div>': '',})|raw }}</h4>
  43.                             <p class="card-text">{{ homepage[0].domainesContent|replace({'<div>': '', '</div>': '',})|raw }}</p>
  44.                         </div>
  45.                     </div>
  46.                 </div>
  47.                 {% for domaine in domaines %}
  48.                     <div class="col" style="height: 300px;">
  49.                         <div class="card h-100" style="background-image: linear-gradient(to right bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url({{ asset('assets/img/domaines/' ~ domaine.image) }}); background-position: center; background-repeat: no-repeat; background-size: cover;">
  50.                             <div class="card-body text-white text-center h5 fw-bold text-uppercase px-5 d-flex align-items-center justify-content-center my-5 flex-column">
  51.                                 <p class="mb-4">{{ domaine.title }}</p>
  52.                                 <p class="my-0">
  53.                                     <a href="{{ domaine.buttonLink }}" class="button">{{ domaine.buttonText }}</a>
  54.                                 </p>
  55.                             </div>
  56.                         </div>
  57.                     </div>
  58.                 {% endfor %}
  59.             </div>
  60.         </div>
  61.     </div>
  63.     {# Chiffres clés #}
  64.     <div class="container my-5">
  65.         <div class="row pt-5 pb-4">
  66.             <div class="col">
  67.                 <h2 class="color1 text-center text-uppercase fw-bold">{{ homepage[0].chiffresClestitle|replace({'<div>': '', '</div>': '',})|raw }}</h2>
  68.             </div>
  69.         </div>
  70.         <div class="row pb-5">
  71.             <div class="col-lg-3 col-sm-12 text-center border-end">
  72.                 <h1 class="fw-bold display-1 color1">{{ homepage[0].chiffresClescab }}</h1>
  73.                 <span class="text-uppercase">{{ homepage[0].chiffresClescabtitle }}</span>
  74.             </div>
  75.             <div class="col-lg-3 col-sm-12 text-center border-end">
  76.                 <h1 class="fw-bold display-1 color1">{{ homepage[0].chiffresClescollab}}</h1>
  77.                 <span class="text-uppercase">{{ homepage[0].chiffresClescollabtitle }}</span>
  78.             </div>
  79.             <div class="col-lg-3 col-sm-12 text-center border-end">
  80.                 <h1 class="fw-bold display-1 color1">{{ homepage[0].chiffresClesmedia }}</h1>
  81.                 <span class="text-uppercase">{{ homepage[0].chiffresClesmediatitle }}</span>
  82.             </div>
  83.             <div class="col-lg-3 col-sm-12 text-center">
  84.                 <h1 class="fw-bold display-1 color1">{{ homepage[0].chiffresClesannees }}</h1>
  85.                 <span class="text-uppercase">{{ homepage[0].chiffresClesanneestitle }}</span>
  86.             </div>
  87.         </div>
  88.     </div>
  90.     {# L'équipe #}
  91.     <div class="container my-5">
  92.         <div class="row g-5 d-flex align-items-center">
  93.             <div class="col-lg-6 col-sm-12">
  94.                 <img src="{{ asset('assets/img/homepage/' ~ homepage[0].equipeImage ) }}" class="img-fluid" alt="{{ homepage[0].equipeTitle|replace({'<div>': '', '</div>': '',})|raw }}">
  95.             </div>
  96.             <div class="col-lg-6 col-sm-12">
  97.                 <h3 class="color1 fw-bold text-uppercase">{{ homepage[0].equipeTitle|replace({'<div>': '', '</div>': '',})|raw }}</h3>
  98.                 <p class="my-4 small">{{ homepage[0].equipeContent|replace({'<div>': '', '</div>': '',})|raw }}</p>
  99.                 <a href="{{ homepage[0].equipeButtonlink|raw }}" class="button">{{ homepage[0].equipeButtontext|raw }}</a>
  100.             </div>
  101.         </div>
  102.     </div>
  104.     {# Ventes immobilières #}
  105.     <div class="container bgcolor-homeventes">
  106.         <div class="row d-flex align-items-center justify-content-center">
  107.             <div class="col-lg-3 col-sm-12 text-center">
  108.                 <h4 class="fw-bold text-white text-uppercase">{{ homepage[0].ventesTitle|replace({'<div>': '', '</div>': '',})|raw }}</h4>
  109.                 <p class="text-xsmall text-white">{{ homepage[0].ventesContent|replace({'<div>': '', '</div>': '',})|raw }}</p>
  110.                 <a href="{{ homepage[0].ventesButtonlink|raw }}" class="button-ventes mt-4">{{ homepage[0].ventesButtontext|raw }}</a>
  111.             </div>
  112.         </div>
  113.     </div>
  115.     {# Honoraires #}
  116.     <div class="container my-5">
  117.         <div class="row g-5 d-flex align-items-center">
  118.             <div class="col-lg-6 col-sm-12 text-end">
  119.                 {# <img src="{{ asset('assets/img/homepage/' ~ homepage[0].equipeImage ) }}" class="img-fluid" alt="{{ homepage[0].equipeTitle|replace({'<div>': '', '</div>': '',})|raw }}"> #}
  120.                 <h3 class="color1 fw-bold text-uppercase">{{ homepage[0].honorairesTitle|replace({'<div>': '', '</div>': '',})|raw }}</h3>
  121.                 <p class="my-4 small">{{ homepage[0].honorairesContent|replace({'<div>': '', '</div>': '',})|raw }}</p>
  122.                 <a href="{{ homepage[0].honorairesButtonlink|raw }}" class="button">{{ homepage[0].honorairesButtontext|raw }}</a>
  123.             </div>
  124.             <div class="col-lg-6 col-sm-12">
  125.                 <img src="{{ asset('assets/img/homepage/' ~ homepage[0].honorairesImage ) }}" class="img-fluid" alt="{{ homepage[0].honorairesTitle|replace({'<div>': '', '</div>': '',})|raw }}">
  126.             </div>
  127.         </div>
  128.     </div>
  130.     {% include '_includes/_contactez-nous.html.twig' %}
  132. {% endblock %}