templates/front/static/estimation.html.twig line 89

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %} - Estimer votre bien{% endblock %}
  4. {% block meta_description %}Estimez gratuitement en ligne votre maison ou votre appartement. Nos conseillers de proximité se tiennent à votre disposition pour affiner votre avis de valeur{% endblock %}
  6. {% block content %}
  7. <section id="estimation" class="container-fluid px-0">
  8.     {# <h2 class="section_title">Estimer maintenant</h2> #}
  9.     {# <hr class="separateur-rouge" /> #}
  10.         <iframe id="estimation_iframe" src="https://estimator.cityscan.fr/05119232-132e-4f42-b4ed-5a17ec424a66" scrolling="yes" frameborder="no" style="overflow: hidden; height: 630px;"></iframe>
  11. </section>
  13. <section id="intro" class="container py-5">
  14.     <h2 class="section_title">Pourquoi un avis de valeur ?</h2>
  15.     <hr class="separateur-rouge" />
  16.     <p class="text-justify text-md-left">L’estimation est un point clé de la transaction immobilière. Pour obtenir un prix de vente au plus proche de celui du marché et réussir sa transaction, une analyse précise est indispensable. Elle doit se baser sur une prise exacte des caractéristiques sur place, les derniers biens vendus et sur l’analyse des biens en concurrence. Cette analyse comparative de marché permettra de vendre votre bien immobilier dans les meilleures conditions.</p>
  18.     <div id="" class="row text-center pt-5 presentation">
  19.         <div class="col-md-4">
  20.             {# <img src="{{ asset('assets/media/estimation/Fusee.png') | imagine_filter('runtime',  {"thumbnail": {"size": [100, 100],  'mode': 'inset'  }}) }}" /> #}
  21.             <div class="picto_font"><i class="icon-rocket"></i></div>
  22.             <h4>Rapide</h4>
  23.             <p>Une estimation immédiate et un avis de valeur précis en moins de 48H</p>
  24.         </div>
  25.         <div class="col-md-4">
  26.             {# <img src="{{ asset('assets/media/estimation/Cible.png') | imagine_filter('runtime',  {"thumbnail": {"size": [100, 100],  'mode': 'inset'  }}) }}" /> #}
  27.             <div class="picto_font"><i class="icon-cible"></i></div>
  28.             <h4>Précis</h4>
  29.             <p>Notre base de données et l’expérience de nos conseillers à votre disposition</p>
  30.         </div>
  31.         <div class="col-md-4">
  32.             {# <img src="{{ asset('assets/media/estimation/Gratuit.png') | imagine_filter('runtime',  {"thumbnail": {"size": [100, 100],  'mode': 'inset'  }}) }}" /> #}
  33.             <div class="picto_font"><i class="icon-diamond"></i></div>
  34.             <h4>Gratuit</h4>
  35.             <p>En ligne ou à votre domicile, nous vous offrons votre estimation </p>
  36.         </div>
  37.     </div>
  38. </section>
  40. <section class="container-fluid ">
  41.     <div class="row">
  42.         <div class="col-md-6 mx-3 mx-md-0 bloc_txt_image text-white" >
  43.             <div class="bg_image" style="background-image: url({{ asset('assets/media/estimation/estimer-en-ligne.jpg') }});"></div>
  44.             <div class="overlay"></div>
  45.             <div class="content" >
  46.                 <div class="mx-3 my-4 m-xl-5 p-xl-4 d-flex align-items-center  text-center">
  47.                     <div>
  48.                         <h2 class="mb-4">ESTIMER IMMÉDIATEMENT</h2>
  49.                         <p class="mb-5 px-5 mx-5">Vous souhaitez avoir une idée de la valeur de votre bien immobilier en moins de 5 minutes ? Notre algorithme vous permettra d'obtenir une fourchette de prix théorique basée sur les données actuelles du marché.</p>
  50.                         <a class="btn btn-outline-light" href="#estimation">Estimer maintenant</a>
  51.                     </div>
  52.                 </div>
  53.             </div>
  54.         </div>
  55.         <div class="col-md-6 mx-3 mx-md-0 mt-3 mt-md-0 bloc_txt_image text-white" >
  56.             <div class="bg_image" style="background-image: url({{ asset('assets/media/estimation/faire-estimer.jpg') }});"></div>
  57.             <div class="overlay"></div>
  58.             <div class="content" >
  59.                 <div class="mx-3 my-4 m-xl-5 p-xl-4 d-flex align-items-center  text-center">
  60.                     <div>
  61.                         <h2 class="mb-4">ESTIMER AVEC UN CONSEILLER</h2>
  62.                         <p class="mb-5 px-5 mx-5">
  63.                             Un conseiller Sublimons se déplacera gratuitement chez vous pour établir un dossier précis et complet.
  64.                             L'environnement direct de votre bien et ses qualités techniques seront alors analysés.
  65.                         </p>
  66.                         <a class="btn btn-outline-light btn_popin_contact" href="javascript:void(0)">En savoir + </a>
  67.                     </div>
  68.                 </div>
  69.             </div>
  70.         </div>
  71.     </div>
  72. </section>
  74. {# <section id="estimation" class="container-fluid py-5 px-0">
  75.     <h2 class="section_title">Estimer maintenant</h2>
  76.     <hr class="separateur-rouge" />
  77.         <iframe id="estimation_iframe" src="https://estimator.cityscan.fr/05119232-132e-4f42-b4ed-5a17ec424a66" scrolling="yes" frameborder="no" style="overflow: hidden; height: 630px;"></iframe>
  78. </section> #}
  80. <section  class="container-fluid py-5">
  81.     <h2 class="section_title">Nos clients recommandent Sublimons</h2>
  82.     <hr class="separateur-rouge" />
  83.     <div class="container">
  84.         <div class="d-flex py-4">
  85.             {# <img class=" mr-3" width="75px"  height="75px" src="{{ asset('assets/media/accueil/3.png') }}"> #}
  86.             <p class="text-secondary" style="font-size: 0.96rem;">Opinion System est un organisme indépendant de sondage et d’opinion, spécialisé dans les avis clients. Les données recueillies font l’objet d’un contrôle strict afin de fournir une information objective, fiable et transparente. Pour plus d’informations, retrouvez-nous sur <a href="https://www.opinionsystem.fr/fr-fr/certificate/9216" target="_blank">www.opinionsystem.fr</a></p>
  87.         </div>
  89.         {{ render(controller('App\\Controller\\Front\\HomeController::testimonies', { 'rating_limit': 90 , 'with_os' : true}))  }}
  90.     </div>
  91. </section>
  93. <section class="container container-lg my-5">
  94.     <h2 class="section_title">Nos dernières réussites</h2>
  95.     <hr class="separateur-rouge" />
  96.     {{ render(controller('App\\Controller\\Front\\HomeController::lastEstates'))  }}
  97. </section>
  99. {% endblock %}
  101. {% block stylesheets %}
  102.     {{ parent() }}
  103.     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/select2@4.1.0-beta.1/dist/css/select2.min.css" />    
  104.     <link href="{{ asset('assets/vendor/OwlCarousel2-2.3.4/dist/assets/owl.carousel.min.css') }}" rel="stylesheet" >
  105.     <link href="{{ asset('assets/vendor/OwlCarousel2-2.3.4/dist/assets/owl.theme.default.min.css') }}" rel="stylesheet" >  
  106. {% endblock %}
  107. {% block javascripts %}
  108.     {{ parent() }}
  109.     <script src="{{ asset('bundles/fosjsrouting/js/router.min.js') }}"></script>
  110.     <script src="{{ path('fos_js_routing_js', { callback: 'fos.Router.setData' }) }}"></script>
  112.     <script src="{{ asset('assets/vendor/OwlCarousel2-2.3.4/dist/owl.carousel.min.js') }}"></script>
  113.     <script>
  115.     jQuery(document).ready(function(){ 
  118.         $("#testimonies").owlCarousel({
  119.             loop:true,
  120.             autoplay:true,
  121.             autoplayTimeout:owl_speed,
  122.             autoplayHoverPause:true,
  123.             smartSpeed:500,
  124.             margin:30,
  125.             nav:false,
  126.             responsive:{
  127.                 0:{items:1},
  128.                 // 767:{items:2},
  129.                 992:{items:3}
  130.             }
  131.         });
  133.     });
  135.     </script>
  136. {% endblock %}