templates/front/pages/sections/investors-stats.html.twig line 1

Open in your IDE?
  1. <div class="block-investors-1">
  2.     <div class="block-col-1">
  3.         <div class="datas-container">
  4.             <div class="title">Rentabilité moyenne</div>
  5.             <div class="percent">5,4%</div>
  6.             <small class="year">Chiffres constatés sur l’année 2019 *</small>
  7.         </div>
  8.         <div class="percent-card box-shadow">
  9.             <div class="label">Taux d'occupation</div>
  10.             <div class="number">94%</div>
  11.             <small class="year">Chiffres constatés sur l’année 2019 *</small>
  12.         </div>
  13.         <div class="percent-card box-shadow">
  14.             <div class="label">Taux satisfaction locataire</div>
  15.             <div class="number">96%</div>
  16.             <small class="year">Chiffres constatés sur l’année 2019 *</small>
  17.         </div>
  18.         <div class="percent-card box-shadow small">
  19.             <div class="label">Évolution nombre de chambres</div>
  20.             <img class="illustration w-100" src="{{ asset('build/images/pages/about_4.jpg') }}" alt="">
  21.         </div>
  22.     </div>
  23.     <div class="block-col-2">
  24.         <div class="block-image-text block-investors-2">
  25.             <div class="illustrations bg-shape">
  26.                 <img class="illustration illustration-1" src="{{ asset('build/images/pages/investor_phone.png') }}" alt="">
  27.             </div>
  28.             <div class="content p-4">
  29.                 <div class="font-weight-bold mb-2">
  30.                     Une appli pour suivre<br>votre investissement en temps réel !
  31.                 </div>
  32.                 <ul class="dot-list">
  33.                     <li><span>Suivez votre taux d’occupation et votre rentabilité</span></li>
  34.                     <li><span>Suivez les états des lieux et les dépenses de maintenance</span></li>
  35.                     <li><span>Contrôlez l’état de votre logement avec notre rapport photo</span></li>
  36.                 </ul>
  37.             </div>
  38.         </div>
  40.         <div class="block-investors-3">
  41.             <div class="title"><span class="font-weight-bold text-primary font-italic">3 exemples</span> d’investissements  </div>
  42.             <div class="investments">
  43.                 {% for i in range(1, 3) %}
  44.                     <div class="investment box-shadow">
  45.                         <img class="illustration illustration-1" src="{{ asset('build/images/pages/about_2.jpg') }}" alt="">
  46.                         <div class="body">
  47.                             <div class="name">Les Brotteaux</div>
  48.                             <div>43 rue Garibaldi, 69006 Lyon</div>
  49.                             <ul class="dot-list">
  50.                                 <li><span><span class="text-primary">XX</span> m2</span></li>
  51.                                 <li><span><span class="text-primary">XX</span> Chambres</span></li>
  52.                                 <li><span><span class="text-primary">XX</span> Rendement</span></li>
  53.                                 <li><span><span class="text-primary">XX</span> Revenu locatif</span></li>
  54.                                 <li><span><span class="text-primary">XX</span> Investissement total</span></li>
  55.                                 <li><span><span class="text-primary">XX</span> Apport</span></li>
  56.                             </ul>
  57.                         </div>
  58.                     </div>
  59.                 {% endfor %}
  60.             </div>
  61.         </div>
  62.     </div>
  63. </div>