templates/front/pages/investors-4.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 %}
  14. {% endblock %}
  16. {% block page_content %}
  18.     <main id="page-content" class="">
  20.         <div class="masterhead" style="background-image: url({{ asset('build/images/pages/owner_2_1.jpg') }});">
  21.             <div class="title-container mt-3">
  22.                 <h2 class="font-weight-bold text-center">
  23.                     Investir dans des biens
  24.                     <br>en <span class="font-italic text-primary">coliving</span>
  25.                 </h2>
  26.                 <p>Un rendement optimal pour vos investissements</p>
  27.             </div>
  28.         </div>
  31.         <div class="triptych">
  32.             <div class="triptych-1">
  33.                 <h2>Étude de <br><span>votre projet</span></h2>
  34.                 <p>
  35.                     Nos experts vous aide à définir votre cahier des charges, pour établir une stratégie d'investissement adaptée.
  36.                 </p>
  37.                 <div class="cta-container">
  38.                     <a href="#form" class="btn btn-primary">
  39.                         Prendre rendez-vous<br>avec un conseiller
  40.                     </a>
  41.                 </div>
  42.             </div>
  43.             <div class="triptych-1">
  44.                 <h2>Réalisation de <br><span>votre projet</span></h2>
  45.                 <p>
  46.                     Nos équipes gèrent tout pour vous : Travaux de rénovation, d'ameublement et de décoration.
  47.                 </p>
  48.                 <div class="cta-container">
  49.                     <a href="{{ path('front_search_index') }}" class="btn btn-primary">
  50.                         Voir nos<br>réalisations
  51.                     </a>
  52.                 </div>
  53.             </div>
  54.             <div class="triptych-3">
  55.                 <div>
  56.                     Rendement 4 à 6% net
  57.                     <br><small>+ Plus value à venir</small>
  58.                 </div>
  59.             </div>
  60.         </div>
  62.         <div class="text-image-left">
  63.             <img src="{{ asset('build/images/pages/investors_3_2.jpg') }}" class="illustration">
  65.             <div class="content">
  66.                 <div class="group">
  67.                     <img src="{{ asset('build/images/icons/icon_key.svg') }}" class="icon">
  68.                     <strong>Des coliving déjà exploités, loués et rénovés</strong>
  69.                     <div>
  70.                         États locatifs, rendement réel
  71.                         <br>Taux d’occupation réel
  72.                         <br>Montant maintenance annuel
  73.                     </div>
  74.                 </div>
  75.                 <div class="group">
  76.                     <img src="{{ asset('build/images/icons/icon_handshake.svg') }}" class="icon">
  77.                     <strong>Nous gérons tout pour vous</strong>
  78.                     <div>
  79.                         Régie
  80.                         <br>Maintenance
  81.                         <br>Ménage, services
  82.                     </div>
  83.                 </div>
  84.                 <div class="group">
  85.                     <img src="{{ asset('build/images/icons/icon_eco_2.svg') }}" class="icon">
  86.                     <strong>Un investissement citoyen et éco-responsable</strong>
  87.                     <div>
  88.                         Meubles éco-responsable
  89.                         <br>Economie d’énergie, d’eau
  90.                         <br>Tri des déchets
  91.                     </div>
  92.                 </div>
  93.             </div>
  95.         </div>
  97.         <div class="block-image-text-container">
  98.             <div class="block-image-text type-investors-1">
  99.                 <div class="content bg-shape">
  100.                     <h2 class="title">Des biens réversibles en location simple sans travaux.</h2>
  101.                     <p>Vous achetez au prix du marché aucun risque</p>
  102.                 </div>
  103.                 <div class="illustrations">
  104.                     <img class="illustration" src="{{ asset('build/images/pages/investors_3_3.jpg') }}" alt="">
  105.                 </div>
  106.             </div>
  107.             <div class="block-image-text type-investors-2">
  108.                 <div class="content bg-shape">
  109.                     <h2 class="title">Des emplacements attractifs</h2>
  110.                     <p>Toujours à proximité des universités / écoles à moins de 500m d’un métro, d’un tram, ou d’un bus maison avec jardin, appartement avec balcon</p>
  111.                 </div>
  112.                 <div class="illustrations">
  113.                     <img class="illustration" src="{{ asset('build/images/pages/investors_3_4.jpg') }}" alt="">
  114.                 </div>
  115.             </div>
  116.             <div class="block-image-text type-investors-3">
  117.                 <div class="content bg-shape">
  118.                     <h2 class="title">Tout est digitalisé !</h2>
  119.                     <p>Vous suivez tout à distance via notre application mobile et notre site internet.</p>
  120.                 </div>
  121.                 <div class="illustrations">
  122.                     <img class="illustration" src="{{ asset('build/images/pages/services_2_5.png') }}" alt="">
  123.                 </div>
  124.             </div>
  125.             <div class="block-image-text type-investors-4">
  126.                 <div class="content bg-shape">
  127.                     <h2 class="title">Garantie loyer impayée</h2>
  128.                     <p>    Vous êtes assurés, pas de mauvaise surprise !</p>
  129.                 </div>
  130.                 <div class="illustrations">
  131.                     <img class="illustration" src="{{ asset('build/images/pages/investors_3_5.jpg') }}" alt="">
  132.                 </div>
  133.             </div>
  134.         </div>
  136.         <div class="title-container mt-3">
  137.             <h2 class="font-weight-bold text-center">Qu’est-ce que le coliving <span class="font-italic text-primary">Citizens</span>&nbsp;?</h2>
  138.         </div>
  140.         <div class="icons-texts">
  141.             <div class="icon-text">
  142.                 <img src="{{ asset('build/images/pages/investors_3_icon_2.png') }}" class="icon">
  143.                 <div>Un logement pour plusieurs jeunes actifs ou étudiants</div>
  144.             </div>
  145.             <div class="icon-text">
  146.                 <img src="{{ asset('build/images/pages/investors_3_icon_3.png') }}" class="icon">
  147.                 <div>Éco-responsable, Meublé,<br>Suréquipé et décoré
  148.                 </div>
  149.             </div>
  150.             <div class="icon-text">
  151.                 <img src="{{ asset('build/images/pages/investors_3_icon_4.png') }}" class="icon">
  152.                 <div>Avec de nombreux services et loisirs inclus</div>
  153.             </div>
  154.         </div>
  156.         <div class="graph-container">
  157.             <h2>
  158.                 L’évolution de <span>Citizens</span>
  159.             </h2>
  160.             <img src="{{ asset('build/images/pages/investors_3_graph_1.png') }}" class="graph">
  161.         </div>
  163.         <div class="title-container mt-3">
  164.             <h2 class="font-weight-bold text-center">Nos <span class="font-italic text-primary">réalisations</span></h2>
  165.             <p>Des revenus locatifs augmentés de 50% en moyenne</p>
  166.         </div>
  168.         <section class="container accommodations-list">
  169.             <div>
  170.                 <div class="left">
  171.                     <div class="owl-carousel carousel-hp-v6" data-controller="carousel" data-type="hp-v6" data-external-controls="carousel-hp-v6-controls">
  172.                         {% for accommodation in accommodations %}
  173.                             <div class="item">
  174.                                 {% include 'front/search/accommodation-card.html.twig' with {accommodation: accommodation, hideSlider: true, altText: true, class: 'simple', thumbFilterName: 'accommodation_square_thumb'} %}
  175.                             </div>
  176.                         {% endfor %}
  177.                     </div> <!-- carousel -->
  178.                 </div>
  179.                 <div id="carousel-hp-v6-controls" class="arrow">
  180.                     <button class="prevBtn btn-prev" aria-label="précédent"><img src="{{ asset('build/images/icons/icon_arrow_left.svg') }}" alt="left"></button>
  181.                     <button class="nextBtn btn-next" aria-label="suivant"><img src="{{ asset('build/images/icons/icon_arrow_right.svg') }}" alt="right"></button>
  182.                 </div>
  183.             </div>
  184.         </section>
  186.         <br>
  187.         <br>
  189.         <section class="faq small mt-3" style="padding-top: 0;">
  190.             <div class="faq-ctn box-shadow">
  191.                 <div class="container d-flex justify-content-between">
  192.                     <h2>Bénéficiez d’un accompagnement personnalisé</h2>
  193.                 </div>
  194.             </div>
  195.         </section>
  197.         <div class="card borderless form-card" id="form">
  198.             <div class="row">
  199.                 <div class="col col-md-7">
  200.                     <div class="form-container">
  201.                         <h2 class="title"><span>Discutons</span>-en</h2>
  202.                         {{ form_start(form, {'attr': {'data-controller': 'form'}}) }}
  203.                         {% if success %}
  204.                             <div class="alert alert-success mt-4 mb-4">
  205.                                 {{ 'text.contact_success'|trans }}
  206.                             </div>
  207.                             <br>
  208.                         {% else %}
  209.                             {{ form_widget(form.firstname) }}
  210.                             {{ form_widget(form.lastname) }}
  211.                             {{ form_widget(form.email) }}
  212.                             {{ form_widget(form.phone) }}
  213.                             <small class="d-block mt-2">
  214.                                 {{ form_row(form.optin) }}
  215.                             </small>
  217.                             <div>
  218.                                 {{ form_widget(form.recaptcha) }}
  219.                             </div>
  221.                             <div class="cta-container">
  222.                                 <input class="submit btn btn-primary" type="submit" name="submit" id="submit" value="ENVOYER">
  223.                             </div>
  225.                             {{ form_row(form._token) }}
  226.                         {% endif %}
  227.                         {{ form_end(form, {render_rest: false}) }}
  228.                     </div>
  229.                 </div>
  230.                 <div class="col col-md-5 img-container">
  231.                     <img src="{{ asset('build/images/pages/owner_2_9.jpg') }}" class="w-100">
  232.                 </div>
  233.             </div>
  234.         </div>
  236.     </main>
  238. {% endblock %}
  241. {% block stylesheets %}
  242.     {{ parent() }}
  243.     {{ encore_entry_link_tags('page-investors-4') }}
  244. {% endblock %}