spb/lou-ka Public
Lou·Ka — tous les logements à louer du Québec, un seul endroit.
HTML 99.7%
12345 <!DOCTYPE html>6 <html lang="fr" class="">78 <head>9 10 <meta charset="utf-8">11 <meta name="viewport" content="width=device-width, initial-scale=1.0" />12 <meta name="format-detection" content="telephone=no" />13 <link rel="alternate" href="https://lafrance-mathieu.com" hreflang="fr-ca" />14 <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />15 <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" />16 <link rel="stylesheet" href="/static/styling/index.css" />17 <script src="https://kit.fontawesome.com/72880f5a8c.js" crossorigin="anonymous"></script>18 <link rel="stylesheet" href="/static/styling/vendor/jssocials.css" />19 <link rel="stylesheet" href="/static/styling/vendor/jssocials-theme-flat.css" />20 <link rel="stylesheet" href="https://unpkg.com/leaflet@1.5.1/dist/leaflet.css" integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ==" crossorigin="" />21 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css" integrity="sha256-siyOpF/pBWUPgIcQi17TLBkjvNgNQArcmwJB8YvkAgg=" crossorigin="anonymous" />22 23<meta name="title" content="Lafrance & Mathieu - Gestion immobilière">24<meta name="description"25 content="Découvrez la page corporative de Lafrance et Mathieu. Découvrez nos appartements et services.">26<meta name="keywords"27 content="appartement a louer,logement a louer, appartement, louer, logement vacant, logement, Québec, immeuble, location, service, gestion, immobilière, immeuble, lafrance, mathieu, ">28<meta name="robots" content="index, follow">29<title>Lafrance & Mathieu - Gestion immobilière</title>3031 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">32 <meta name="language" content="French">33 <link rel="icon" type="image/ico" href="/static/images/favicon.ico" />34 3536 <!-- Google Tag Manager -->37 <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':38 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],39 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=40 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);41 })(window,document,'script','dataLayer','GTM-T675TG3');</script>42 <!-- End Google Tag Manager -->43 </head>4445 <body>46 <!-- Google Tag Manager (noscript) -->47 <noscript><iframe src=https://www.googletagmanager.com/ns.html?id=GTM-T675TG348 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>49 <!-- End Google Tag Manager (noscript) -->50 51 <div class="main-container">52 <header id="gilm-header" class>53 54555657<nav class="nav desktop-nav">58 <div class="desktop-nav-top">59 <a class="desktop-nav-top-link" href="/faire-carriere/">60 <p>Carrières</p>61 </a>62 63 <a class="desktop-nav-top-link" href="/blog">64 <p>Lafrance et Mathieu: Blogue</p>65 </a>66 67 <a class="desktop-nav-top-link" href="https://espace-client.lafrance-mathieu.com" target="_blank">68 <p class="text-primary">Connexion</p>69 </a>70 </div>71 <div class="desktop-nav-bottom desktop-nav-bottom-home">72 <ul class="desktop-nav-bottom-content left">73 74 75 7677787980<li81 class="nav-item dropdown "82 href="#"83>84 <a85 class="nav-link py-0 dropdown-toggle header-main-navigation"86 href="#"87 id="navbardrop"88 data-toggle="dropdown"89 >90 Services de gestion <br class='nav-item-translation'>immobilière91 <svg xmlns="http://www.w3.org/2000/svg" width="11" height="6" viewBox="0 0 11 6">92 <path fill="#B5A05F" fill-rule="evenodd" d="M9.43.26a.596.596 0 1 1 .843.843l-4.17 4.17a.596.596 0 0 1-.843 0l-4.17-4.17A.596.596 0 1 1 1.931.26l3.75 3.75L9.43.26z"/>93</svg>9495 </a>96 <ul97 class="dropdown-menu dark dropdown-submenu"98 >99 100 101 <li class="nav-item">102 <a103 class="dropdown-item header-main-navigation text-wrap "104 href="/services-de-gestion-immobiliere"105 >106 Présentation de nos services107 </a>108 </li>109 110 111 112 <li class="nav-item">113 <a114 class="dropdown-item header-main-navigation text-wrap "115 href="/services-de-gestion-immobiliere/gestion-coproprietes-quebec"116 >117 Gestion d’immeubles en copropriété118 </a>119 </li>120 121 122 123 <li class="nav-item">124 <a125 class="dropdown-item header-main-navigation text-wrap "126 href="/services-de-gestion-immobiliere/gestion-immeubles-logements"127 >128 Gestion immobilière d'appartements en location129 </a>130 </li>131 132 133 134 <li class="nav-item">135 <a136 class="dropdown-item header-main-navigation text-wrap "137 href="/services-de-gestion-immobiliere/gestion-immeubles-bureaux-commercial"138 >139 Gestion immobilière commerciale140 </a>141 </li>142 143 144 145 <li class="nav-item">146 <a147 class="dropdown-item header-main-navigation text-wrap "148 href="/services-de-gestion-immobiliere/courtage-immobilier-residentiel-locatif-commercial"149 >150 Service de courtage immobilier151 </a>152 </li>153 154 155 156 <li class="nav-item">157 <a158 class="dropdown-item header-main-navigation text-wrap "159 href="/services-de-gestion-immobiliere/gilm-renovation"160 >161 GILM Rénovation162 </a>163 </li>164 165 166 </ul>167 <hr class="my-1 border-gray-medium d-none">168</li>169170171172 173 174 175 176177<li class="nav-item ">178 <a class="nav-link py-0 header-main-navigation"179 href="/louer-appartement-quebec/">Logements <br class='nav-item-translation'>à louer</a>180 <hr class="my-1 border-gray-medium d-none">181</li>182183184 185 186 187 188189<li class="nav-item ">190 <a class="nav-link py-0 header-main-navigation"191 href="/commercial/">Espaces <br class='nav-item-translation'>commerciaux</a>192 <hr class="my-1 border-gray-medium d-none">193</li>194195196 197 198 </ul>199 200 <ul class="desktop-nav-bottom-content">201 <li class="desktop-nav-logo">202 <a href="/">203 <img src="/static/images/logos/sansfond_horizontal_noir.png" alt="L&M Logo" class="desktop-nav-logo-horizontal d-none" />204 <img src="/static/images/logos/sansfond_vertical_blanc.png" alt="L&M Logo" class="desktop-nav-logo-vertical " />205 </a>206 </li>207 </ul>208209 <ul class="desktop-nav-bottom-content right">210 211 212 213214<li class="nav-item order-5">215 <a class="nav-link py-0 header-main-navigation"216 href="/espace-client/">Découvrez <br class='nav-item-translation'>l'Espace client</a>217 <hr class="my-1 border-gray-medium d-none">218</li>219220221 222 223 224 225226227228229<li230 class="nav-item dropdown order-6"231 href="#"232>233 <a234 class="nav-link py-0 dropdown-toggle header-main-navigation"235 href="#"236 id="navbardrop"237 data-toggle="dropdown"238 >239 À propos de <br class='nav-item-translation'>Lafrance & Mathieu240 <svg xmlns="http://www.w3.org/2000/svg" width="11" height="6" viewBox="0 0 11 6">241 <path fill="#B5A05F" fill-rule="evenodd" d="M9.43.26a.596.596 0 1 1 .843.843l-4.17 4.17a.596.596 0 0 1-.843 0l-4.17-4.17A.596.596 0 1 1 1.931.26l3.75 3.75L9.43.26z"/>242</svg>243244 </a>245 <ul246 class="dropdown-menu dark dropdown-submenu"247 >248 249 250 <li class="nav-item">251 <a252 class="dropdown-item header-main-navigation text-wrap "253 href="/qui-sommes-nous/?tab=1"254 >255 Qui sommes-nous256 </a>257 </li>258 259 260 261 <li class="nav-item">262 <a263 class="dropdown-item header-main-navigation text-wrap "264 href="/qui-sommes-nous/?tab=2"265 >266 Mission et valeurs267 </a>268 </li>269 270 271 272 <li class="nav-item">273 <a274 class="dropdown-item header-main-navigation text-wrap "275 href="/qui-sommes-nous/?tab=3"276 >277 Équipe de direction278 </a>279 </li>280 281 282 </ul>283 <hr class="my-1 border-gray-medium d-none">284</li>285286287288 289 290 291 292293<li class="nav-item order-7">294 <a class="nav-link py-0 header-main-navigation"295 href="/nous-joindre/">Nous <br class='nav-item-translation'>contacter</a>296 <hr class="my-1 border-gray-medium d-none">297</li>298299300 301 302 </ul>303 </div>304</nav>305<nav class="nav mobile-nav">306 <div class="nav-bottom nav-d-none order-2" id="navbarSupportedContent">307 <ul class="nav-main-links">308 309 310 311312<li class="nav-item active ">313 <a class="nav-link py-0 header-main-navigation"314 href="/">Accueil</a>315 <hr class="my-1 border-gray-medium d-none">316</li>317318319 320 321 322 323324325326327<li328 class="nav-item dropdown "329 href="#"330>331 <a332 class="nav-link py-0 dropdown-toggle header-main-navigation"333 href="#"334 id="navbardrop"335 data-toggle="dropdown"336 >337 Services de gestion <br class='nav-item-translation'>immobilière338 <svg xmlns="http://www.w3.org/2000/svg" width="11" height="6" viewBox="0 0 11 6">339 <path fill="#B5A05F" fill-rule="evenodd" d="M9.43.26a.596.596 0 1 1 .843.843l-4.17 4.17a.596.596 0 0 1-.843 0l-4.17-4.17A.596.596 0 1 1 1.931.26l3.75 3.75L9.43.26z"/>340</svg>341342 </a>343 <ul344 class="dropdown-menu bg-gray-blue dropdown-submenu"345 >346 347 348 <li class="nav-item">349 <a350 class="dropdown-item header-main-navigation text-wrap "351 href="/services-de-gestion-immobiliere"352 >353 Présentation de nos services354 </a>355 </li>356 357 358 359 <li class="nav-item">360 <a361 class="dropdown-item header-main-navigation text-wrap "362 href="/services-de-gestion-immobiliere/gestion-coproprietes-quebec"363 >364 Gestion d’immeubles en copropriété365 </a>366 </li>367 368 369 370 <li class="nav-item">371 <a372 class="dropdown-item header-main-navigation text-wrap "373 href="/services-de-gestion-immobiliere/gestion-immeubles-logements"374 >375 Gestion immobilière d'appartements en location376 </a>377 </li>378 379 380 381 <li class="nav-item">382 <a383 class="dropdown-item header-main-navigation text-wrap "384 href="/services-de-gestion-immobiliere/gestion-immeubles-bureaux-commercial"385 >386 Gestion immobilière commerciale387 </a>388 </li>389 390 391 392 <li class="nav-item">393 <a394 class="dropdown-item header-main-navigation text-wrap "395 href="/services-de-gestion-immobiliere/courtage-immobilier-residentiel-locatif-commercial"396 >397 Service de courtage immobilier398 </a>399 </li>400 401 402 403 <li class="nav-item">404 <a405 class="dropdown-item header-main-navigation text-wrap "406 href="/services-de-gestion-immobiliere/gilm-renovation"407 >408 GILM Rénovation409 </a>410 </li>411 412 413 </ul>414 <hr class="my-1 border-gray-medium d-none">415</li>416417418419 420 421 422 423424<li class="nav-item ">425 <a class="nav-link py-0 header-main-navigation"426 href="/louer-appartement-quebec/">Logements <br class='nav-item-translation'>à louer</a>427 <hr class="my-1 border-gray-medium d-none">428</li>429430431 432 433 434 435436<li class="nav-item ">437 <a class="nav-link py-0 header-main-navigation"438 href="/commercial/">Espaces <br class='nav-item-translation'>commerciaux</a>439 <hr class="my-1 border-gray-medium d-none">440</li>441442443 444 445 446 447448<li class="nav-item ">449 <a class="nav-link py-0 header-main-navigation"450 href="/espace-client/">Découvrez <br class='nav-item-translation'>l'Espace client</a>451 <hr class="my-1 border-gray-medium d-none">452</li>453454455 456 457 458 459460461462463<li464 class="nav-item dropdown "465 href="#"466>467 <a468 class="nav-link py-0 dropdown-toggle header-main-navigation"469 href="#"470 id="navbardrop"471 data-toggle="dropdown"472 >473 À propos de <br class='nav-item-translation'>Lafrance & Mathieu474 <svg xmlns="http://www.w3.org/2000/svg" width="11" height="6" viewBox="0 0 11 6">475 <path fill="#B5A05F" fill-rule="evenodd" d="M9.43.26a.596.596 0 1 1 .843.843l-4.17 4.17a.596.596 0 0 1-.843 0l-4.17-4.17A.596.596 0 1 1 1.931.26l3.75 3.75L9.43.26z"/>476</svg>477478 </a>479 <ul480 class="dropdown-menu bg-gray-blue dropdown-submenu"481 >482 483 484 <li class="nav-item">485 <a486 class="dropdown-item header-main-navigation text-wrap "487 href="/qui-sommes-nous/?tab=1"488 >489 Qui sommes-nous490 </a>491 </li>492 493 494 495 <li class="nav-item">496 <a497 class="dropdown-item header-main-navigation text-wrap "498 href="/qui-sommes-nous/?tab=2"499 >500 Mission et valeurs501 </a>502 </li>503 504 505 506 <li class="nav-item">507 <a508 class="dropdown-item header-main-navigation text-wrap "509 href="/qui-sommes-nous/?tab=3"510 >511 Équipe de direction512 </a>513 </li>514 515 516 </ul>517 <hr class="my-1 border-gray-medium d-none">518</li>519520521522 523 524 </ul>525 <ul class="nav-quick-links mobile d-flex d-lg-none">526 527 528<div class="nav-item">529 <a class="header-secondary-navigation" href="/nous-joindre/">Nous <br class='nav-item-translation'>contacter</a>530</div>531532533 534 535<div class="nav-item">536 <a class="header-secondary-navigation" href="/blog">Blogue</a>537</div>538539540 541 542<div class="nav-item">543 <a class="header-secondary-navigation" href="/faire-carriere/">Carrières</a>544</div>545546547 548 <li class="nav-item nav-client-space">549 550551<a class="btn btn-primary header-button-navigation text-white" href="https://espace-client.lafrance-mathieu.com">Connexion à l’Espace client</a>552 </li>553 </ul>554 <div class="w-100 my-3 d-flex d-lg-none flex-wrap">555 <div class="mb-4 p-0 pr-4 d-flex flex-column">556 <a href="tel:14186265500" class="mb-2 d-flex align-items-center">557 <img src=/static/images/icons/call.svg alt="phone icon" class="footer-icon mr-2" />558 <span class="text-gray-light">418 626-5500</span>559 </a>560 <a href="/cdn-cgi/l/email-protection#6b02050d042b070a0d190a05080e46060a1f03020e1e45080406" target="_blank" class="mb-3 d-flex align-items-center">561 <img src=/static/images/icons/call.svg alt="email icon" class="footer-icon mr-2" />562 <span><span class="__cf_email__" data-cfemail="c0a9aea6af80aca1a6b2a1aea3a5edada1b4a8a9a5b5eea3afad">[email protected]</span></span>563 </a>564 <p class="footer-text text-uppercase text-white text-bold">Suivez-nous sur les réseaux</p>565 <div class="d-flex">566 <a href="https://ca.linkedin.com/company/gestion-immobilière-lafrance-et-mathieu-inc">567 <img src=/static/images/icons/linkedin.svg alt="linkedin icon"568 class="footer-social-icon mr-3" />569 </a>570 <a href="https://fr-ca.facebook.com/lafrance.mathieu">571 <img src=/static/images/icons/facebook.svg alt="facebook icon"572 class="footer-social-icon" />573 </a>574 </div>575 </div>576 <div class="mb-4 mb-md-0 p-0 pl-sm-4 px-md-4 d-flex flex-column">577 <p class="footer-text text-uppercase text-white text-bold">Soutien aux résidents (24/7)</p>578 <a href="tel:14186265500" class="mb-2 d-flex align-items-center">579 <img src=/static/images/icons/call.svg alt="phone icon" class="footer-icon mr-2" />580 <span class="text-gray-light">418 626-5500</span>581 </a>582 </div>583 </div>584 </div>585 <div class="nav-top order-1">586 <ul class="nav-main-links nav-main-links-top">587 588 589 590591<li class="nav-item active ">592 <a class="nav-link py-0 header-main-navigation"593 href="/">Accueil</a>594 <hr class="my-1 border-gray-medium d-none">595</li>596597598 599 600 601 602603604605606<li607 class="nav-item dropdown "608 href="#"609>610 <a611 class="nav-link py-0 dropdown-toggle header-main-navigation"612 href="#"613 id="navbardrop"614 data-toggle="dropdown"615 >616 Services de gestion <br class='nav-item-translation'>immobilière617 <svg xmlns="http://www.w3.org/2000/svg" width="11" height="6" viewBox="0 0 11 6">618 <path fill="#B5A05F" fill-rule="evenodd" d="M9.43.26a.596.596 0 1 1 .843.843l-4.17 4.17a.596.596 0 0 1-.843 0l-4.17-4.17A.596.596 0 1 1 1.931.26l3.75 3.75L9.43.26z"/>619</svg>620621 </a>622 <ul623 class="dropdown-menu bg-gray-blue dropdown-submenu"624 >625 626 627 <li class="nav-item">628 <a629 class="dropdown-item header-main-navigation text-wrap "630 href="/services-de-gestion-immobiliere"631 >632 Présentation de nos services633 </a>634 </li>635 636 637 638 <li class="nav-item">639 <a640 class="dropdown-item header-main-navigation text-wrap "641 href="/services-de-gestion-immobiliere/gestion-coproprietes-quebec"642 >643 Gestion d’immeubles en copropriété644 </a>645 </li>646 647 648 649 <li class="nav-item">650 <a651 class="dropdown-item header-main-navigation text-wrap "652 href="/services-de-gestion-immobiliere/gestion-immeubles-logements"653 >654 Gestion immobilière d'appartements en location655 </a>656 </li>657 658 659 660 <li class="nav-item">661 <a662 class="dropdown-item header-main-navigation text-wrap "663 href="/services-de-gestion-immobiliere/gestion-immeubles-bureaux-commercial"664 >665 Gestion immobilière commerciale666 </a>667 </li>668 669 670 671 <li class="nav-item">672 <a673 class="dropdown-item header-main-navigation text-wrap "674 href="/services-de-gestion-immobiliere/courtage-immobilier-residentiel-locatif-commercial"675 >676 Service de courtage immobilier677 </a>678 </li>679 680 681 682 <li class="nav-item">683 <a684 class="dropdown-item header-main-navigation text-wrap "685 href="/services-de-gestion-immobiliere/gilm-renovation"686 >687 GILM Rénovation688 </a>689 </li>690 691 692 </ul>693 <hr class="my-1 border-gray-medium d-none">694</li>695696697698 699 700 701 702703<li class="nav-item ">704 <a class="nav-link py-0 header-main-navigation"705 href="/louer-appartement-quebec/">Logements <br class='nav-item-translation'>à louer</a>706 <hr class="my-1 border-gray-medium d-none">707</li>708709710 711 712 713 714715<li class="nav-item ">716 <a class="nav-link py-0 header-main-navigation"717 href="/commercial/">Espaces <br class='nav-item-translation'>commerciaux</a>718 <hr class="my-1 border-gray-medium d-none">719</li>720721722 723 724 725 726727<li class="nav-item ">728 <a class="nav-link py-0 header-main-navigation"729 href="/espace-client/">Découvrez <br class='nav-item-translation'>l'Espace client</a>730 <hr class="my-1 border-gray-medium d-none">731</li>732733734 735 736 737 738739740741742<li743 class="nav-item dropdown "744 href="#"745>746 <a747 class="nav-link py-0 dropdown-toggle header-main-navigation"748 href="#"749 id="navbardrop"750 data-toggle="dropdown"751 >752 À propos de <br class='nav-item-translation'>Lafrance & Mathieu753 <svg xmlns="http://www.w3.org/2000/svg" width="11" height="6" viewBox="0 0 11 6">754 <path fill="#B5A05F" fill-rule="evenodd" d="M9.43.26a.596.596 0 1 1 .843.843l-4.17 4.17a.596.596 0 0 1-.843 0l-4.17-4.17A.596.596 0 1 1 1.931.26l3.75 3.75L9.43.26z"/>755</svg>756757 </a>758 <ul759 class="dropdown-menu bg-gray-blue dropdown-submenu"760 >761 762 763 <li class="nav-item">764 <a765 class="dropdown-item header-main-navigation text-wrap "766 href="/qui-sommes-nous/?tab=1"767 >768 Qui sommes-nous769 </a>770 </li>771 772 773 774 <li class="nav-item">775 <a776 class="dropdown-item header-main-navigation text-wrap "777 href="/qui-sommes-nous/?tab=2"778 >779 Mission et valeurs780 </a>781 </li>782 783 784 785 <li class="nav-item">786 <a787 class="dropdown-item header-main-navigation text-wrap "788 href="/qui-sommes-nous/?tab=3"789 >790 Équipe de direction791 </a>792 </li>793 794 795 </ul>796 <hr class="my-1 border-gray-medium d-none">797</li>798799800801 802 803 </ul>804 <button class="nav-toggle d-block d-lg-none" type="button" onclick="toggleMenu();">805 <img class="nav-toggle-icon icon-top d-none" src="/static/images/menu.svg" alt="menu">806 <img class="nav-toggle-icon icon-sticky" src="/static/images/menu-dark.svg" alt="menu">807 </button>808 <ul class="nav-quick-links">809 810 811<div class="nav-item">812 <a class="header-secondary-navigation" href="/nous-joindre/">Nous <br class='nav-item-translation'>contacter</a>813</div>814815816 817 818<div class="nav-item">819 <a class="header-secondary-navigation" href="/blog">Blogue</a>820</div>821822823 824 825<div class="nav-item">826 <a class="header-secondary-navigation" href="/faire-carriere/">Carrières</a>827</div>828829830 831 <li class="nav-item nav-client-space">832 833834<a class="btn btn-primary header-button-navigation text-white" href="https://espace-client.lafrance-mathieu.com">Connexion à l’Espace client</a>835 </li>836 </ul>837 <a class="nav-logo-link" href="/">838 <img id="logo-white" class="nav-logo-img icon-top d-none" src="/static/images/logos/sansfond_horizontal_blanc.png"839 alt="L&M Logo">840 <img id="logo-dark" class="nav-logo-img icon-sticky" src="/static/images/logos/sansfond_horizontal_noir.png"841 alt="L&M Logo">842 </a>843 </div>844 845 846 847 848 849 850 851 852</nav>853854<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>855 function toggleMenu() {856 scrollPosition = window.scrollY;857858 const menu = document.getElementById("navbarSupportedContent");859 menu.classList.toggle("nav-d-none");860 861 const mobileTabs = document.getElementsByClassName("mobile-tabs")[0];862 if (mobileTabs && mobileTabs.classList) {863 mobileTabs.classList.toggle("d-none");864 }865866 if (!menu.classList.contains("nav-d-none")) {867 makeHeaderDark();868 } else {869 makeHeaderClear();870 }871 }872873 window.addEventListener('touchmove', function (_e) {874 onScroll();875 });876 window.addEventListener('scroll', function (_e) {877 onScroll();878 });879880 function makeHeaderDark() {881 const header = document.getElementById("gilm-header");882 if (!header.classList.contains("top")) header.classList.add("top");883884 const lightIcons = document.getElementsByClassName("icon-top");885 const darkIcons = document.getElementsByClassName("icon-sticky");886 for (icon of lightIcons) {887 icon.classList.contains("d-none") && icon.classList.remove("d-none");888 }889 for (icon of darkIcons) {890 !icon.classList.contains("d-none") && icon.classList.add("d-none");891 }892 }893894 function makeHeaderClear() {895 const header = document.getElementById("gilm-header");896 if (header.classList.contains("top")) header.classList.remove("top");897898 const lightIcons = document.getElementsByClassName("icon-top");899 const darkIcons = document.getElementsByClassName("icon-sticky");900 for (icon of lightIcons) {901 !icon.classList.contains("d-none") && icon.classList.add("d-none");902 }903 for (icon of darkIcons) {904 icon.classList.contains("d-none") && icon.classList.remove("d-none");905 }906 }907 908 function onScroll() {909 910 scrollPosition = window.scrollY;911 const desktopNavBottom = document.getElementsByClassName("desktop-nav-bottom")[0];912 const verticalLogo = document.getElementsByClassName("desktop-nav-logo-vertical")[0];913 const horizontalLogo = document.getElementsByClassName("desktop-nav-logo-horizontal")[0];914 if (desktopNavBottom && horizontalLogo && verticalLogo) {915 if (scrollPosition < 106) {916 desktopNavBottom.classList.add("desktop-nav-bottom-home");917 horizontalLogo.classList.add("d-none");918 verticalLogo.classList.remove("d-none");919 } else {920 desktopNavBottom.classList.remove("desktop-nav-bottom-home");921 verticalLogo.classList.add("d-none");922 horizontalLogo.classList.remove("d-none");923 }924 }925 926 }927</script>928929 </header>930 <main class="overflow-y-hidden overflow-x-hidden home-main">931 932933934935<div class="container mw-100">936 <div class="row mb-5">937 <div class="page-hero-content home-hero-content position-relative d-flex justify-content-center align-items-center home-hero-content">938 <img939 src=/static/images/hero_main_page.jpg940 alt="hero image"941 class="position-absolute w-100 h-100 object-fit-cover"942 />943 <div class="diamond-border diamond-border-transparent d-flex flex-column align-items-center justify-content-center col-xl-7 py-4 py-sm-5 px-0 px-sm-2">944 <h1 class="text-white text-center mb-0 hero-h1">Votre immeuble sera toujours<br>entre bonnes mains</h1>945 </div>946 <div class="home-filters-container">947 <div class="container py-4">948 <h2 class="home-search-title">Trouver un logement à louer à Québec</h2>949 <form action="/louer-appartement-quebec/" id="search-form" class="col-12 p-0">950 951952<div class="d-flex justify-content-between justify-content-lg-start flex-wrap flex-lg-nowrap w-100">953 954 955956957958<div class="search-button-container mb-2 mb-lg-0 position-static big">959 <button 960 961 type="button" 962 class="search-button btn rounded-pill w-100" 963 data-toggle="toggle"964 >965 <span id="label-boroughs">Quartiers</span>966 <img src="/static/images/icons/add-filter.svg" alt="+">967 </button>968 <div class="search-input w-100 mw-100 d-none">969 <button class="search-close-button btn btn-no-outline text-primary" type="button">970 Fermer971 </button>972 973 <div class="row search-list">974 <ul class="list-unstyled d-flex flex-wrap col-12 m-0">975 976 <li class="col-12 col-lg-6 px-0">977 <label class="checkbox mb-2 ">978 <input979 id="boroughs-1"980 class="filter-value"981 name="boroughs"982 value="3"983 type="checkbox"984 985 onclick='updateButtonLabel("boroughs", "1", "Beauport", "Quartiers", "");'986 />987 <span class="checkmark"></span>988 Beauport989 </label>990 </li>991 992 <li class="col-12 col-lg-6 px-0">993 <label class="checkbox mb-2 ">994 <input995 id="boroughs-2"996 class="filter-value"997 name="boroughs"998 value="8"999 type="checkbox"1000 1001 onclick='updateButtonLabel("boroughs", "2", "Charlesbourg", "Quartiers", "");'1002 />1003 <span class="checkmark"></span>1004 Charlesbourg1005 </label>1006 </li>1007 1008 <li class="col-12 col-lg-6 px-0">1009 <label class="checkbox mb-2 ">1010 <input1011 id="boroughs-3"1012 class="filter-value"1013 name="boroughs"1014 value="9"1015 type="checkbox"1016 1017 onclick='updateButtonLabel("boroughs", "3", "L'Ancienne-Lorette", "Quartiers", "");'1018 />1019 <span class="checkmark"></span>1020 L'Ancienne-Lorette1021 </label>1022 </li>1023 1024 <li class="col-12 col-lg-6 px-0">1025 <label class="checkbox mb-2 ">1026 <input1027 id="boroughs-4"1028 class="filter-value"1029 name="boroughs"1030 value="10"1031 type="checkbox"1032 1033 onclick='updateButtonLabel("boroughs", "4", "Lebourgneuf", "Quartiers", "");'1034 />1035 <span class="checkmark"></span>1036 Lebourgneuf1037 </label>1038 </li>1039 1040 <li class="col-12 col-lg-6 px-0">1041 <label class="checkbox mb-2 ">1042 <input1043 id="boroughs-5"1044 class="filter-value"1045 name="boroughs"1046 value="4"1047 type="checkbox"1048 1049 onclick='updateButtonLabel("boroughs", "5", "Les Saules", "Quartiers", "");'1050 />1051 <span class="checkmark"></span>1052 Les Saules1053 </label>1054 </li>1055 1056 <li class="col-12 col-lg-6 px-0">1057 <label class="checkbox mb-2 ">1058 <input1059 id="boroughs-6"1060 class="filter-value"1061 name="boroughs"1062 value="14"1063 type="checkbox"1064 1065 onclick='updateButtonLabel("boroughs", "6", "Lévis", "Quartiers", "");'1066 />1067 <span class="checkmark"></span>1068 Lévis1069 </label>1070 </li>1071 1072 <li class="col-12 col-lg-6 px-0">1073 <label class="checkbox mb-2 ">1074 <input1075 id="boroughs-7"1076 class="filter-value"1077 name="boroughs"1078 value="1"1079 type="checkbox"1080 1081 onclick='updateButtonLabel("boroughs", "7", "Limoilou", "Quartiers", "");'1082 />1083 <span class="checkmark"></span>1084 Limoilou1085 </label>1086 </li>1087 1088 <li class="col-12 col-lg-6 px-0">1089 <label class="checkbox mb-2 ">1090 <input1091 id="boroughs-8"1092 class="filter-value"1093 name="boroughs"1094 value="15"1095 type="checkbox"1096 1097 onclick='updateButtonLabel("boroughs", "8", "Loretteville", "Quartiers", "");'1098 />1099 <span class="checkmark"></span>1100 Loretteville1101 </label>1102 </li>1103 1104 <li class="col-12 col-lg-6 px-0">1105 <label class="checkbox mb-2 ">1106 <input1107 id="boroughs-9"1108 class="filter-value"1109 name="boroughs"1110 value="6"1111 type="checkbox"1112 1113 onclick='updateButtonLabel("boroughs", "9", "Neufchatel", "Quartiers", "");'1114 />1115 <span class="checkmark"></span>1116 Neufchatel1117 </label>1118 </li>1119 1120 <li class="col-12 col-lg-6 px-0">1121 <label class="checkbox mb-2 ">1122 <input1123 id="boroughs-10"1124 class="filter-value"1125 name="boroughs"1126 value="12"1127 type="checkbox"1128 1129 onclick='updateButtonLabel("boroughs", "10", "Québec", "Quartiers", "");'1130 />1131 <span class="checkmark"></span>1132 Québec1133 </label>1134 </li>1135 1136 <li class="col-12 col-lg-6 px-0">1137 <label class="checkbox mb-2 ">1138 <input1139 id="boroughs-11"1140 class="filter-value"1141 name="boroughs"1142 value="16"1143 type="checkbox"1144 1145 onclick='updateButtonLabel("boroughs", "11", "Saint-Augustin-de-Desmaures", "Quartiers", "");'1146 />1147 <span class="checkmark"></span>1148 Saint-Augustin-de-Desmaures1149 </label>1150 </li>1151 1152 <li class="col-12 col-lg-6 px-0">1153 <label class="checkbox mb-2 ">1154 <input1155 id="boroughs-12"1156 class="filter-value"1157 name="boroughs"1158 value="13"1159 type="checkbox"1160 1161 onclick='updateButtonLabel("boroughs", "12", "St-Roch", "Quartiers", "");'1162 />1163 <span class="checkmark"></span>1164 St-Roch1165 </label>1166 </li>1167 1168 <li class="col-12 col-lg-6 px-0">1169 <label class="checkbox mb-2 ">1170 <input1171 id="boroughs-13"1172 class="filter-value"1173 name="boroughs"1174 value="5"1175 type="checkbox"1176 1177 onclick='updateButtonLabel("boroughs", "13", "Ste-Foy", "Quartiers", "");'1178 />1179 <span class="checkmark"></span>1180 Ste-Foy1181 </label>1182 </li>1183 1184 <li class="col-12 col-lg-6 px-0">1185 <label class="checkbox mb-2 ">1186 <input1187 id="boroughs-14"1188 class="filter-value"1189 name="boroughs"1190 value="17"1191 type="checkbox"1192 1193 onclick='updateButtonLabel("boroughs", "14", "Val-Bélair", "Quartiers", "");'1194 />1195 <span class="checkmark"></span>1196 Val-Bélair1197 </label>1198 </li>1199 1200 </ul>1201 </div>1202 1203 </div>1204</div>12051206<script>1207 function updateButtonLabel(name, counter, value, defaultValue, isRadioButton) {1208 const label = document.getElementById(`label-${ name }`);1209 if (label.innerHTML === defaultValue) label.innerHTML = "";12101211 const input = document.getElementById(`${ name }-${counter}`);12121213 if (input.checked) {1214 if (label.innerHTML && !isRadioButton) label.innerHTML = `${label.innerHTML}, ${value}`;1215 else label.innerHTML = value;1216 } else {1217 if (label.innerHTML.includes(`${value}, `)) label.innerHTML = label.innerHTML.replace(`${value}, `, "");1218 else label.innerHTML = label.innerHTML.replace(value, "");1219 }12201221 if (!label.innerHTML.trim()) label.innerHTML = defaultValue;1222 }12231224 1225 function resetValues() {1226 const filters = document.getElementsByClassName("filter-value");12271228 for (filter of filters) {1229 filter.checked = false;1230 }1231 }1232 resetValues();1233 1234</script>12351236 1237 123812391240<div class="search-button-container mb-2 mb-lg-0 big ">1241 <div class="btn-group room-sizes-control" role="group" aria-label="Room size">1242 <div class="room-sizes-container">1243 <div id="room-size-group" class="room-size-group">1244 1245 <button1246 id="button-2"1247 type="button"1248 class="btn room-size-btn "1249 onclick="toggleRoomSizeButton(2); toggleRoomSizeCheckBox(2);"1250 >1251 1½1252 </button>1253 1254 <button1255 id="button-3"1256 type="button"1257 class="btn room-size-btn "1258 onclick="toggleRoomSizeButton(3); toggleRoomSizeCheckBox(3);"1259 >1260 2½1261 </button>1262 1263 <button1264 id="button-4"1265 type="button"1266 class="btn room-size-btn "1267 onclick="toggleRoomSizeButton(4); toggleRoomSizeCheckBox(4);"1268 >1269 3½1270 </button>1271 1272 <button1273 id="button-5"1274 type="button"1275 class="btn room-size-btn "1276 onclick="toggleRoomSizeButton(5); toggleRoomSizeCheckBox(5);"1277 >1278 4½1279 </button>1280 1281 <button1282 id="button-6"1283 type="button"1284 class="btn room-size-btn "1285 onclick="toggleRoomSizeButton(6); toggleRoomSizeCheckBox(6);"1286 >1287 5½1288 </button>1289 1290 </div>1291 <button id="see-more-rooms" type="button" class="search-button btn inner-button d-none text-primary border-0" data-toggle="toggle">...</button>1292 <div class="search-input w-100 mw-100 d-none">1293 <button class="search-close-button btn btn-no-outline text-primary" type="button">1294 Fermer1295 </button>1296 <div class="row search-list">1297 <ul class="list-unstyled d-flex flex-wrap col-12 m-0">1298 1299 <li class="col-12 col-lg-6 px-0">1300 <label class="checkbox mb-2">1301 <input 1302 type="checkbox"1303 id="checkbox-2"1304 1305 name="room-size"1306 value="2"1307 onclick="toggleRoomSizeButton(2);"1308 />1309 <span class="checkmark"></span>1310 1½1311 </label>1312 </li>1313 1314 <li class="col-12 col-lg-6 px-0">1315 <label class="checkbox mb-2">1316 <input 1317 type="checkbox"1318 id="checkbox-3"1319 1320 name="room-size"1321 value="3"1322 onclick="toggleRoomSizeButton(3);"1323 />1324 <span class="checkmark"></span>1325 2½1326 </label>1327 </li>1328 1329 <li class="col-12 col-lg-6 px-0">1330 <label class="checkbox mb-2">1331 <input 1332 type="checkbox"1333 id="checkbox-4"1334 1335 name="room-size"1336 value="4"1337 onclick="toggleRoomSizeButton(4);"1338 />1339 <span class="checkmark"></span>1340 3½1341 </label>1342 </li>1343 1344 <li class="col-12 col-lg-6 px-0">1345 <label class="checkbox mb-2">1346 <input 1347 type="checkbox"1348 id="checkbox-5"1349 1350 name="room-size"1351 value="5"1352 onclick="toggleRoomSizeButton(5);"1353 />1354 <span class="checkmark"></span>1355 4½1356 </label>1357 </li>1358 1359 <li class="col-12 col-lg-6 px-0">1360 <label class="checkbox mb-2">1361 <input 1362 type="checkbox"1363 id="checkbox-6"1364 1365 name="room-size"1366 value="6"1367 onclick="toggleRoomSizeButton(6);"1368 />1369 <span class="checkmark"></span>1370 5½1371 </label>1372 </li>1373 1374 </ul>1375 </div>1376 </div>1377 </div>1378 </div>1379</div>13801381<script>1382 function toggleRoomSizeCheckBox(roomSizeId) {1383 const roomSizeCheckBox = document.getElementById(`checkbox-${roomSizeId}`);1384 if (roomSizeCheckBox) roomSizeCheckBox.checked = !roomSizeCheckBox.checked;1385 }13861387 function toggleRoomSizeButton(roomSizeId) {1388 const roomSizeButton = document.getElementById(`button-${roomSizeId}`);1389 if (roomSizeButton) roomSizeButton.classList.toggle("active");1390 }13911392 function isOverflown(element) {1393 return element.scrollHeight > element.clientHeight || element.scrollWidth > element.clientWidth;1394 }13951396 function displaySeeMoreButtonIfOverflow() {1397 const seeMoreButton = document.getElementById("see-more-rooms");1398 const roomSizeGroup = document.getElementById("room-size-group");13991400 seeMoreButton.classList.add("d-none");1401 const overflown = isOverflown(roomSizeGroup);1402 if (overflown) seeMoreButton.classList.remove("d-none");14031404 }14051406 window.addEventListener("resize", displaySeeMoreButtonIfOverflow);1407 window.addEventListener("DOMContentLoaded", displaySeeMoreButtonIfOverflow);1408</script>14091410 1411141214131414<div class="search-button-container position-static">1415 <button 1416 id="price-range-button"1417 type="button" 1418 class="search-button btn rounded-pill w-100" 1419 data-toggle="toggle"1420 >1421 <span id="label-price">Prix</span>1422 <img src="/static/images/icons/add-filter.svg" alt="+">1423 </button>1424 <div class="search-input w-100 mw-100 d-none">1425 <button class="search-close-button btn btn-no-outline text-primary" type="button">1426 Fermer1427 </button>1428 1429 143014311432<script id="search-script" type="application/json">{"rent__min": "785.00", "rent__max": "2690.00"}</script>14331434<div class="row">1435 <div class="mr-4" style="right: 0;">1436 <p class="text-primary" id="count_of_units"></p>1437 </div>1438 <div class="col-12">1439 <svg viewBox="0 0 500 100" class="chart">1440 <polyline1441 fill="#F0EDE4"1442 stroke="#ad986e"1443 stroke-width="2"1444 points="1445 0, 1001446 1447 0, 951448 1449 11, 981450 1451 22, 1001452 1453 34, 1001454 1455 45, 1001456 1457 57, 1001458 1459 68, 981460 1461 79, 961462 1463 91, 961464 1465 102, 951466 1467 114, 911468 1469 125, 981470 1471 136, 951472 1473 148, 1001474 1475 159, 951476 1477 171, 911478 1479 182, 911480 1481 193, 931482 1483 205, 901484 1485 216, 901486 1487 228, 951488 1489 239, 961490 1491 250, 961492 1493 262, 961494 1495 273, 961496 1497 285, 981498 1499 296, 961500 1501 307, 951502 1503 319, 981504 1505 330, 981506 1507 342, 1001508 1509 353, 1001510 1511 365, 1001512 1513 376, 1001514 1515 387, 1001516 1517 399, 1001518 1519 410, 1001520 1521 422, 1001522 1523 433, 981524 1525 500, 1001526 "1527 />1528 </svg>1529 <div id="slider-range"></div>1530 </div>1531</div>1532<div class="row mt-4">1533 <div class="col-6 pr-0">1534 <input1535 class="search-slider-input rounded-left"1536 type="text"1537 id="slider-min-amount"1538 name="min-amount"1539 placeholder="Prix min."1540 value="">1541 </div>1542 <div class="col-6 pl-0">1543 <input1544 class="search-slider-input rounded-right"1545 type="text"1546 id="slider-max-amount"1547 name="max-amount"1548 placeholder="Prix max."1549 value="">1550 </div>1551</div>15521553 1554 </div>1555</div>15561557<script>1558 function updateButtonLabel(name, counter, value, defaultValue, isRadioButton) {1559 const label = document.getElementById(`label-${ name }`);1560 if (label.innerHTML === defaultValue) label.innerHTML = "";15611562 const input = document.getElementById(`${ name }-${counter}`);15631564 if (input.checked) {1565 if (label.innerHTML && !isRadioButton) label.innerHTML = `${label.innerHTML}, ${value}`;1566 else label.innerHTML = value;1567 } else {1568 if (label.innerHTML.includes(`${value}, `)) label.innerHTML = label.innerHTML.replace(`${value}, `, "");1569 else label.innerHTML = label.innerHTML.replace(value, "");1570 }15711572 if (!label.innerHTML.trim()) label.innerHTML = defaultValue;1573 }15741575 1576 function resetValues() {1577 const filters = document.getElementsByClassName("filter-value");15781579 for (filter of filters) {1580 filter.checked = false;1581 }1582 }1583 resetValues();1584 1585</script>15861587 1588158915901591<div class="search-button-container position-static">1592 <button 1593 1594 type="button" 1595 class="search-button btn rounded-pill w-100" 1596 data-toggle="toggle"1597 >1598 <span id="label-availability">Disponibilités</span>1599 <img src="/static/images/icons/add-filter.svg" alt="+">1600 </button>1601 <div class="search-input w-100 mw-100 d-none">1602 <button class="search-close-button btn btn-no-outline text-primary" type="button">1603 Fermer1604 </button>1605 1606 <div class="row search-list">1607 <ul class="list-unstyled d-flex flex-wrap col-12 m-0">1608 1609 <li class="col-12 col-lg-6 px-0">1610 <label class="checkbox mb-2 radio">1611 <input1612 id="availability-1"1613 class="filter-value"1614 name="availability"1615 value="1786147200"1616 type="radio"1617 1618 onclick='updateButtonLabel("availability", "1", "Libre immédiatement", "Disponibilités", "True");'1619 />1620 <span class="checkmark"></span>1621 Libre immédiatement1622 </label>1623 </li>1624 1625 <li class="col-12 col-lg-6 px-0">1626 <label class="checkbox mb-2 radio">1627 <input1628 id="availability-2"1629 class="filter-value"1630 name="availability"1631 value="1788220800"1632 type="radio"1633 1634 onclick='updateButtonLabel("availability", "2", "septembre 2026", "Disponibilités", "True");'1635 />1636 <span class="checkmark"></span>1637 septembre 20261638 </label>1639 </li>1640 1641 <li class="col-12 col-lg-6 px-0">1642 <label class="checkbox mb-2 radio">1643 <input1644 id="availability-3"1645 class="filter-value"1646 name="availability"1647 value="1790812800"1648 type="radio"1649 1650 onclick='updateButtonLabel("availability", "3", "octobre 2026", "Disponibilités", "True");'1651 />1652 <span class="checkmark"></span>1653 octobre 20261654 </label>1655 </li>1656 1657 <li class="col-12 col-lg-6 px-0">1658 <label class="checkbox mb-2 radio">1659 <input1660 id="availability-4"1661 class="filter-value"1662 name="availability"1663 value="1793491200"1664 type="radio"1665 1666 onclick='updateButtonLabel("availability", "4", "novembre 2026", "Disponibilités", "True");'1667 />1668 <span class="checkmark"></span>1669 novembre 20261670 </label>1671 </li>1672 1673 <li class="col-12 col-lg-6 px-0">1674 <label class="checkbox mb-2 radio">1675 <input1676 id="availability-5"1677 class="filter-value"1678 name="availability"1679 value="1796083200"1680 type="radio"1681 1682 onclick='updateButtonLabel("availability", "5", "décembre 2026", "Disponibilités", "True");'1683 />1684 <span class="checkmark"></span>1685 décembre 20261686 </label>1687 </li>1688 1689 <li class="col-12 col-lg-6 px-0">1690 <label class="checkbox mb-2 radio">1691 <input1692 id="availability-6"1693 class="filter-value"1694 name="availability"1695 value="1798761600"1696 type="radio"1697 1698 onclick='updateButtonLabel("availability", "6", "janvier 2027", "Disponibilités", "True");'1699 />1700 <span class="checkmark"></span>1701 janvier 20271702 </label>1703 </li>1704 1705 <li class="col-12 col-lg-6 px-0">1706 <label class="checkbox mb-2 radio">1707 <input1708 id="availability-7"1709 class="filter-value"1710 name="availability"1711 value="1801440000"1712 type="radio"1713 1714 onclick='updateButtonLabel("availability", "7", "février 2027", "Disponibilités", "True");'1715 />1716 <span class="checkmark"></span>1717 février 20271718 </label>1719 </li>1720 1721 <li class="col-12 col-lg-6 px-0">1722 <label class="checkbox mb-2 radio">1723 <input1724 id="availability-8"1725 class="filter-value"1726 name="availability"1727 value="1803859200"1728 type="radio"1729 1730 onclick='updateButtonLabel("availability", "8", "mars 2027", "Disponibilités", "True");'1731 />1732 <span class="checkmark"></span>1733 mars 20271734 </label>1735 </li>1736 1737 </ul>1738 </div>1739 1740 </div>1741</div>17421743<script>1744 function updateButtonLabel(name, counter, value, defaultValue, isRadioButton) {1745 const label = document.getElementById(`label-${ name }`);1746 if (label.innerHTML === defaultValue) label.innerHTML = "";17471748 const input = document.getElementById(`${ name }-${counter}`);17491750 if (input.checked) {1751 if (label.innerHTML && !isRadioButton) label.innerHTML = `${label.innerHTML}, ${value}`;1752 else label.innerHTML = value;1753 } else {1754 if (label.innerHTML.includes(`${value}, `)) label.innerHTML = label.innerHTML.replace(`${value}, `, "");1755 else label.innerHTML = label.innerHTML.replace(value, "");1756 }17571758 if (!label.innerHTML.trim()) label.innerHTML = defaultValue;1759 }17601761 1762 function resetValues() {1763 const filters = document.getElementsByClassName("filter-value");17641765 for (filter of filters) {1766 filter.checked = false;1767 }1768 }1769 resetValues();1770 1771</script>17721773 1774 1775177617771778<div class="search-button-container position-static">1779 <button 1780 1781 type="button" 1782 class="search-button btn rounded-pill w-100" 1783 data-toggle="toggle"1784 >1785 <span id="label-conveniences">Commodités</span>1786 <img src="/static/images/icons/add-filter.svg" alt="+">1787 </button>1788 <div class="search-input w-100 mw-100 d-none">1789 <button class="search-close-button btn btn-no-outline text-primary" type="button">1790 Fermer1791 </button>1792 1793 <div class="row search-list">1794 <ul class="list-unstyled d-flex flex-wrap col-12 m-0">1795 1796 <li class="col-12 col-lg-6 px-0">1797 <label class="checkbox mb-2 ">1798 <input1799 id="conveniences-1"1800 class="filter-value"1801 name="conveniences"1802 value="27"1803 type="checkbox"1804 1805 onclick='updateButtonLabel("conveniences", "1", "Accessible aux personnes handicapées", "Commodités", "");'1806 />1807 <span class="checkmark"></span>1808 Accessible aux personnes handicapées1809 </label>1810 </li>1811 1812 <li class="col-12 col-lg-6 px-0">1813 <label class="checkbox mb-2 ">1814 <input1815 id="conveniences-2"1816 class="filter-value"1817 name="conveniences"1818 value="5"1819 type="checkbox"1820 1821 onclick='updateButtonLabel("conveniences", "2", "Chauffage", "Commodités", "");'1822 />1823 <span class="checkmark"></span>1824 Chauffage1825 </label>1826 </li>1827 1828 <li class="col-12 col-lg-6 px-0">1829 <label class="checkbox mb-2 ">1830 <input1831 id="conveniences-3"1832 class="filter-value"1833 name="conveniences"1834 value="24"1835 type="checkbox"1836 1837 onclick='updateButtonLabel("conveniences", "3", "Climatiseur", "Commodités", "");'1838 />1839 <span class="checkmark"></span>1840 Climatiseur1841 </label>1842 </li>1843 1844 <li class="col-12 col-lg-6 px-0">1845 <label class="checkbox mb-2 ">1846 <input1847 id="conveniences-4"1848 class="filter-value"1849 name="conveniences"1850 value="3"1851 type="checkbox"1852 1853 onclick='updateButtonLabel("conveniences", "4", "Eau Chaude", "Commodités", "");'1854 />1855 <span class="checkmark"></span>1856 Eau Chaude1857 </label>1858 </li>1859 1860 <li class="col-12 col-lg-6 px-0">1861 <label class="checkbox mb-2 ">1862 <input1863 id="conveniences-5"1864 class="filter-value"1865 name="conveniences"1866 value="2"1867 type="checkbox"1868 1869 onclick='updateButtonLabel("conveniences", "5", "Électricité", "Commodités", "");'1870 />1871 <span class="checkmark"></span>1872 Électricité1873 </label>1874 </li>1875 1876 <li class="col-12 col-lg-6 px-0">1877 <label class="checkbox mb-2 ">1878 <input1879 id="conveniences-6"1880 class="filter-value"1881 name="conveniences"1882 value="11"1883 type="checkbox"1884 1885 onclick='updateButtonLabel("conveniences", "6", "Équipe de maintenance 24h", "Commodités", "");'1886 />1887 <span class="checkmark"></span>1888 Équipe de maintenance 24h1889 </label>1890 </li>1891 1892 <li class="col-12 col-lg-6 px-0">1893 <label class="checkbox mb-2 ">1894 <input1895 id="conveniences-7"1896 class="filter-value"1897 name="conveniences"1898 value="30"1899 type="checkbox"1900 1901 onclick='updateButtonLabel("conveniences", "7", "Lave-vaisselle", "Commodités", "");'1902 />1903 <span class="checkmark"></span>1904 Lave-vaisselle1905 </label>1906 </li>1907 1908 <li class="col-12 col-lg-6 px-0">1909 <label class="checkbox mb-2 ">1910 <input1911 id="conveniences-8"1912 class="filter-value"1913 name="conveniences"1914 value="26"1915 type="checkbox"1916 1917 onclick='updateButtonLabel("conveniences", "8", "Semi-meublé", "Commodités", "");'1918 />1919 <span class="checkmark"></span>1920 Semi-meublé1921 </label>1922 </li>1923 1924 <li class="col-12 col-lg-6 px-0">1925 <label class="checkbox mb-2 ">1926 <input1927 id="conveniences-9"1928 class="filter-value"1929 name="conveniences"1930 value="28"1931 type="checkbox"1932 1933 onclick='updateButtonLabel("conveniences", "9", "Stationnement extérieur", "Commodités", "");'1934 />1935 <span class="checkmark"></span>1936 Stationnement extérieur1937 </label>1938 </li>1939 1940 <li class="col-12 col-lg-6 px-0">1941 <label class="checkbox mb-2 ">1942 <input1943 id="conveniences-10"1944 class="filter-value"1945 name="conveniences"1946 value="29"1947 type="checkbox"1948 1949 onclick='updateButtonLabel("conveniences", "10", "Stationnement intérieur", "Commodités", "");'1950 />1951 <span class="checkmark"></span>1952 Stationnement intérieur1953 </label>1954 </li>1955 1956 </ul>1957 </div>1958 1959 </div>1960</div>19611962<script>1963 function updateButtonLabel(name, counter, value, defaultValue, isRadioButton) {1964 const label = document.getElementById(`label-${ name }`);1965 if (label.innerHTML === defaultValue) label.innerHTML = "";19661967 const input = document.getElementById(`${ name }-${counter}`);19681969 if (input.checked) {1970 if (label.innerHTML && !isRadioButton) label.innerHTML = `${label.innerHTML}, ${value}`;1971 else label.innerHTML = value;1972 } else {1973 if (label.innerHTML.includes(`${value}, `)) label.innerHTML = label.innerHTML.replace(`${value}, `, "");1974 else label.innerHTML = label.innerHTML.replace(value, "");1975 }19761977 if (!label.innerHTML.trim()) label.innerHTML = defaultValue;1978 }19791980 1981 function resetValues() {1982 const filters = document.getElementsByClassName("filter-value");19831984 for (filter of filters) {1985 filter.checked = false;1986 }1987 }1988 resetValues();1989 1990</script>19911992 1993 <button type="submit" class="btn btn-primary search-bar-btn" id="btn-search">1994 <span>Rechercher</span>1995 </button>1996</div>19971998 </form>1999 </div>2000 </div>2001 </div>2002 </div>2003</div>20042005<div class="container d-flex flex-column align-items-center">2006 200720082009<div class="row py-5 home-content position-relative">2010 <div class="client-space-background"></div>2011 <div class="col-md-6">2012 <div class="row">2013 2014 <div class="hoverable col-6 mt-3 pr-0">2015 <a href="/services-de-gestion-immobiliere/gestion-coproprietes-quebec" class="justify-content-center d-flex position-relative">2016 <div2017 class="rounded home-tile-service"2018 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/services/190918_14H18-58_6713-HDR_Web.jpg')"2019 alt=""2020 width=100%2021 height=220px2022 ></div>2023 <div class="centered--middle w-100 mx-auto px-2">2024 <p class="thumbnail-title text-white mb-0">2025 Gestion d’immeubles en copropriété2026 </p>2027 </div>2028 <div class="tile-gradient rounded"></div>2029 </a>2030 </div>2031 2032 <div class="hoverable col-6 mt-3 ">2033 <a href="/services-de-gestion-immobiliere/gestion-immeubles-logements" class="justify-content-center d-flex position-relative">2034 <div2035 class="rounded home-tile-service"2036 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/services/200904_14H56-28_0550-Panorama_Web_7fd7f884-13df-11eb-9e68-0a0304700363.jpg')"2037 alt=""2038 width=100%2039 height=220px2040 ></div>2041 <div class="centered--middle w-100 mx-auto px-2">2042 <p class="thumbnail-title text-white mb-0">2043 Gestion immobilière d'appartements en location2044 </p>2045 </div>2046 <div class="tile-gradient rounded"></div>2047 </a>2048 </div>2049 2050 <div class="hoverable col-6 mt-3 pr-0">2051 <a href="/services-de-gestion-immobiliere/gestion-immeubles-bureaux-commercial" class="justify-content-center d-flex position-relative">2052 <div2053 class="rounded home-tile-service"2054 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/services/2_190919_14H01-59_6996-HDR-HRres_a85bf030-13df-11eb-bd4b-0a0304700363_700eef4c-f1d1-11e.jpg')"2055 alt=""2056 width=100%2057 height=220px2058 ></div>2059 <div class="centered--middle w-100 mx-auto px-2">2060 <p class="thumbnail-title text-white mb-0">2061 Gestion immobilière commerciale2062 </p>2063 </div>2064 <div class="tile-gradient rounded"></div>2065 </a>2066 </div>2067 2068 <div class="hoverable col-6 mt-3 ">2069 <a href="/services-de-gestion-immobiliere/courtage-immobilier-residentiel-locatif-commercial" class="justify-content-center d-flex position-relative">2070 <div2071 class="rounded home-tile-service"2072 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/services/190918_16H52-09_6765_Web.jpg')"2073 alt=""2074 width=100%2075 height=220px2076 ></div>2077 <div class="centered--middle w-100 mx-auto px-2">2078 <p class="thumbnail-title text-white mb-0">2079 Service de courtage immobilier2080 </p>2081 </div>2082 <div class="tile-gradient rounded"></div>2083 </a>2084 </div>2085 2086 <div class="hoverable col-6 mt-3 pr-0">2087 <a href="/services-de-gestion-immobiliere/gilm-renovation" class="justify-content-center d-flex position-relative">2088 <div2089 class="rounded home-tile-service"2090 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/services/Creation_sans_titre_b64605f4-9044-11f1-91ea-126d26cace13.png')"2091 alt=""2092 width=100%2093 height=220px2094 ></div>2095 <div class="centered--middle w-100 mx-auto px-2">2096 <p class="thumbnail-title text-white mb-0">2097 GILM Rénovation2098 </p>2099 </div>2100 <div class="tile-gradient rounded"></div>2101 </a>2102 </div>2103 2104 </div>2105 </div>2106 <div class="d-flex flex-column align-items-center align-items-md-start offset-md-1 col-md-5 my-md-auto pt-3 mt-3 mt-md-0">2107 <h1 class="new-title text-center text-md-left mt-1 mt-sm-0 mb-0">Services de gestion <br class='nav-item-translation'>immobilière</h2>2108 <p class="mt-3 new-text text-center text-md-left">Nos experts en gestion d’immeubles résidentiels, en copropriétés ou espaces commerciaux, peuvent vous aider autant en gestion financière que opérationnelle.</p>2109 <a href=/services-de-gestion-immobiliere class="btn btn-primary mt-4">Découvrir nos services de gestion</a>2110 </div>2111</div>21122113 2114211521162117<div class="row my-5 home-content full-width">2118 <h1 class="col-12 text-center mb-3 new-title">2119 Explorer les logements à louer par secteur2120 </h1>2121 <div class="w-100 mb-4"><div class="diamond-separator"><div class="diamond-container"><div class="diamond"></div></div></div></div>2122 2123 <h2 class="col-md-8 col-lg-10 col-xl-8 mb-4 text-primary text-primary text-center">2124 Nous offrons une gamme d’appartements, condos et espaces commerciaux à louer dans la région de Québec.2125 </h2>2126 2127 <div class="col-md-12 left-align-slick">2128 <div class="centered--left multiple-items-slick-arrow--left"></div>2129 <div class="slick-carousel" data-items="6">2130 2131 <a 2132 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2133 data-borough="3"2134 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/799px-Beauport_QC.jpeg');"2135 href="/louer-appartement-quebec/?boroughs=3"2136 >2137 <div class="bottom--middle d-flex flex-column pb-3">2138 <p class="thumbnail-title text-white mb-1">Beauport</p>2139 <span class="text-white very-small-paragraph">2140 92141 Logements2142 </span>2143 </div>2144 <div class="tile-gradient rounded"></div>2145 </a>2146 2147 <a 2148 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2149 data-borough="8"2150 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/Quebec-Parc_des_Moulins.jpeg');"2151 href="/louer-appartement-quebec/?boroughs=8"2152 >2153 <div class="bottom--middle d-flex flex-column pb-3">2154 <p class="thumbnail-title text-white mb-1">Charlesbourg</p>2155 <span class="text-white very-small-paragraph">2156 62157 Logements2158 </span>2159 </div>2160 <div class="tile-gradient rounded"></div>2161 </a>2162 2163 <a 2164 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2165 data-borough="9"2166 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/Ancienne_Lorette_church_1.jpg');"2167 href="/louer-appartement-quebec/?boroughs=9"2168 >2169 <div class="bottom--middle d-flex flex-column pb-3">2170 <p class="thumbnail-title text-white mb-1">L'Ancienne-Lorette</p>2171 <span class="text-white very-small-paragraph">2172 12173 Logement2174 </span>2175 </div>2176 <div class="tile-gradient rounded"></div>2177 </a>2178 2179 <a 2180 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2181 data-borough="10"2182 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/825-Lebourgneuf-3.jpg');"2183 href="/louer-appartement-quebec/?boroughs=10"2184 >2185 <div class="bottom--middle d-flex flex-column pb-3">2186 <p class="thumbnail-title text-white mb-1">Lebourgneuf</p>2187 <span class="text-white very-small-paragraph">2188 32189 Logements2190 </span>2191 </div>2192 <div class="tile-gradient rounded"></div>2193 </a>2194 2195 <a 2196 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2197 data-borough="4"2198 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/Rue_de_Duberger.JPG');"2199 href="/louer-appartement-quebec/?boroughs=4"2200 >2201 <div class="bottom--middle d-flex flex-column pb-3">2202 <p class="thumbnail-title text-white mb-1">Les Saules</p>2203 <span class="text-white very-small-paragraph">2204 92205 Logements2206 </span>2207 </div>2208 <div class="tile-gradient rounded"></div>2209 </a>2210 2211 <a 2212 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2213 data-borough="14"2214 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/');"2215 href="/louer-appartement-quebec/?boroughs=14"2216 >2217 <div class="bottom--middle d-flex flex-column pb-3">2218 <p class="thumbnail-title text-white mb-1">Lévis</p>2219 <span class="text-white very-small-paragraph">2220 42221 Logements2222 </span>2223 </div>2224 <div class="tile-gradient rounded"></div>2225 </a>2226 2227 <a 2228 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2229 data-borough="1"2230 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/photo1web.jpg');"2231 href="/louer-appartement-quebec/?boroughs=1"2232 >2233 <div class="bottom--middle d-flex flex-column pb-3">2234 <p class="thumbnail-title text-white mb-1">Limoilou</p>2235 <span class="text-white very-small-paragraph">2236 32237 Logements2238 </span>2239 </div>2240 <div class="tile-gradient rounded"></div>2241 </a>2242 2243 <a 2244 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2245 data-borough="15"2246 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/Capture_Loretteville_62833718-00b7-11ee-b4cd-0aa8d57fe613.JPG');"2247 href="/louer-appartement-quebec/?boroughs=15"2248 >2249 <div class="bottom--middle d-flex flex-column pb-3">2250 <p class="thumbnail-title text-white mb-1">Loretteville</p>2251 <span class="text-white very-small-paragraph">2252 12253 Logement2254 </span>2255 </div>2256 <div class="tile-gradient rounded"></div>2257 </a>2258 2259 <a 2260 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2261 data-borough="6"2262 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/McDo-Neufchatel-LOrmiere-100319.jpg');"2263 href="/louer-appartement-quebec/?boroughs=6"2264 >2265 <div class="bottom--middle d-flex flex-column pb-3">2266 <p class="thumbnail-title text-white mb-1">Neufchatel</p>2267 <span class="text-white very-small-paragraph">2268 62269 Logements2270 </span>2271 </div>2272 <div class="tile-gradient rounded"></div>2273 </a>2274 2275 <a 2276 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2277 data-borough="12"2278 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/49d7b304030f13d829218118b51cfaa6.jpg_1200x630.jpg');"2279 href="/louer-appartement-quebec/?boroughs=12"2280 >2281 <div class="bottom--middle d-flex flex-column pb-3">2282 <p class="thumbnail-title text-white mb-1">Québec</p>2283 <span class="text-white very-small-paragraph">2284 22285 Logements2286 </span>2287 </div>2288 <div class="tile-gradient rounded"></div>2289 </a>2290 2291 <a 2292 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2293 data-borough="16"2294 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/00000000667_9c1dd4e2-00b7-11ee-b4cd-0aa8d57fe613.jpg');"2295 href="/louer-appartement-quebec/?boroughs=16"2296 >2297 <div class="bottom--middle d-flex flex-column pb-3">2298 <p class="thumbnail-title text-white mb-1">Saint-Augustin-de-Desmaures</p>2299 <span class="text-white very-small-paragraph">2300 102301 Logements2302 </span>2303 </div>2304 <div class="tile-gradient rounded"></div>2305 </a>2306 2307 <a 2308 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2309 data-borough="13"2310 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/');"2311 href="/louer-appartement-quebec/?boroughs=13"2312 >2313 <div class="bottom--middle d-flex flex-column pb-3">2314 <p class="thumbnail-title text-white mb-1">St-Roch</p>2315 <span class="text-white very-small-paragraph">2316 12317 Logement2318 </span>2319 </div>2320 <div class="tile-gradient rounded"></div>2321 </a>2322 2323 <a 2324 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2325 data-borough="5"2326 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/photo-Place-ste-foy-01_3c5c9397-5056-a36a-072cdccbffa30859.jpg');"2327 href="/louer-appartement-quebec/?boroughs=5"2328 >2329 <div class="bottom--middle d-flex flex-column pb-3">2330 <p class="thumbnail-title text-white mb-1">Ste-Foy</p>2331 <span class="text-white very-small-paragraph">2332 142333 Logements2334 </span>2335 </div>2336 <div class="tile-gradient rounded"></div>2337 </a>2338 2339 <a 2340 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2341 data-borough="17"2342 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/');"2343 href="/louer-appartement-quebec/?boroughs=17"2344 >2345 <div class="bottom--middle d-flex flex-column pb-3">2346 <p class="thumbnail-title text-white mb-1">Val-Bélair</p>2347 <span class="text-white very-small-paragraph">2348 22349 Logements2350 </span>2351 </div>2352 <div class="tile-gradient rounded"></div>2353 </a>2354 2355 </div>2356 <div class="centered--right multiple-items-slick-arrow--right"></div>2357 </div>2358</div>235923602361 236223632364<div class="row home-byroom home-content position-relative mt-5 mb-2 py-5 home-full-width-section">2365 <div class="client-space-background"></div>2366 <div class="col-md-12 text-center">2367 <h1 class="new-title mb-3 text-white">Explorer les logements à louer par pièces</h2>2368 <div class="w-100">2369 <div class="diamond-separator diamond-separator-large diamond-separator-inverted">2370 <div class="diamond-container">2371 <div class="diamond">2372 </div>2373 </div>2374 </div>2375 </div>2376 <div class="mt-5">2377 2378 <a href="/louer-appartement-quebec/?room-size=2" class="room-size-link">2379 <button class="home-byroom-size">1½</button>2380 </a>2381 2382 <a href="/louer-appartement-quebec/?room-size=3" class="room-size-link">2383 <button class="home-byroom-size">2½</button>2384 </a>2385 2386 <a href="/louer-appartement-quebec/?room-size=4" class="room-size-link">2387 <button class="home-byroom-size">3½</button>2388 </a>2389 2390 <a href="/louer-appartement-quebec/?room-size=5" class="room-size-link">2391 <button class="home-byroom-size">4½</button>2392 </a>2393 2394 <a href="/louer-appartement-quebec/?room-size=6" class="room-size-link">2395 <button class="home-byroom-size">5½</button>2396 </a>2397 2398 </div>2399 </div>2400</div>24012402 2403240424052406 <div class="row mt-5 home-content full-width ">2407 <h2 class="col-12 text-center mb-4 text-primary">Nos logements en vedette</h2>2408 <div class="col-12 ">2409 241024112412<div class="row">2413 2414 <a 2415 href="/logement/312"2416 class="appartments card border-white col-sm-6 mb-2 col-md-4 "2417 data-type="3"2418 data-borough="10"2419 >2420 2421242224232424<script>2425 function displayNowAvailableBubble(buildingId) {2426 const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2427 nowAvailableBubble.classList.remove("d-none");2428 }2429</script>24302431<div class="row">2432 2433 2434 2435 <img src alt="" onerror="displayNowAvailableBubble(312 + '-recommendation');"></img>2436 2437 2438 2439 2440 <div class="now-available-bubble d-none" id="now-available-bubble-312-recommendation">2441 <p class="text-white m-0">En vedette</p>2442 </div>2443 2444 2445 <div class="col-12 apartment-col">2446 <div class="row">2447 <div class="col-12 pr-0">2448 2449 <img 2450 class="rounded-left apartment-image" 2451 src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/CUISINE_2_a8e2db9c-5811-11f0-8a5b-0e9b4be91035.jpg"2452 alt="unit image"2453 width=100%2454 height=232px2455 />2456 2457 </div>2458 </div>2459 </div>2460 2461 2462 2463 2464</div>24652466 2467246824692470<div class="row mt-4">2471 <div class="col-12">2472 <div class="card-body p-0 text-left">2473 <h5 class="apartment-borough">Appartements · Lebourgneuf</h5>2474 <p class="apartment-address mb-1">5900 boul. St-Jacques</p>2475 2476 2477 <div class="row">2478 <div class="col-7">2479 <p class="apartment-infos mb-0">2480 2481 4½ à partir de 1595$2482 2483 </p>2484 <p class="apartment-availability footnotes">2485 octobre 20262486 </p>2487 </div>2488 <div class="col-5 text-right">2489 2490 2491 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2492 2493 2494 2495 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_ac.png" alt="Climatiseur" height=18px width=18px>2496 2497 2498 2499 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_parking_exterior_d3a99ad6-b182-11ea-80c6-1275881fc0b8.png" alt="Stationnement extérieur" height=18px width=18px>2500 2501 2502 2503 </div>2504 </div>2505 2506 2507 2508 </div>2509 </div>2510</div>25112512 </a>2513 2514 <a 2515 href="/logement/18"2516 class="appartments card border-white col-sm-6 mb-2 col-md-4 "2517 data-type="3"2518 data-borough="3"2519 >2520 2521252225232524<script>2525 function displayNowAvailableBubble(buildingId) {2526 const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2527 nowAvailableBubble.classList.remove("d-none");2528 }2529</script>25302531<div class="row">2532 2533 2534 2535 <img src alt="" onerror="displayNowAvailableBubble(18 + '-recommendation');"></img>2536 2537 2538 2539 2540 <div class="now-available-bubble d-none" id="now-available-bubble-18-recommendation">2541 <p class="text-white m-0">En vedette</p>2542 </div>2543 2544 2545 <div class="col-12 apartment-col">2546 <div class="row">2547 <div class="col-12 pr-0">2548 2549 <img 2550 class="rounded-left apartment-image" 2551 src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PDP_3_bf11e94e-3f15-11f1-9a87-12e0191876fd.jpg"2552 alt="unit image"2553 width=100%2554 height=232px2555 />2556 2557 </div>2558 </div>2559 </div>2560 2561 2562 2563 2564</div>25652566 2567256825692570<div class="row mt-4">2571 <div class="col-12">2572 <div class="card-body p-0 text-left">2573 <h5 class="apartment-borough">Appartements · Beauport</h5>2574 <p class="apartment-address mb-1">555, avenue du Fleuve</p>2575 2576 2577 <div class="row">2578 <div class="col-7">2579 <p class="apartment-infos mb-0">2580 2581 1½ à partir de 799$2582 2583 </p>2584 <p class="apartment-availability footnotes">2585 Libre immédiatement2586 </p>2587 </div>2588 <div class="col-5 text-right">2589 2590 2591 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_light.png" alt="Électricité" height=18px width=18px>2592 2593 2594 2595 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="Eau Chaude" height=18px width=18px>2596 2597 2598 2599 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_heat.png" alt="Chauffage" height=18px width=18px>2600 2601 2602 2603 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2604 2605 2606 2607 2608 2609 2610 2611 <p class="footnotes d-inline"> +2</p>2612 2613 </div>2614 </div>2615 2616 2617 2618 </div>2619 </div>2620</div>26212622 </a>2623 2624 <a 2625 href="/logement/160"2626 class="appartments card border-white col-sm-6 mb-2 col-md-4 "2627 data-type="3"2628 data-borough="6"2629 >2630 2631263226332634<script>2635 function displayNowAvailableBubble(buildingId) {2636 const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2637 nowAvailableBubble.classList.remove("d-none");2638 }2639</script>26402641<div class="row">2642 2643 2644 2645 <img src alt="" onerror="displayNowAvailableBubble(160 + '-recommendation');"></img>2646 2647 2648 2649 2650 <div class="now-available-bubble d-none" id="now-available-bubble-160-recommendation">2651 <p class="text-white m-0">En vedette</p>2652 </div>2653 2654 2655 <div class="col-12 apartment-col">2656 <div class="row">2657 <div class="col-12 pr-0">2658 2659 <img 2660 class="rounded-left apartment-image" 2661 src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD1_54749d22-bfa3-11ea-9b14-0e226705be53.jpg"2662 alt="unit image"2663 width=100%2664 height=232px2665 />2666 2667 </div>2668 </div>2669 </div>2670 2671 2672 2673 2674</div>26752676 2677267826792680<div class="row mt-4">2681 <div class="col-12">2682 <div class="card-body p-0 text-left">2683 <h5 class="apartment-borough">Appartements · Neufchatel</h5>2684 <p class="apartment-address mb-1">1573, rue Pierre-Corneille</p>2685 2686 2687 <div class="row">2688 <div class="col-7">2689 <p class="apartment-infos mb-0">2690 2691 4½ à partir de 1250$2692 2693 </p>2694 <p class="apartment-availability footnotes">2695 Libre immédiatement2696 </p>2697 </div>2698 <div class="col-5 text-right">2699 2700 2701 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="Eau Chaude" height=18px width=18px>2702 2703 2704 2705 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2706 2707 2708 2709 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_parking_exterior_d3a99ad6-b182-11ea-80c6-1275881fc0b8.png" alt="Stationnement extérieur" height=18px width=18px>2710 2711 2712 2713 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_appliances_alt.png" alt="Lave-vaisselle" height=18px width=18px>2714 2715 2716 2717 </div>2718 </div>2719 2720 2721 2722 </div>2723 </div>2724</div>27252726 </a>2727 2728</div>27292730 </div>2731 2732 <div class="col-12 text-center mt-2">2733 <a href="/louer-appartement-quebec/?featured=on" class="btn btn-outline-primary">2734 Voir tous les logements (3)2735 </a>2736 </div>2737 2738 </div>273927402741 274227432744<div class="home-client-space-section mt-5 py-5">2745 <div class="row py-5 position-relative justify-content-between home-content">2746 <div class="client-space-background"></div>2747 <div class="col-md-5 mt-4 my-md-auto order-2 order-md-1">2748 <div class="row mt-3 mt-md-0">2749 <h1 class="pb-2 col-12 new-title text-center text-md-left">Découvrez l’Espace client: notre portail qui facilite la vie de nos résidents</h1>2750 <p class="pb-2 col-12 new-text text-center text-md-left">L’Espace client pour résidents vous permet de consulter votre solde et paiements, faire une demande de soutien technique et plus encore. Accessible 24/7 sur votre ordinateur ou tablette.</p>2751 </div>2752 <div class="row justify-content-center justify-content-md-start">2753 <div class="col-12 client-space-links">2754 <a href="/espace-client/" class="btn btn-primary mt-3 mb-2">Découvrez l'Espace client</a>2755 <a href="https://espace-client.lafrance-mathieu.com" class="btn btn-outline-primary mt-2">Connexion à l’Espace client</a>2756 </div>2757 </div>2758 </div>2759 <div class="col-md-7 order-1 order-md-2">2760 <img class="ml-auto" src="/static/images/client_website.png" width="100%" height="auto" alt="client website">2761 </div>2762 </div>2763</div>27642765 2766 276727682769<div class="row my-5 home-content full-width">2770 <h2 class="col-12 text-center mb-4 text-primary">Blogue</h2>2771 2772 2773 <a href="/blog-article/quelques-conseils-pratiques-pour-les-nouveaux-acheteurs" class="col-12 border-primary mb-4 col-sm-6 col-lg-4 px-0 px-sm-3">2774 <img src=https://gilm-site-vitrine-production.s3.amazonaws.com/media/blog/Banni%C3%A8re-_Article_de_blogue-2_1f857798-1c5b-11f0-acf0-12bb75a05c2b.png alt="thumbnail Quelques conseils pratiques pour les nouveaux acheteurs :" class="mb-3 w-100 article-card-thumbnail hoverable" />2775 <p class="article-card-category px-3 px-sm-0">Pour les résidents</p>2776 <p class="article-card-title px-3 px-sm-0">Quelques conseils pratiques pour les nouveaux acheteurs :</p>2777</a>27782779 2780 2781 2782 <a href="/blog-article/rabais-exclusifs" class="col-12 border-primary mb-4 col-sm-6 col-lg-4 px-0 px-sm-3">2783 <img src=https://gilm-site-vitrine-production.s3.amazonaws.com/media/blog/Fournisseur_c310b46a-ca0f-11eb-a32b-0ad72719383b.png alt="thumbnail Rabais exclusifs" class="mb-3 w-100 article-card-thumbnail hoverable" />2784 <p class="article-card-category px-3 px-sm-0">Pour les propriétaires d'immeubles à logements</p>2785 <p class="article-card-title px-3 px-sm-0">Rabais exclusifs</p>2786</a>27872788 2789 2790 2791 <a href="/blog-article/cest-le-temps-des-demenagements-etes-vous-prets" class="col-12 border-primary mb-4 col-sm-6 col-lg-4 px-0 px-sm-3 d-sm-none d-lg-block">2792 <img src=https://gilm-site-vitrine-production.s3.amazonaws.com/media/blog/shutterstock_2455909289_1600px_fcc2c654-2807-11ef-a928-129b4f63b299.jpg alt="thumbnail C'est le temps des déménagements, êtes-vous prêts?" class="mb-3 w-100 article-card-thumbnail hoverable" />2793 <p class="article-card-category px-3 px-sm-0">Pour les résidents</p>2794 <p class="article-card-title px-3 px-sm-0">C'est le temps des déménagements, êtes-vous prêts?</p>2795</a>27962797 2798 2799 <div class="col-md-12 d-flex justify-content-center">2800 <a href=/blog class="btn btn-outline-primary">Lire plus d'articles</a>2801 </div>2802</div>28032804 2805</div>28062807280828092810<div class="bg-background-gray partners-section py-5">2811 <div class="container text-center">2812 <h2 class="mb-4 text-primary">Nos partenaires</h2>2813 <div class="partners" id="partners" style=>2814 2815 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/ADMA.png" alt="img" class="partner my-4 rounded" />2816 2817 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/APCHQ.png" alt="img" class="partner my-4 rounded" />2818 2819 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/CONDOLEGAL.png" alt="img" class="partner my-4 rounded" />2820 2821 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/CORPIQ.png" alt="img" class="partner my-4 rounded" />2822 2823 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/OACIQ.png" alt="img" class="partner my-4 rounded" />2824 2825 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PREVDEQ.png" alt="img" class="partner my-4 rounded" />2826 2827 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/RBQ.png" alt="img" class="partner my-4 rounded" />2828 2829 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/RGCQ.png" alt="img" class="partner my-4 rounded" />2830 2831 </div>2832 </div>2833</div>283428352836<script>2837 function getBestDividor(value) {2838 return value % 4 === 0 ? 4 :2839 value % 3 === 0 ? 3 :2840 Math.min(4, Math.round(value / 2));2841 }28422843 function setItemCountPerRow() {2844 const partnerContainer = document.getElementById("partners");2845 if (partnerContainer) {2846 const partners = partnerContainer.children;28472848 const itemCountPerRow =2849 partners.length > 4 ?2850 getBestDividor(partners.length) :2851 partners.length;28522853 const root = document.documentElement;2854 root.style.setProperty('--partner-item-count', itemCountPerRow);2855 }2856 }28572858 setItemCountPerRow();2859</script>28602861 </main>2862 <footer>2863 286428652866<div class="footer row m-0 p-5 justify-content-center bg-black">2867 <div class="container m-0">2868 <div class="row mb-3">2869 <img src="/static/images/logos/sansfond_horizontal_blanc.png" alt="L&M Logo" width="auto"2870 height="80px" class="footer-logo">2871 </div>2872 <div class="row">2873 <div class="col-12 col-sm-6 col-md-3 mb-4 mb-md-0 p-0 pr-sm-4 d-flex flex-column">2874 <p class="footer-title mb-2">Contactez-nous</p>2875 <p class="footer-text mb-3">Pour toute question concercant nos services de gestion immobilière, nos logements à louer ou pour en savoir plus sur nos offres et services.</p>2876 <a href="tel:14186265500" class="mb-3 d-flex align-items-center">2877 <img src=/static/images/icons/call.svg alt="phone icon" class="footer-icon mr-3" />2878 <span class="footer-phone">418 626-5500</span>2879 </a>2880 <a href="/cdn-cgi/l/email-protection#3f565159507f535e594d5e515c5a12525e4b57565a4a115c5052" target="_blank" class="mb-3 d-flex align-items-center">2881 <img src=/static/images/icons/email.svg alt="email icon" class="footer-icon mr-3" />2882 <span><span class="__cf_email__" data-cfemail="7811161e173814191e0a19161b1d5515190c10111d0d561b1715">[email protected]</span></span>2883 </a>2884 <a href="https://g.page/Lafrance-Mathieu?share" target="_blank" class="mb-4 d-flex align-items-center">2885 1220 Boulevard Lebourgneuf<br>Québec, QC G2K 2G42886 </a>2887 <p class="footer-title mb-2">Suivez-nous sur les réseaux</p>2888 <div class="d-flex">2889 <a href="https://ca.linkedin.com/company/gestion-immobilière-lafrance-et-mathieu-inc">2890 <img src=/static/images/icons/linkedin.svg alt="linkedin icon"2891 class="footer-social-icon mr-3" />2892 </a>2893 <a href="https://fr-ca.facebook.com/lafrance.mathieu">2894 <img src=/static/images/icons/facebook.svg alt="facebook icon"2895 class="footer-social-icon" />2896 </a>2897 </div>2898 </div>2899 <div class="col-10 col-sm-6 col-md-3 mb-4 mb-md-0 p-0 pl-sm-4 px-md-4 d-flex flex-column">2900 <p class="footer-title mb-2">Soutien aux résidents (24/7)</p>2901 <p class="footer-text mb-3">Pour toute urgence n’hésitez pas à nous contacter ou connectez vous à l’Espace client pour toute question ou demande moins urgente.</p>2902 <a href="tel:14186265500" class="mb-3 d-flex align-items-center">2903 <img src=/static/images/icons/call.svg alt="phone icon" class="footer-icon mr-3" />2904 <span class="footer-phone">418-626-5500</span>2905 </a>2906 <a href="https://espace-client.lafrance-mathieu.com" target="_blank" class="d-flex align-items-center mb-3">2907 <img src=/static/images/icons/ticket.svg alt="client space icon" class="footer-icon mr-3" />2908 <span>Se connecter à l’Espace client</span>2909 </a>2910 <a href="https://doma.lafrance-mathieu.com:444/DocRoom/Auth/Login.aspx" target="_blank" class="d-flex align-items-center">2911 <img src=/static/images/icons/ticket.svg alt="intranet icon" class="footer-icon mr-3" />2912 <span>Se connecter à Sensaas</span>2913 </a>2914 </div>2915 <div class="col-10 col-sm-6 col-md-3 mb-4 mb-md-0 p-0 pr-sm-4 px-md-4">2916 <ul class="navbar-nav">2917 2918 29192920<li class="nav-item active ">2921 <a class="nav-link py-0 footer-main-navigation mb-3"2922 href="/">Accueil</a>2923 <hr class="my-1 border-gray-medium d-none">2924</li>292529262927 2928 29292930<li class="nav-item ">2931 <a class="nav-link py-0 footer-main-navigation mb-3"2932 href="/services-de-gestion-immobiliere">Services de gestion <br class='nav-item-translation'>immobilière</a>2933 <hr class="my-1 border-gray-medium d-none">2934</li>293529362937 2938 29392940<li class="nav-item ">2941 <a class="nav-link py-0 footer-main-navigation mb-3"2942 href="/louer-appartement-quebec/">Logements <br class='nav-item-translation'>à louer</a>2943 <hr class="my-1 border-gray-medium d-none">2944</li>294529462947 2948 29492950<li class="nav-item ">2951 <a class="nav-link py-0 footer-main-navigation mb-3"2952 href="/commercial/">Espaces <br class='nav-item-translation'>commerciaux</a>2953 <hr class="my-1 border-gray-medium d-none">2954</li>295529562957 2958 29592960<li class="nav-item ">2961 <a class="nav-link py-0 footer-main-navigation mb-3"2962 href="/espace-client/">Découvrez <br class='nav-item-translation'>l'Espace client</a>2963 <hr class="my-1 border-gray-medium d-none">2964</li>296529662967 2968 29692970<li class="nav-item ">2971 <a class="nav-link py-0 footer-main-navigation mb-3"2972 href="/qui-sommes-nous/">À propos de <br class='nav-item-translation'>Lafrance & Mathieu</a>2973 <hr class="my-1 border-gray-medium d-none">2974</li>297529762977 2978 </ul>2979 </div>2980 <div class="col-10 col-sm-6 col-md-3 p-0 pl-sm-4">2981 <ul class="navbar-nav">2982 2983 29842985<li class="nav-item ">2986 <a class="nav-link py-0 footer-main-navigation mb-3"2987 href="/nous-joindre/">Nous <br class='nav-item-translation'>contacter</a>2988 <hr class="my-1 border-gray-medium d-none">2989</li>299029912992 2993 29942995<li class="nav-item ">2996 <a class="nav-link py-0 footer-main-navigation mb-3"2997 href="/blog">Blogue</a>2998 <hr class="my-1 border-gray-medium d-none">2999</li>300030013002 3003 30043005<li class="nav-item ">3006 <a class="nav-link py-0 footer-main-navigation mb-3"3007 href="/faire-carriere/">Carrières</a>3008 <hr class="my-1 border-gray-medium d-none">3009</li>301030113012 3013 </ul>3014 </div>3015 </div>3016 </div>3017</div>30183019302030213022<div class="footer-notices d-flex flex-column w-100 m-0 px-5 py-4 align-items-start align-items-sm-center bg-darker">3023 <div class="d-flex justify-content-center">3024 <ul class="list-inline mb-1">3025 3026 <li class="list-inline-item">3027 <a href=/conditions-utilisation>3028 Conditions d'utilisation3029 </a>3030 </li>3031 3032 3033 <li class="list-inline-item">3034 <a href=/politique-confidentialite>3035 Politique de confidentialité3036 </a>3037 </li>3038 3039 3040 <li class="list-inline-item">3041 <a href=/protection-renseignements-personnels>3042 Protection des renseignements personnels3043 </a>3044 </li>3045 3046 3047 <li class="list-inline-item">3048 <a href=/temoins-navigation>3049 Gérer vos témoins de navigation3050 </a>3051 </li>3052 3053 </ul>3054 </div>3055 <div class="d-flex justify-content-center">3056 <p class="">© Gestion immobilière Lafrance & Mathieu</p>3057 </div>3058</div>30593060 </footer>3061 30623063<!-- Cookie Banner -->3064<div id="gilm-cookie-banner" class="alert alert-dark hidden" role="alert">3065 <div class="gilm-cookie-banner-container">3066 <div class="gilm-cookie-banner-text">3067 <p>3068 Nous utilisons les témoins de navigation (cookies) afin de mesurer et d’améliorer l’efficacité de nos3069 sites3070 Web3071 ou de rehausser l’expérience client. En utilisant notre site Web, vous consentez à l’utilisation de3072 témoins,3073 comme l’explique notre <a href=/protection-renseignements-personnels> protection des3074 renseignements personnels</a>. Si vous n'êtes pas à l'aise avec3075 l'utilisation3076 de ces informations, veuillez revoir vos paramètres avant de poursuivre votre visite.3077 </p>3078 <p class="d-sm-none">3079 <a href=/temoins-navigation>3080 Gérer vos témoins de navigation3081 </a>3082 <br/>3083 <a href=/politique-confidentialite>3084 Politique de confidentialité3085 </a>3086 <br/>3087 <a href=/conditions-utilisation>3088 Conditions d'utilisation3089 </a>3090 </p>3091 <p class="d-none d-sm-block">3092 <a href=/temoins-navigation>3093 Gérer vos témoins de navigation3094 </a>3095 -3096 <a href=/politique-confidentialite>3097 Politique de confidentialité3098 </a>3099 -3100 <a href=/conditions-utilisation>3101 Conditions d'utilisation3102 </a>3103 </p>3104 </div>3105 <button type="button" class="gilm-cookie-banner-button btn btn-primary btn-sm ms-3"3106 onclick="window.gilm_hideCookieBanner()">3107 <img src=/static/images/icons/close.svg alt="closing icon" class="close-icon"/>3108 </button>3109 </div>3110</div>3111<!-- End of Cookie Banner -->3112 </div>3113 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous">3114 </script>3115 <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js" integrity="sha256-eGE6blurk5sHj+rmkfsGYeKyZx3M4bG+ZlFyA7Kns7E=" crossorigin="anonymous">3116 </script>3117 <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js" crossorigin="anonymous"></script>3118 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous">3119 </script>3120 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous">3121 </script>3122 <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js">3123 </script>3124 <script type="text/javascript" src="/static/js/carousel.js">3125 </script>3126 <script type="text/javascript" src="/static/js/cookie_banner.js">3127 </script>3128 <script id="search-script" type="text/javascript" src="/static/js/search.js">3129 </script>3130 <script type="text/javascript" src="/static/js/jssocials.min.js">3131 </script>3132 <script src="https://unpkg.com/leaflet@1.5.1/dist/leaflet.js" integrity="sha512-GffPMF3RvMeYyc1LWMHtK8EbPv0iNZ8/oTtHPx9/cc2ILxQ+u905qIwdpULaqDkyBKgOaB57QTMg7ztg8Jm2Og==" crossorigin="">3133 </script>3134 <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js" integrity="sha256-bqVeqGdJ7h/lYPq6xrPv/YGzMEb6dNxlfiTUHSgRCp8=" crossorigin="anonymous">3135 </script>3136 <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/locales/bootstrap-datepicker.fr.min.js" charset="UTF-8">3137 </script>3138 <script async src="https://www.googletagmanager.com/gtag/js?id=UA-20687227-3"></script>3139 <script>3140 window.dataLayer = window.dataLayer || [];31413142 function gtag() {3143 dataLayer.push(arguments);3144 }3145 gtag('js', new Date());3146 gtag('config', 'UA-20687227-3');3147 </script>3148 3149 3150 </body>31513152 </html>3153