templates/front/pages/comfort.html.twig line 1

Open in your IDE?
  1. {% extends 'front/page.html.twig' %}
  2. {% trans_default_domain 'front' %}
  3. {% import "front/_shared/macros.html.twig" as macro %}
  5. {% block body_class %}{{ parent() }} {% endblock %}
  7. {%  block meta_title %}{{ page.metaTitle }}{% endblock %}
  8. {%  block meta_description %}{{ page.metaDescription }}{% endblock %}
  10. {% block header_class %}dark-header{% endblock %}
  12. {% block header_content %}{% endblock %}
  14. {% block page_content %}
  16.     <div id="page-content" class="container">
  17.         <div class="page-header">
  18.             <h1>Confort 5* <span>Citizens</span></h1>
  19.             <p class="intro" style="max-width: 620px;">Accédez au confort de l’hôtellerie de luxe tout en privilégiant la convivialité de la vie en coliving.</p>
  20.         </div>
  22.         <img src="{{ asset('build/images/benefits/bg-circle.png') }}" class="bg-circle" alt="">
  24.         <div class="block-image-text type-comfort-1">
  25.             <div class="illustration">
  26.                 <img src="{{ asset('build/images/pages/comfort_1.jpg') }}" alt="">
  27.             </div>
  28.             <div class="content bg-shape">
  29.                 <h2 class="title">Être confortablement installé, <span>le début du bonheur !</span></h2>
  30.                 <p>Citizens propose un grand choix de coliving dans de nombreux quartiers du grand Lyon :</p>
  31.                 <ul class="dot-list">
  32.                     <li>Des appartements de 50m2 à 120m2</li>
  33.                     <li>Des maisons de 250m2 à 350m2</li>
  34.                     <li>Des immeubles coliving de 350m2 à 600m2.</li>
  35.                 </ul>
  36.                 <div class="cta-container mt-4 mb-1">
  37.                     <a href="{{ path('front_search_index') }}" class="btn btn-sm btn-primary text-uppercase">Trouvez votre logement</a>
  38.                 </div>
  39.             </div>
  40.         </div>
  42.         <div class="photos-gallery d-none d-sm-flex">
  43.             <div class="gal-col gal-col-1">
  44.                 <img class="illustration" src="{{ asset('build/images/pages/comfort_2.jpg') }}" alt="">
  45.                 <img class="illustration" src="{{ asset('build/images/pages/comfort_2_2.jpg') }}" alt="">
  46.             </div>
  47.             <div class="gal-col gal-col-2">
  48.                 {% for i in range(3, 4) %}
  49.                     <img class="illustration" src="{{ asset('build/images/pages/comfort_' ~ i ~ '.jpg') }}" alt="">
  50.                 {% endfor %}
  51.             </div>
  52.             <div class="gal-col gal-col-3">
  53.                 {% for i in range(5, 6) %}
  54.                     <img class="illustration" src="{{ asset('build/images/pages/comfort_' ~ i ~ '.jpg') }}" alt="">
  55.                 {% endfor %}
  56.             </div>
  57.         </div>
  59.         <div class="owl-carousel photos-gallery-slider d-sm-none" data-controller="carousel" data-type="photos">
  60.             {% for i in range(2, 6) %}
  61.                 <div class="photo-slide" style="background-image: url({{ asset('build/images/pages/comfort_' ~ i ~ '.jpg') }});"></div>
  62.             {% endfor %}
  63.         </div>
  65.         <div class="cta-container text-center mb-4 d-none d-sm-block">
  66.             <a href="{{ path('front_page_services') }}" class="btn btn-sm btn-primary text-uppercase">Voir tous les équipements</a>
  67.         </div>
  68.         <br class=" d-none d-sm-block">
  69.         <br>
  71.         <div class="block-image-text type-comfort-2">
  72.             <div class="illustration d-none d-md-block">
  73.                 <img src="{{ asset('build/images/pages/comfort_7.jpg') }}" alt="">
  74.             </div>
  75.             <div class="content">
  76.                 <h2 class="title">Une décoration <span>soignée</span></h2>
  77.                 <p>
  78.                     Tout est conçu pour vivre dans une ambiance relaxante, cocooning et agréable. Les espaces communs sont conçus pour favoriser la convivialité entre colocataires.
  79.                     <br>Les chambres restent neutres, les locataires sont ainsi invités à décorer leur espace privatif.
  80.                 </p>
  81.                 <div class="illustration-2 bg-shape">
  82.                     <img src="{{ asset('build/images/pages/comfort_8.jpg') }}" alt="">
  83.                 </div>
  84.             </div>
  85.         </div>
  87.         <div class="photos-gallery d-none d-sm-flex">
  88.             <div class="gal-col gal-col-1">
  89.                 <img class="illustration" src="{{ asset('build/images/pages/comfort_9.jpg') }}" alt="">
  90.                 <img class="illustration" src="{{ asset('build/images/pages/comfort_9_2.jpg') }}" alt="">
  91.             </div>
  92.             <div class="gal-col gal-col-2">
  93.                 {% for i in range(10, 11) %}
  94.                     <img class="illustration" src="{{ asset('build/images/pages/comfort_' ~ i ~ '.jpg') }}" alt="">
  95.                 {% endfor %}
  96.             </div>
  97.             <div class="gal-col gal-col-3">
  98.                 {% for i in range(12, 13) %}
  99.                     <img class="illustration" src="{{ asset('build/images/pages/comfort_' ~ i ~ '.jpg') }}" alt="">
  100.                 {% endfor %}
  101.             </div>
  102.         </div>
  104.         <div class="owl-carousel photos-gallery-slider d-sm-none mt-4 mb-5" data-controller="carousel" data-type="photos">
  105.             {% for i in range(9, 13) %}
  106.                 <div class="photo-slide" style="background-image: url({{ asset('build/images/pages/comfort_' ~ i ~ '.jpg') }});"></div>
  107.             {% endfor %}
  108.         </div>
  109.         <br class="d-sm-none">
  111.         <div class="block-image-text type-comfort-3">
  112.             <div class="illustration bg-shape">
  113.                 <img src="{{ asset('build/images/pages/comfort_14.jpg') }}" alt="">
  114.             </div>
  115.             <div class="content">
  116.                 <h2 class="title">Un coliving est <br class="d-sm-none"><span>prêt à vivre</span></h2>
  117.                 <p>
  118.                     Tout le mobilier et l’électroménager nécessaires sont installés et fonctionnels, les logements sont sur-équipés pour un confort optimum. Vous n'avez qu'à poser vos valises !
  119.                 </p>
  120.                 <p>
  121.                     Des serrures sont également installées dans chaque chambre pour répondre aux besoins de privacité de nos citizens.
  122.                 </p>
  123.                 <div class="cta-container mt-3">
  124.                     <a href="{{ path('front_page_services') }}" class="btn btn-sm btn-alt text-uppercase">Voir tous les equipements</a>
  125.                 </div>
  126.             </div>
  127.         </div>
  129.         <div class="photos-gallery d-none d-sm-flex">
  130.             <div class="gal-col gal-col-1">
  131.                 {% for i in range(15, 16) %}
  132.                     <img class="illustration" src="{{ asset('build/images/pages/comfort_' ~ i ~ '.jpg') }}" alt="">
  133.                 {% endfor %}
  134.             </div>
  135.             <div class="gal-col gal-col-2">
  136.                 {% for i in range(19, 19) %}
  137.                     <img class="illustration" src="{{ asset('build/images/pages/comfort_' ~ i ~ '.jpg') }}" alt="">
  138.                 {% endfor %}
  139.             </div>
  140.             <div class="gal-col gal-col-3">
  141.                 {% for i in range(20, 21) %}
  142.                     <img class="illustration" src="{{ asset('build/images/pages/comfort_' ~ i ~ '.jpg') }}" alt="">
  143.                 {% endfor %}
  144.             </div>
  145.         </div>
  147.         <div class="owl-carousel photos-gallery-slider d-sm-none mt-4 mb-3" data-controller="carousel" data-type="photos">
  148.             {% for i in range(15, 21) %}
  149.                 <div class="photo-slide" style="background-image: url({{ asset('build/images/pages/comfort_' ~ i ~ '.jpg') }});"></div>
  150.             {% endfor %}
  151.         </div>
  153.         <div class="cta-container text-center mb-4 d-sm-none">
  154.             <a href="{{ path('front_page_services') }}" class="btn btn-sm btn-primary text-uppercase">Voir tous les équipements</a>
  155.         </div>
  157.         <div class="other-benefits">
  158.             {% include 'front/pages/benefits/_shared/other-benefit-title.html.twig' %}
  159.             {% include 'front/pages/benefits/_shared/other-benefit-service.html.twig' %}
  160.             {% include 'front/pages/benefits/_shared/other-benefit-pleasure.html.twig' %}
  161.             {% include 'front/pages/benefits/_shared/other-benefit-citizens.html.twig' %}
  162.         </div>
  164.         {% include 'front/pages/benefits/_shared/more-details-push.html.twig' %}
  166.         {% include "front/_shared/faq.html.twig" %}
  167.     </div>
  169. {% endblock %}
  171. {% block stylesheets %}
  172.     {{ parent() }}
  173.     {{ encore_entry_link_tags('page-comfort') }}
  174. {% endblock %}