templates/front/pages/about.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 %}
  4. {% block body_class %}{{ parent() }} {% endblock %}
  5. {%  block meta_title %}{{ page.metaTitle }}{% endblock %}
  6. {%  block meta_description %}{{ page.metaDescription }}{% endblock %}
  7. {% block header_class %}dark-header{% endblock %}
  8. {% block header_content %}{% endblock %}
  9. {% block page_content %}
  10.     <div id="page-content" class="container">
  11.         <div class="page-header">
  12.             <h1>A propos de <span>Citizens</span></h1>
  13.             <p class="intro" style="max-width: 800px;">
  14.                 Citizens propose des coliving meublés, prêts à vivre, avec visites virtuelles et réservables en ligne. Citizens permet aux propriétaires <span class="text-primary font-weight-bold">d’augmenter de 50% leurs revenus locatifs</span>, tout en offrant aux locataires un loyer <span class="text-primary font-weight-bold">inférieur de 30% par rapport à un studio</span>.
  15.             </p>
  16.         </div>
  17.         <!--div class="position-relative">
  18.             <img src="{{ asset('build/images/benefits/bg-circle.png') }}" class="bg-circle bg-circle-1" alt="">
  19.         </div-->
  20.         <!--div class="block-intro box-shadow bg-shape">
  21.             <h2>
  22.                 Citizens
  23.                 <br>s’appui sur <span class="text-primary font-italic font-weight-bold">3 piliers de gestion</span>
  24.             </h2>
  25.             <div class="pillars">
  26.                 <div class="pillar">
  27.                     <img class="line" src="{{ asset('build/images/pages/pillar_line_1.png') }}" alt="">
  28.                     <div class="box-shadow">
  29.                         Structuré comme <span class="text-primary font-italic font-weight-bold">un&nbsp;grand&nbsp;groupe</span>
  30.                     </div>
  31.                 </div>
  32.                 <div class="pillar">
  33.                     <img class="line" src="{{ asset('build/images/pages/pillar_line_2.png') }}" alt="">
  34.                     <div class="box-shadow">
  35.                         Processé et organisé comme <span class="text-primary font-italic font-weight-bold">un groupe de grande distribution</span>
  36.                     </div>
  37.                 </div>
  38.                 <div class="pillar">
  39.                     <img class="line" src="{{ asset('build/images/pages/pillar_line_3.png') }}" alt="">
  40.                     <div class="box-shadow">
  41.                         Digitalisé à 100% <span class="text-primary font-italic font-weight-bold">comme&nbsp;Amazon</span>
  42.                     </div>
  43.                 </div>
  44.             </div>
  45.         </div-->
  46.         <div class="block-intro-images">
  47.             <div class="row-1">
  48.                 <img class="illustration illustration-1" src="{{ asset('build/images/pages/about_1_2.jpg') }}" alt="">
  49.                 <img class="illustration illustration-2" src="{{ asset('build/images/pages/about_2.jpg') }}" alt="">
  50.             </div>
  51.             <div class="row-2 d-none d-md-block">
  52.                 <div class="bg-shape">
  53.                     <img class="illustration illustration-3" src="{{ asset('build/images/pages/about_3.jpg') }}" alt="">
  54.                 </div>
  55.             </div>
  56.         </div>
  57.         <br>
  58.         <br>
  59.         <div class="page-header">
  60.             <h1>Quelques <span>chiffres clés</span></h1>
  61.             <p class="intro" style="max-width: 800px;">
  62.                 Tous les chiffres pour appréhender la structure
  63.             </p>
  64.         </div>
  65.         <div class="block-stats">
  66.             <div class="box-shadow graph-container">
  67.                 <div class="label">Évolution nombre de chambres</div>
  68.                 <img class="illustration" src="{{ asset('build/images/pages/about_4.jpg') }}" alt="">
  69.             </div>
  70.             <div class="stats-container">
  71.                 <div class="datas-container">
  72.                     <div class="title">Rentabilité moyenne</div>
  73.                     <div class="percent">5,4%</div>
  74.                     <div class="year">Chiffres constatés sur l’année 2019 *</div>
  75.                 </div>
  76.                 <div class="percent-container box-shadow">
  77.                     <div class="font-weight-bold">Taux remplissage annuel</div>
  78.                     {% include 'front/pages/_shared/percent-chart.html.twig' with {percent: 94} %}
  79.                     <div class="font-weight-bold">Taux satisfaction locataire</div>
  80.                     {% include 'front/pages/_shared/percent-chart.html.twig' with {percent: 97} %}
  81.                     <div class="year">Chiffres constatés sur l’année 2019 *</div>
  82.                 </div>
  83.             </div>
  84.         </div>
  85.         <div class="block-image-text type-about-1">
  86.             <img src="{{ asset('build/images/pages/lines_2.png') }}" class="bg-lines" alt="">
  87.             <div class="illustrations">
  88.                 <img class="illustration illustration-1" src="{{ asset('build/images/pages/about_5_2.jpg') }}" alt="">
  89.             </div>
  90.             <div class="content bg-shape">
  91.                 <h2 class="title">De la compétence <span>à&nbsp;tous&nbsp;les&nbsp;postes</span></h2>
  92.                 <p>
  93.                     Nous accordons une attention optimale à la qualité de nos collaborateurs qui sont la force de la société.
  94.                     <strong class="text-primary">Notre équipe de 35 personnes</strong> intervient sur l’ensemble de nos métiers pour une réactivité et une efficacité totale.
  95.                 </p>
  96.                 <a href="{{ path('front_company_jobs_list') }}" class="btn btn-primary">NOUS REJOINDRE</a>
  97.             </div>
  98.         </div>
  99.         <div class="page-header pt-4">
  100.             <h1>Des valeurs <span>citoyennes</span></h1>
  101.             <p class="intro">
  102.                 L’une de nos priorités est d’intégrer le coliving dans une démarche positive pour la planète et pour nos colocataires.
  103.             </p>
  104.         </div>
  105.         <div class="block-image-text type-about-2">
  106.             <img src="{{ asset('build/images/benefits/bg-circle.png') }}" class="bg-circle bg-circle-2" alt="">
  107.             <div class="illustrations bg-shape">
  108.                 <img class="illustration illustration-1" src="{{ asset('build/images/pages/about_7.jpg') }}" alt="">
  109.                 <img class="illustration illustration-2" src="{{ asset('build/images/pages/about_6.jpg') }}" alt="">
  110.                 <img class="illustration illustration-3" src="{{ asset('build/images/pages/about_8.jpg') }}" alt="">
  111.             </div>
  112.             <div class="content bg-shape">
  113.                 <h2 class="title">Des investissements responsables</h2>
  114.                 <ul class="dot-list">
  115.                     <li><span>Logement eco responsable</span></li>
  116.                     <li><span>Nourriture bio fournie</span></li>
  117.                     <li><span>Produits hygiène et entretien bio</span></li>
  118.                     <li><span>Énergies renouvelables</span></li>
  119.                     <li><span>Purificateurs d'air et d'eau</span></li>
  120.                     <li><span>Plantes anti pollution...</span></li>
  121.                 </ul>
  122.             </div>
  123.         </div>
  124.         <div class="block-image-text type-about-3">
  125.             <div class="illustrations bg-shape">
  126.                 <img class="illustration illustration-1" src="{{ asset('build/images/pages/about_9.jpg') }}" alt="">
  127.             </div>
  128.             <div class="content">
  129.                 <h2 class="title">Nos <span>locaux</span></h2>
  130.                 <p>
  131.                     Citizens centralise ses activités dans le grand Lyon dans son nouveau siège de 1000m².
  132.                 </p>
  133.                 <p>
  134.                     3000m² de stockage
  135.                     <br>Plus de 5000 meubles et équipements en stock
  136.                 </p>
  137.             </div>
  138.         </div>
  139.         <div class="text-center">
  140.             <a href="{{ path('front_search_index') }}" class="btn btn-primary">Nos appartements disponibles</a>
  141.         </div>
  142.         <br>
  143.         <div class="block-banks bg-shape">
  144.             <div class="box-shadow inner">
  145.                 <h2>
  146.                     Citizens est associé à 7 banques <span class="text-primary font-italic font-weight-bold">pour une croissance raisonnée et maîtrisée</span>
  147.                 </h2>
  148.                 <div class="infos">
  149.                     <div class="info box-shadow">
  150.                         <div>
  151.                             Pour un chiffre d'affaire en 2022 de <span class="text-primary font-italic font-weight-bold">30 millions d'euros</span> et une prévision de chiffre d'affaire en 2023 de <span class="text-primary font-italic font-weight-bold">80 millions d'euros</span>
  152.                         </div>
  153.                     </div>
  154.                     <div class="info box-shadow">
  155.                         <div>
  156.                             Nos investisseurs, nous ont confié <span class="text-primary font-italic font-weight-bold">35 millions d'euros</span> ces derniers mois et les banques <span class="text-primary font-italic font-weight-bold">20 millions d'euros</span>
  157.                         </div>
  158.                     </div>
  159.                 </div>
  160.                 <img class="illustration illustration-logos" src="{{ asset('build/images/pages/about_logos.jpg') }}" alt="">
  161.             </div>
  162.         </div>
  163.         <br>
  164.         <div class="page-header pt-4">
  165.             <h1>Un stock immobilier <span>important</span></h1>
  166.             <p class="intro">
  167.                 50 biens immobiliers disponibles à la vente en permanence pour répondre aux critères d'investissement de nos clients (budget, rentabilité, emplacement, taille…).
  168.             </p>
  169.         </div>
  170.         <div class="text-center">
  171.             <a href="" class="btn btn-primary">Accédez à nos offres</a>
  172.         </div>
  173.         <div class="photos-gallery">
  174.             <div class="gal-col gal-col-1">
  175.                 {% for i in range(1, 4) %}
  176.                     <img class="illustration" src="{{ asset('build/images/pages/about_gallery_' ~ i ~ '.jpg') }}" alt="">
  177.                 {% endfor %}
  178.             </div>
  179.             <div class="gal-col gal-col-2">
  180.                 {% for i in range(5, 9) %}
  181.                     <img class="illustration" src="{{ asset('build/images/pages/about_gallery_' ~ i ~ '.jpg') }}" alt="">
  182.                 {% endfor %}
  183.             </div>
  184.             <div class="gal-col gal-col-3">
  185.                 {% for i in range(10, 14) %}
  186.                     <img class="illustration" src="{{ asset('build/images/pages/about_gallery_' ~ i ~ '.jpg') }}" alt="">
  187.                 {% endfor %}
  188.             </div>
  189.         </div>
  190.         <div class="container text-center">
  191.             <p>
  192.                 <small>
  193.                     * Les performances passées ne constituent aucune garantie de résultats pour le futur et les rendements réels peuvent considérablement différer des prévisions mentionnées.
  194.                 </small>
  195.             </p>
  196.         </div>
  197.         {% include "front/_shared/faq.html.twig" %}
  198.     </div>
  199. {% endblock %}
  200. {% block stylesheets %}
  201.     {{ parent() }}
  202.     {{ encore_entry_link_tags('page-about') }}
  203. {% endblock %}