SPB Git

spb/lou-ka Public

Lou·Ka — tous les logements à louer du Québec, un seul endroit.

HTML 99.7%
98.6 KB · 2,792 lines html
Raw Blame History
12345    <!DOCTYPE html>6    <html lang="fr" class="building-detail">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<link rel="alternate" hreflang="fr-ca" href="/logement/111" />24<meta name="title" content="Logement a louer - 2580, boulevard Lebourgneuf">25<meta name="description" content="Trouvez votre appartement chez Lafrance et Mathieu. Louez un logement.">26<meta name="keywords"27    content="appartement a louer,logement a louer, alouer, studio a louer, appartement meublé, appartement, louer, logement vacant, condo à louer,condo locatif, condo a louer lebourgneuf, condo a louer neufchatel, condo a louer charlesbourg, condo locatif Québec, logement, Québec, ville de québec, limoilou, charlesbourg, beauport, location, lafrance, mathieu, 1 et demi, 2 et demi, 3 et demi, 4 et demi, 5 et demi, 6 et demi, 7 et demi">28<meta name="robots" content="index, follow">29<title>2580, boulevard Lebourgneuf - Lafrance & Mathieu</title>30<script src="https://www.google.com/recaptcha/api.js?hl=fr" async defer></script>3132        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">33        <meta name="language" content="French">34        <link rel="icon" type="image/ico" href="/static/images/favicon.ico" />35        3637        <!-- Google Tag Manager -->38            <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':39            new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],40            j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=41            'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);42            })(window,document,'script','dataLayer','GTM-T675TG3');</script>43        <!-- End Google Tag Manager -->44    </head>4546    <body>47        <!-- Google Tag Manager (noscript) -->48            <noscript><iframe src=https://www.googletagmanager.com/ns.html?id=GTM-T675TG349            height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>50        <!-- End Google Tag Manager (noscript) -->51        52        <div class="main-container">53            <header id="gilm-header" class>54                55565758<nav class="nav desktop-nav">59    <div class="desktop-nav-top">60        <a class="desktop-nav-top-link" href="/faire-carriere/">61            <p>Carrières</p>62        </a>63        64        <a class="desktop-nav-top-link" href="/blog">65            <p>Lafrance et Mathieu: Blogue</p>66        </a>67        68        <a class="desktop-nav-top-link" href="https://espace-client.lafrance-mathieu.com" target="_blank">69            <p class="text-primary">Connexion</p>70        </a>71    </div>72    <div class="desktop-nav-bottom ">73        <ul class="desktop-nav-bottom-content left">74            75            76            7778798081<li82    class="nav-item dropdown  "83    href="#"84>85    <a86        class="nav-link py-0 dropdown-toggle header-main-navigation"87        href="#"88        id="navbardrop"89        data-toggle="dropdown"90    >91        Services de gestion <br class='nav-item-translation'>immobilière92        <svg xmlns="http://www.w3.org/2000/svg" width="11" height="6" viewBox="0 0 11 6">93    <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"/>94</svg>9596    </a>97    <ul98        class="dropdown-menu dark dropdown-submenu"99    >100            101            102            <li class="nav-item">103                <a104                    class="dropdown-item header-main-navigation text-wrap "105                    href="/services-de-gestion-immobiliere"106                >107                    Présentation de nos services108                </a>109            </li>110            111            112            113            <li class="nav-item">114                <a115                    class="dropdown-item header-main-navigation text-wrap "116                    href="/services-de-gestion-immobiliere/gestion-coproprietes-quebec"117                >118                    Gestion d’immeubles en copropriété119                </a>120            </li>121            122            123            124            <li class="nav-item">125                <a126                    class="dropdown-item header-main-navigation text-wrap "127                    href="/services-de-gestion-immobiliere/gestion-immeubles-logements"128                >129                    Gestion immobilière d&#x27;appartements en location130                </a>131            </li>132            133            134            135            <li class="nav-item">136                <a137                    class="dropdown-item header-main-navigation text-wrap "138                    href="/services-de-gestion-immobiliere/gestion-immeubles-bureaux-commercial"139                >140                    Gestion immobilière commerciale141                </a>142            </li>143            144            145            146            <li class="nav-item">147                <a148                    class="dropdown-item header-main-navigation text-wrap "149                    href="/services-de-gestion-immobiliere/courtage-immobilier-residentiel-locatif-commercial"150                >151                    Service de courtage immobilier152                </a>153            </li>154            155            156            157            <li class="nav-item">158                <a159                    class="dropdown-item header-main-navigation text-wrap "160                    href="/services-de-gestion-immobiliere/gilm-renovation"161                >162                    GILM Rénovation163                </a>164            </li>165            166            167    </ul>168    <hr class="my-1 border-gray-medium d-none">169</li>170171172173            174            175            176            177178<li class="nav-item  ">179    <a class="nav-link py-0 header-main-navigation"180        href="/louer-appartement-quebec/">Logements <br class='nav-item-translation'>à louer</a>181    <hr class="my-1 border-gray-medium d-none">182</li>183184185            186            187            188            189190<li class="nav-item  ">191    <a class="nav-link py-0 header-main-navigation"192        href="/commercial/">Espaces <br class='nav-item-translation'>commerciaux</a>193    <hr class="my-1 border-gray-medium d-none">194</li>195196197            198            199        </ul>200            201        <ul class="desktop-nav-bottom-content">202            <li class="desktop-nav-logo">203                <a href="/">204                    <img src="/static/images/logos/sansfond_horizontal_noir.png" alt="L&M Logo" class="desktop-nav-logo-horizontal " />205                    <img src="/static/images/logos/sansfond_vertical_blanc.png" alt="L&M Logo" class="desktop-nav-logo-vertical d-none" />206                </a>207            </li>208        </ul>209210        <ul class="desktop-nav-bottom-content right">211            212            213            214215<li class="nav-item  order-5">216    <a class="nav-link py-0 header-main-navigation"217        href="/espace-client/">Découvrez <br class='nav-item-translation'>l'Espace client</a>218    <hr class="my-1 border-gray-medium d-none">219</li>220221222            223            224            225            226227228229230<li231    class="nav-item dropdown  order-6"232    href="#"233>234    <a235        class="nav-link py-0 dropdown-toggle header-main-navigation"236        href="#"237        id="navbardrop"238        data-toggle="dropdown"239    >240        À propos de <br class='nav-item-translation'>Lafrance & Mathieu241        <svg xmlns="http://www.w3.org/2000/svg" width="11" height="6" viewBox="0 0 11 6">242    <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"/>243</svg>244245    </a>246    <ul247        class="dropdown-menu dark dropdown-submenu"248    >249            250            251            <li class="nav-item">252                <a253                    class="dropdown-item header-main-navigation text-wrap "254                    href="/qui-sommes-nous/?tab=1"255                >256                    Qui sommes-nous257                </a>258            </li>259            260            261            262            <li class="nav-item">263                <a264                    class="dropdown-item header-main-navigation text-wrap "265                    href="/qui-sommes-nous/?tab=2"266                >267                    Mission et valeurs268                </a>269            </li>270            271            272            273            <li class="nav-item">274                <a275                    class="dropdown-item header-main-navigation text-wrap "276                    href="/qui-sommes-nous/?tab=3"277                >278                    Équipe de direction279                </a>280            </li>281            282            283    </ul>284    <hr class="my-1 border-gray-medium d-none">285</li>286287288289            290            291            292            293294<li class="nav-item  order-7">295    <a class="nav-link py-0 header-main-navigation"296        href="/nous-joindre/">Nous <br class='nav-item-translation'>contacter</a>297    <hr class="my-1 border-gray-medium d-none">298</li>299300301            302            303        </ul>304    </div>305</nav>306<nav class="nav mobile-nav">307    <div class="nav-bottom nav-d-none order-2" id="navbarSupportedContent">308        <ul class="nav-main-links">309            310            311            312313<li class="nav-item  ">314    <a class="nav-link py-0 header-main-navigation"315        href="/">Accueil</a>316    <hr class="my-1 border-gray-medium d-none">317</li>318319320            321            322            323            324325326327328<li329    class="nav-item dropdown  "330    href="#"331>332    <a333        class="nav-link py-0 dropdown-toggle header-main-navigation"334        href="#"335        id="navbardrop"336        data-toggle="dropdown"337    >338        Services de gestion <br class='nav-item-translation'>immobilière339        <svg xmlns="http://www.w3.org/2000/svg" width="11" height="6" viewBox="0 0 11 6">340    <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"/>341</svg>342343    </a>344    <ul345        class="dropdown-menu bg-gray-blue dropdown-submenu"346    >347            348            349            <li class="nav-item">350                <a351                    class="dropdown-item header-main-navigation text-wrap "352                    href="/services-de-gestion-immobiliere"353                >354                    Présentation de nos services355                </a>356            </li>357            358            359            360            <li class="nav-item">361                <a362                    class="dropdown-item header-main-navigation text-wrap "363                    href="/services-de-gestion-immobiliere/gestion-coproprietes-quebec"364                >365                    Gestion d’immeubles en copropriété366                </a>367            </li>368            369            370            371            <li class="nav-item">372                <a373                    class="dropdown-item header-main-navigation text-wrap "374                    href="/services-de-gestion-immobiliere/gestion-immeubles-logements"375                >376                    Gestion immobilière d&#x27;appartements en location377                </a>378            </li>379            380            381            382            <li class="nav-item">383                <a384                    class="dropdown-item header-main-navigation text-wrap "385                    href="/services-de-gestion-immobiliere/gestion-immeubles-bureaux-commercial"386                >387                    Gestion immobilière commerciale388                </a>389            </li>390            391            392            393            <li class="nav-item">394                <a395                    class="dropdown-item header-main-navigation text-wrap "396                    href="/services-de-gestion-immobiliere/courtage-immobilier-residentiel-locatif-commercial"397                >398                    Service de courtage immobilier399                </a>400            </li>401            402            403            404            <li class="nav-item">405                <a406                    class="dropdown-item header-main-navigation text-wrap "407                    href="/services-de-gestion-immobiliere/gilm-renovation"408                >409                    GILM Rénovation410                </a>411            </li>412            413            414    </ul>415    <hr class="my-1 border-gray-medium d-none">416</li>417418419420            421            422            423            424425<li class="nav-item  ">426    <a class="nav-link py-0 header-main-navigation"427        href="/louer-appartement-quebec/">Logements <br class='nav-item-translation'>à louer</a>428    <hr class="my-1 border-gray-medium d-none">429</li>430431432            433            434            435            436437<li class="nav-item  ">438    <a class="nav-link py-0 header-main-navigation"439        href="/commercial/">Espaces <br class='nav-item-translation'>commerciaux</a>440    <hr class="my-1 border-gray-medium d-none">441</li>442443444            445            446            447            448449<li class="nav-item  ">450    <a class="nav-link py-0 header-main-navigation"451        href="/espace-client/">Découvrez <br class='nav-item-translation'>l'Espace client</a>452    <hr class="my-1 border-gray-medium d-none">453</li>454455456            457            458            459            460461462463464<li465    class="nav-item dropdown  "466    href="#"467>468    <a469        class="nav-link py-0 dropdown-toggle header-main-navigation"470        href="#"471        id="navbardrop"472        data-toggle="dropdown"473    >474        À propos de <br class='nav-item-translation'>Lafrance & Mathieu475        <svg xmlns="http://www.w3.org/2000/svg" width="11" height="6" viewBox="0 0 11 6">476    <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"/>477</svg>478479    </a>480    <ul481        class="dropdown-menu bg-gray-blue dropdown-submenu"482    >483            484            485            <li class="nav-item">486                <a487                    class="dropdown-item header-main-navigation text-wrap "488                    href="/qui-sommes-nous/?tab=1"489                >490                    Qui sommes-nous491                </a>492            </li>493            494            495            496            <li class="nav-item">497                <a498                    class="dropdown-item header-main-navigation text-wrap "499                    href="/qui-sommes-nous/?tab=2"500                >501                    Mission et valeurs502                </a>503            </li>504            505            506            507            <li class="nav-item">508                <a509                    class="dropdown-item header-main-navigation text-wrap "510                    href="/qui-sommes-nous/?tab=3"511                >512                    Équipe de direction513                </a>514            </li>515            516            517    </ul>518    <hr class="my-1 border-gray-medium d-none">519</li>520521522523            524            525        </ul>526        <ul class="nav-quick-links mobile d-flex d-lg-none">527            528            529<div class="nav-item">530    <a class="header-secondary-navigation" href="/nous-joindre/">Nous <br class='nav-item-translation'>contacter</a>531</div>532533534            535            536<div class="nav-item">537    <a class="header-secondary-navigation" href="/blog">Blogue</a>538</div>539540541            542            543<div class="nav-item">544    <a class="header-secondary-navigation" href="/faire-carriere/">Carrières</a>545</div>546547548            549            <li class="nav-item nav-client-space">550                551552<a class="btn btn-primary header-button-navigation text-white" href="https://espace-client.lafrance-mathieu.com">Connexion à l’Espace client</a>553            </li>554        </ul>555        <div class="w-100 my-3 d-flex d-lg-none flex-wrap">556            <div class="mb-4 p-0 pr-4 d-flex flex-column">557                <a href="tel:14186265500" class="mb-2 d-flex align-items-center">558                    <img src=/static/images/icons/call.svg alt="phone icon" class="footer-icon mr-2" />559                    <span class="text-gray-light">418 626-5500</span>560                </a>561                <a href="/cdn-cgi/l/email-protection#2d44434b426d414c4b5f4c434e4800404c5945444858034e4240" target="_blank" class="mb-3 d-flex align-items-center">562                    <img src=/static/images/icons/call.svg alt="email icon" class="footer-icon mr-2" />563                    <span><span class="__cf_email__" data-cfemail="61080f070e210d000713000f02044c0c0015090804144f020e0c">[email&#160;protected]</span></span>564                </a>565                <p class="footer-text text-uppercase text-white text-bold">Suivez-nous sur les réseaux</p>566                <div class="d-flex">567                    <a href="https://ca.linkedin.com/company/gestion-immobilière-lafrance-et-mathieu-inc">568                        <img src=/static/images/icons/linkedin.svg alt="linkedin icon"569                            class="footer-social-icon mr-3" />570                    </a>571                    <a href="https://fr-ca.facebook.com/lafrance.mathieu">572                        <img src=/static/images/icons/facebook.svg alt="facebook icon"573                            class="footer-social-icon" />574                    </a>575                </div>576            </div>577            <div class="mb-4 mb-md-0 p-0 pl-sm-4 px-md-4 d-flex flex-column">578                <p class="footer-text text-uppercase text-white text-bold">Soutien aux résidents (24/7)</p>579                <a href="tel:14186265500" class="mb-2 d-flex align-items-center">580                    <img src=/static/images/icons/call.svg alt="phone icon" class="footer-icon mr-2" />581                    <span class="text-gray-light">418 626-5500</span>582                </a>583            </div>584        </div>585    </div>586    <div class="nav-top order-1">587        <ul class="nav-main-links nav-main-links-top">588            589            590            591592<li class="nav-item  ">593    <a class="nav-link py-0 header-main-navigation"594        href="/">Accueil</a>595    <hr class="my-1 border-gray-medium d-none">596</li>597598599            600            601            602            603604605606607<li608    class="nav-item dropdown  "609    href="#"610>611    <a612        class="nav-link py-0 dropdown-toggle header-main-navigation"613        href="#"614        id="navbardrop"615        data-toggle="dropdown"616    >617        Services de gestion <br class='nav-item-translation'>immobilière618        <svg xmlns="http://www.w3.org/2000/svg" width="11" height="6" viewBox="0 0 11 6">619    <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"/>620</svg>621622    </a>623    <ul624        class="dropdown-menu bg-gray-blue dropdown-submenu"625    >626            627            628            <li class="nav-item">629                <a630                    class="dropdown-item header-main-navigation text-wrap "631                    href="/services-de-gestion-immobiliere"632                >633                    Présentation de nos services634                </a>635            </li>636            637            638            639            <li class="nav-item">640                <a641                    class="dropdown-item header-main-navigation text-wrap "642                    href="/services-de-gestion-immobiliere/gestion-coproprietes-quebec"643                >644                    Gestion d’immeubles en copropriété645                </a>646            </li>647            648            649            650            <li class="nav-item">651                <a652                    class="dropdown-item header-main-navigation text-wrap "653                    href="/services-de-gestion-immobiliere/gestion-immeubles-logements"654                >655                    Gestion immobilière d&#x27;appartements en location656                </a>657            </li>658            659            660            661            <li class="nav-item">662                <a663                    class="dropdown-item header-main-navigation text-wrap "664                    href="/services-de-gestion-immobiliere/gestion-immeubles-bureaux-commercial"665                >666                    Gestion immobilière commerciale667                </a>668            </li>669            670            671            672            <li class="nav-item">673                <a674                    class="dropdown-item header-main-navigation text-wrap "675                    href="/services-de-gestion-immobiliere/courtage-immobilier-residentiel-locatif-commercial"676                >677                    Service de courtage immobilier678                </a>679            </li>680            681            682            683            <li class="nav-item">684                <a685                    class="dropdown-item header-main-navigation text-wrap "686                    href="/services-de-gestion-immobiliere/gilm-renovation"687                >688                    GILM Rénovation689                </a>690            </li>691            692            693    </ul>694    <hr class="my-1 border-gray-medium d-none">695</li>696697698699            700            701            702            703704<li class="nav-item  ">705    <a class="nav-link py-0 header-main-navigation"706        href="/louer-appartement-quebec/">Logements <br class='nav-item-translation'>à louer</a>707    <hr class="my-1 border-gray-medium d-none">708</li>709710711            712            713            714            715716<li class="nav-item  ">717    <a class="nav-link py-0 header-main-navigation"718        href="/commercial/">Espaces <br class='nav-item-translation'>commerciaux</a>719    <hr class="my-1 border-gray-medium d-none">720</li>721722723            724            725            726            727728<li class="nav-item  ">729    <a class="nav-link py-0 header-main-navigation"730        href="/espace-client/">Découvrez <br class='nav-item-translation'>l'Espace client</a>731    <hr class="my-1 border-gray-medium d-none">732</li>733734735            736            737            738            739740741742743<li744    class="nav-item dropdown  "745    href="#"746>747    <a748        class="nav-link py-0 dropdown-toggle header-main-navigation"749        href="#"750        id="navbardrop"751        data-toggle="dropdown"752    >753        À propos de <br class='nav-item-translation'>Lafrance & Mathieu754        <svg xmlns="http://www.w3.org/2000/svg" width="11" height="6" viewBox="0 0 11 6">755    <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"/>756</svg>757758    </a>759    <ul760        class="dropdown-menu bg-gray-blue dropdown-submenu"761    >762            763            764            <li class="nav-item">765                <a766                    class="dropdown-item header-main-navigation text-wrap "767                    href="/qui-sommes-nous/?tab=1"768                >769                    Qui sommes-nous770                </a>771            </li>772            773            774            775            <li class="nav-item">776                <a777                    class="dropdown-item header-main-navigation text-wrap "778                    href="/qui-sommes-nous/?tab=2"779                >780                    Mission et valeurs781                </a>782            </li>783            784            785            786            <li class="nav-item">787                <a788                    class="dropdown-item header-main-navigation text-wrap "789                    href="/qui-sommes-nous/?tab=3"790                >791                    Équipe de direction792                </a>793            </li>794            795            796    </ul>797    <hr class="my-1 border-gray-medium d-none">798</li>799800801802            803            804        </ul>805        <button class="nav-toggle d-block d-lg-none" type="button" onclick="toggleMenu();">806            <img class="nav-toggle-icon icon-top d-none" src="/static/images/menu.svg" alt="menu">807            <img class="nav-toggle-icon icon-sticky" src="/static/images/menu-dark.svg" alt="menu">808        </button>809        <ul class="nav-quick-links">810            811            812<div class="nav-item">813    <a class="header-secondary-navigation" href="/nous-joindre/">Nous <br class='nav-item-translation'>contacter</a>814</div>815816817            818            819<div class="nav-item">820    <a class="header-secondary-navigation" href="/blog">Blogue</a>821</div>822823824            825            826<div class="nav-item">827    <a class="header-secondary-navigation" href="/faire-carriere/">Carrières</a>828</div>829830831            832            <li class="nav-item nav-client-space">833                834835<a class="btn btn-primary header-button-navigation text-white" href="https://espace-client.lafrance-mathieu.com">Connexion à l’Espace client</a>836            </li>837        </ul>838        <a class="nav-logo-link" href="/">839            <img id="logo-white" class="nav-logo-img icon-top d-none" src="/static/images/logos/sansfond_horizontal_blanc.png"840                alt="L&M Logo">841            <img id="logo-dark" class="nav-logo-img icon-sticky" src="/static/images/logos/sansfond_horizontal_noir.png"842                alt="L&M Logo">843        </a>844    </div>845    846    847    848    849    850    851    852    853</nav>854855<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>856    function toggleMenu() {857        scrollPosition = window.scrollY;858859        const menu = document.getElementById("navbarSupportedContent");860        menu.classList.toggle("nav-d-none");861        862        const mobileTabs = document.getElementsByClassName("mobile-tabs")[0];863        if (mobileTabs && mobileTabs.classList) {864            mobileTabs.classList.toggle("d-none");865        }866867        if (!menu.classList.contains("nav-d-none")) {868            makeHeaderDark();869        } else {870            makeHeaderClear();871        }872    }873874    window.addEventListener('touchmove', function (_e) {875        onScroll();876    });877    window.addEventListener('scroll', function (_e) {878        onScroll();879    });880881    function makeHeaderDark() {882        const header = document.getElementById("gilm-header");883        if (!header.classList.contains("top")) header.classList.add("top");884885        const lightIcons = document.getElementsByClassName("icon-top");886        const darkIcons = document.getElementsByClassName("icon-sticky");887        for (icon of lightIcons) {888            icon.classList.contains("d-none") && icon.classList.remove("d-none");889        }890        for (icon of darkIcons) {891            !icon.classList.contains("d-none") && icon.classList.add("d-none");892        }893    }894895    function makeHeaderClear() {896        const header = document.getElementById("gilm-header");897        if (header.classList.contains("top")) header.classList.remove("top");898899        const lightIcons = document.getElementsByClassName("icon-top");900        const darkIcons = document.getElementsByClassName("icon-sticky");901        for (icon of lightIcons) {902            !icon.classList.contains("d-none") && icon.classList.add("d-none");903        }904        for (icon of darkIcons) {905            icon.classList.contains("d-none") && icon.classList.remove("d-none");906        }907    }908    909    function onScroll() {910        911    }912</script>913914            </header>915            <main class="overflow-y-hidden  ">916                917918<div class="container">919    <nav class="mb-4 pt-4" aria-label="breadcrumb">920        <a class="breadcrumb-primary" href="/">Accueil</a>921        <a class="breadcrumb-primary" href="/louer-appartement-quebec/">Logements à louer</a>922    </nav>923    924925926927<div class="row">928    <div class="col-md-10">929        <p class="text-gray-light">Appartements &middot; Lebourgneuf</p>930        <h2 id="building-address-1">2580, boulevard Lebourgneuf</h2>931        <p id="building-address-2" class="subtext">932            Québec,933            (Québec), 934            G2C1K5935        </p>936    </div>937    <div class="col-md-2 col-sm-12 d-flex align-items-end flex-row-reverse pb-3">938        939        940        941        942        <button943    class="btn text-primary "944    data-toggle="modal"945    data-target="#modal-share"946    onclick="configureShareWidget(`Logements à louer - 2580, boulevard Lebourgneuf`, `https://lafrance-mathieu.com/logement/111`)">947    <i class="fas fa-share-square mr-1"></i>948    <span>Partager</span>949</button>950951        952        953    </div>954</div>955<div class="row">956    <div class="col-lg-8 d-none d-md-block">957        958        959960<div class="building-slideshow">961    <div class="slider slider-for">962        963        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD015_104887e8-aa5a-11ea-8d3f-1275881fc0b8.JPG" alt="Façade">964        965        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD013_1073b80a-aa5a-11ea-8d3f-1275881fc0b8.JPG" alt="facade">966        967    </div>968    <div class="slider slider-nav mt-2">969        970        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD015_104887e8-aa5a-11ea-8d3f-1275881fc0b8.JPG" alt="Façade">971        972        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD013_1073b80a-aa5a-11ea-8d3f-1275881fc0b8.JPG" alt="facade">973        974    </div>975</div>976977        978    </div>979    <div class="col-lg-8 d-block d-md-none">980        981        982983984985<div class="">986    <div class="single-item-arrow--left ml-3"></div>987    <div class="single-item">988        989            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD015_104887e8-aa5a-11ea-8d3f-1275881fc0b8.JPG" alt="Façade" style="object-fit: cover" height="auto">990        991            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD013_1073b80a-aa5a-11ea-8d3f-1275881fc0b8.JPG" alt="facade" style="object-fit: cover" height="auto">992        993    </div>994    <div class="single-item-arrow--right mr-3"></div>995</div>996997        998    </div>999    1000    <div class="col-12 col-lg-4 order-lg-2">1001        <div class="border border-light rounded p-3 w-100 d-none d-lg-block shadow-sm position-relative" id="inquire-form">1002            <div style="position: absolute; top: -134px;" id="inquire-form-anchor"></div>1003            1004100510061007<div class="inquire-step-1 container p-0 mb-5 position-relative">1008    <div id="inquire-step-1" style="position: absolute; top: -134px;"></div>1009    <h2 class="mb-4" style="font-size: 1.6rem;">S'informer sur ce logement</h2>1010    <p>418-626-3070</p>1011    <p class="text-primary"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="84e8ebe7e5f0edebeac4e8e5e2f6e5eae7e1a9e9e5f0ecede1f1aae7ebe9">[email&#160;protected]</a></p>1012    <p class="mb-4">Dites-nous quelles unités vous intéressent ainsi que votre date de déménagement prévue.</p>1013    <p class="text-gray-light">Intéressé par ces unités</p>10141015    <div class="d-inline-flex flex-wrap">1016        1017        1018        <button1019            class="inquire-room btn btn-normal mb-3"1020            data-unit_room="4½"1021            data-toggle="button"1022        >10231024        </button>1025        1026        1027    </div>10281029    <div class="dropdown mb-4">1030        <div class="dropdown-toggle inquire-units-button rounded p-3 text-left" type="button"1031            id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">1032            <p class="inquire-units-label-title text-uppercase mb-0">1033                Unité(s) spécifique(s)1034            </p>1035            <p id="inquire-units-label-noselected" class="inquire-units-label-selection m-0">1036                Aucune choisie1037            </p>1038            <p id="inquire-units-label-selected" class="inquire-units-label-selection d-none m-0"></p>1039        </div>1040        <div class="dropdown-menu inquire-units-choices rounded border-gray-very-light" aria-labelledby="dropdownMenuButton">1041            1042            1043            <button class="inquire-units-choice dropdown-item" data-unit="201"1044                data-unit_room="4½">1045                2011046            </button>1047            1048            1049        </div>1050    </div>105110521053    <p class="text-gray-light">Date de déménagement prévue</p>1054    <div id="inquire-datepicker" class="input-group date mt-1">1055        <input id="inquire-datepicker-input" class="form-control" onfocus="blur();" placeholder="Sélectionner une date">1056        <div class="input-group-addon">1057            <span class="glyphicon glyphicon-th"></span>1058        </div>1059    </div>1060</div>10611062<div class="inquire-step-2 container p-0 mb-5 d-none position-relative">1063    <div id="inquire-step-2" style="position: absolute; top: -134px;"></div>1064    <h2 class="my-4" style="font-size: 1.6rem;">Comment peut-on vous rejoindre?</h2>1065    <p>Inscrivez vos coordonnées afin que notre équipe puisse vous rejoindre et vous conseiller.</p>1066    <form id="inquire-form">1067        <div class="form-group">1068            <input name="firstName" type="text" class="form-control" id="inquireForm-firstName"1069                placeholder="Prénom"></input>1070        </div>1071        <div class="form-group">1072            <input name="lastName" type="text" class="form-control" id="inquireForm-lastName"1073                placeholder="Nom de famille"></input>1074        </div>1075        <div class="form-group">1076            <select name="contactMethod" class="form-control" id="inquireForm-contactMethod">1077                <option id="email" value="email" selected>Courriel</option>1078                <option id="phone" value="phone">Téléphone</option>1079            </select>1080        </div>1081        <div id="inquireForm-contact-email" class="form-group">1082            <input name="contactEmail" type="email" class="form-control" id="inquireForm-email"1083                placeholder="Adresse courriel"></input>1084        </div>1085        <div id="inquireForm-contact-phone" class="form-group d-none">1086            <input name="contactPhone" type="tel" class="form-control" id="inquireForm-phone"1087                placeholder="Numéro de téléphone"></input>1088        </div>1089        <div class="form-group">1090            <textarea name="comments" type="text" class="form-control" id="inquireForm-comments"1091                placeholder="Questions ou notes"></textarea>1092        </div>1093        <div id="g-recaptcha-error"></div>1094        <div class="mb-3 g-recaptcha" data-sitekey="6LdkNyIpAAAAAD7KhL3DhvgxSocY-78gAmvXBzoe" data-callback="verifyCaptcha"></div>1095    </form>1096</div>10971098<div class="inquire-step-3 d-none position-relative">1099    <div id="inquire-confirmation" style="position: absolute; top: -134px;"></div>1100    <img class="mt-4" src="/static/images/logos/sansfond_horizontal_noir.png" alt="L&M Logo" width="auto"1101        height="66px">1102    <h2 class="my-4" style="font-size: 1.6rem;">Votre demande a été envoyée à l’équipe de Lafrance et Mathieu.</h2>1103    <p>Nous répondons à toutes les demandes dans un délai de 24 à 48 heures (jours ouvrables).</p>1104</div>11051106<button id="inquire-btn-1" class="inquire-continue inquire-step-1 btn btn-primary w-100" disabled onclick="scrollToTopOfForm();">1107    Continuer1108</button>1109<button id="inquire-btn-2" class="inquire-submit inquire-step-2 btn btn-primary w-100 d-none" onclick="submitForm();" disabled>1110    Soumettre1111</button>1112<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>1113    var recaptcha_response = '';1114    window.isCondo = "False" == "True";1115    document.getElementById("inquire-datepicker-input").value = "";1116    1117    function scrollToTopOfForm() {1118        const top = document.getElementById("inquire-step-1");1119        top.scrollIntoView();1120    }1121    function submitForm() {1122        if (recaptcha_response && recaptcha_response.length !== 0 && recaptcha_response !== ''){1123            onContinue2Click('SxcJbgYxKYUW6gshSM4AEFktCJJqlQwJuguqt4u8qc9sVzEi4XDU029hpP5bQRO6');1124            const confirmation = document.getElementById("inquire-confirmation");1125            confirmation.scrollIntoView();1126        }1127        else {1128            document.getElementById('g-recaptcha-error').innerHTML = '<span style="color:red;">Ceci est obligatoire.</span>';1129        }1130    }11311132    function verifyCaptcha(token) {1133        recaptcha_response = token;1134        document.getElementById('g-recaptcha-error').innerHTML = '';1135    }1136</script>11371138        </div>1139    </div>1140    1141</div>11421143<div class="row mt-4">1144    <div class="col-md-8">1145        <h2 class="convenience-header">Commodités de l'immeuble</h2>1146        <div class="row mb-4">1147            <div class="col-md-12">1148                1149115011511152    1153    <ul class="list-unstyled d-flex flex-wrap mb-1">1154        1155            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1156                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1157                <p class="attribute-description mb-0">Intercom</p>1158            </li>1159        1160            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1161                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1162                <p class="attribute-description mb-0">Équipe de maintenance 24h</p>1163            </li>1164        1165            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1166                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1167                <p class="attribute-description mb-0">Stationnement</p>1168            </li>1169        1170            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1171                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1172                <p class="attribute-description mb-0">Insonorisation supérieure</p>1173            </li>1174        1175            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1176                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1177                <p class="attribute-description mb-0">Grand espace gazonné</p>1178            </li>1179        1180    </ul>118111821183            </div>1184        </div>1185    </div>1186</div>118711881189</div>119011911192119311941195<script>1196function scrollToId(unitRoomId) {1197    removeAllActive();11981199    const scrollOptions = {1200        behavior: "smooth",1201        block: "start"1202    };12031204    const defaultFilter = document.getElementById("unit-room-filter-all");1205    if (unitRoomId === "all") {1206        defaultFilter.classList.add("active");1207        defaultFilter.scrollIntoView(scrollOptions);1208    } else {1209        const element = document.getElementById(`unit-room-${unitRoomId}`);1210        if (!!element) {1211            element.scrollIntoView(scrollOptions);1212            const defaultFilter = document.getElementById("unit-room-filter-all");1213            defaultFilter.classList.remove("active");1214            const filter = document.getElementById(`unit-room-filter-${unitRoomId}`);1215            filter.classList.add("active");12161217        }1218    }1219}12201221function removeAllActive() {1222    const elements = document.getElementsByClassName("unit-room-filter");1223    for (element of elements) element.classList.remove("active");1224}1225</script>12261227<div class="container">1228    <div class="row mt-5">1229        <div class="col-md-12">1230            <h2 id="anchor-units" class="mb-3">Unités</h2>1231            1232            <ul class="list-inline mb-0 position-relative">1233                <li class="list-inline-item mr-4 pb-2 unit-room-filter active" id="unit-room-filter-all">1234                    <button onclick="scrollToId('all');" class="unit-room-filter-button btn btn-no-outline">1235                        <span>Toutes</span>1236                    </button>1237                </li>1238                1239                <li class="list-inline-item mr-4 mb-0 pb-2 unit-room-filter" id="unit-room-filter-227">1240                    <button onclick="scrollToId('227');" class="unit-room-filter-button btn btn-no-outline">1241                        <span class="text-primary">4½</span> <span class="text-gray-light">(1)</span>1242                    </button>1243                </li>1244                1245            </ul>1246            1247        </div>1248    </div>1249</div>1250<div class="bg-background-gray pb-3">1251    <div class="container">1252        <div class="row">1253            <div class="col-12 p-0">1254                1255                <div class="bg-white rounded mt-3 p-3 p-md-5 mx-3 position-relative">1256                    <div style="position: absolute; top: -134px;" id="unit-room-227"></div>1257                    <div id="modal-details-227" class="modal">1258                        125912601261<div class="container mt-5">1262    <div class="col-md-8 offset-md-2 bg-white p-5 rounded shadow">1263        12641265<div class="row">1266    <div class="col-9">1267    <h2>1268        1269            4½ from $1395 to $13951270        1271    </h2>1272    </div>1273    <div class="col-3 text-right">1274        <button class="btn-close" data-toggle="modal" data-target="#modal-details-227"></button>1275    </div>1276</div>1277<div class="row">1278    <div class="col-9">1279        12801281<p class="">1282    1 1283    <span class="text-lowercase">1284        1285            unité1286        1287    </span>1288</p>1289    </div>1290    <div class="col-3 text-right">1291        1292    </div>1293</div>1294<div class="row">1295    <div class="col-12" id="unit-modal-carousel-227">1296        12971298<div class="unit-detail-carousel">1299    <div class="slider slider-for">1300        1301        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/1_8239bfc0-aa5a-11ea-8d3f-1275881fc0b8.jpg" alt="cuisine">1302        1303        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/2_827f6336-aa5a-11ea-8d3f-1275881fc0b8.jpg" alt="cuisine2">1304        1305        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/3_829e7280-aa5a-11ea-8d3f-1275881fc0b8.jpg" alt="cuisine">1306        1307        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/4_82ba2bf6-aa5a-11ea-8d3f-1275881fc0b8.jpg" alt="salon">1308        1309        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/5_82e102c6-aa5a-11ea-8d3f-1275881fc0b8.jpg" alt="sb">1310        1311        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/6_830d62f8-aa5a-11ea-8d3f-1275881fc0b8.jpg" alt="chambre">1312        1313        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD001_832c768e-aa5a-11ea-8d3f-1275881fc0b8.jpg" alt="salon">1314        1315    </div>1316    <div class="slider slider-nav mt-2">1317        1318        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/1_8239bfc0-aa5a-11ea-8d3f-1275881fc0b8.jpg" alt="cuisine">1319        1320        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/2_827f6336-aa5a-11ea-8d3f-1275881fc0b8.jpg" alt="cuisine2">1321        1322        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/3_829e7280-aa5a-11ea-8d3f-1275881fc0b8.jpg" alt="cuisine">1323        1324        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/4_82ba2bf6-aa5a-11ea-8d3f-1275881fc0b8.jpg" alt="salon">1325        1326        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/5_82e102c6-aa5a-11ea-8d3f-1275881fc0b8.jpg" alt="sb">1327        1328        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/6_830d62f8-aa5a-11ea-8d3f-1275881fc0b8.jpg" alt="chambre">1329        1330        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD001_832c768e-aa5a-11ea-8d3f-1275881fc0b8.jpg" alt="salon">1331        1332    </div>1333</div>13341335    </div>1336</div>1337<div class="row mt-3">1338    <div class="col-12 unit-commodities">1339        1340        1341134213431344    1345        <p class="small-header pb-1">1346            Commodités de l'unité1347        </p>1348    1349    <ul class="list-unstyled d-flex flex-wrap mb-1">1350        1351            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1352                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="icon" height="15px" width="15px">1353                <p class="attribute-description mb-0">Équipe de maintenance 24h</p>1354            </li>1355        1356            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1357                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_parking_exterior_d3a99ad6-b182-11ea-80c6-1275881fc0b8.png" alt="icon" height="15px" width="15px">1358                <p class="attribute-description mb-0">Stationnement extérieur</p>1359            </li>1360        1361    </ul>136213631364    </div>1365</div>1366<div class="row mt-3">1367    <div class="col-12 unit-characteristics">1368        1369        13701371137213731374    </div>1375</div>137613771378        <div class="units-detail mt-5">1379            <h2>Unités</h2>1380            1381138213831384<div class="row" id="units-for-unit-room-227">1385    1386    1387    <div class="col-12 h-100  ">1388        <div class="h-100 border-bottom">1389            <div class="row mt-3">1390                <div class="col-sm-6 col-md-4">1391                    <p class="small-header">unité</p>1392                    <p>1393                        2011394                        1395                        <span>&middot; 1er étage</span>1396                        1397                    </p>1398                </div>1399                <div class="col-sm-6 col-md-4">1400                    <p class="small-header">Disponibilité</p>1401                    <p class="text-primary">1402                        Libre immédiatement1403                    </p>1404                </div>1405                <div class="col-sm-6 col-md-4">1406                    <p class="small-header">À partir de</p>1407                    <p>1395,00$</p>1408                </div>1409                1410            </div>1411            <div class="row">1412            </div>1413            1414        </div>1415    </div>1416    1417    1418</div>14191420        </div>1421        1422    </div>1423</div>1424                    </div>1425                    <div class="row">1426                        <div class="col-6">1427                            <h4>1428                                1429                                4½ à partir de 1395,00$1430                            1431                            </h4>1432                        </div>1433                        <div class="col-6 d-flex justify-content-end">1434                            1435                            1436                            1437                            <button1438    class="btn text-primary share-button-small"1439    data-toggle="modal"1440    data-target="#modal-share"1441    onclick="configureShareWidget(`4½ à louer - 2580, boulevard Lebourgneuf`, `https://lafrance-mathieu.com/logement/111`)">1442    <i class="fas fa-share-square mr-1"></i>1443    <span>Partager</span>1444</button>14451446                            1447                        </div>1448                    </div>1449                    <div class="row">1450                        <div class="col-md-4">1451                            <div class="row">1452                                <div class="col-12">1453                                    14541455                                    145614571458<div class="unit-image-counter d-flex align-items-center">1459    <img class="ml-1" src="/static/images/logos/camera.png" height="14px" width="auto" alt="unit image">1460    <span class="ml-1 text-white small">7</span>1461</div>146214631464<div class="single-item-small">1465    <div class="single-item-arrow--left ml-3"></div>1466    <div class="single-item">1467        1468            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/1_8239bfc0-aa5a-11ea-8d3f-1275881fc0b8.jpg" alt="cuisine" style="object-fit: cover" height="auto">1469        1470            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/2_827f6336-aa5a-11ea-8d3f-1275881fc0b8.jpg" alt="cuisine2" style="object-fit: cover" height="auto">1471        1472            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/3_829e7280-aa5a-11ea-8d3f-1275881fc0b8.jpg" alt="cuisine" style="object-fit: cover" height="auto">1473        1474            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/4_82ba2bf6-aa5a-11ea-8d3f-1275881fc0b8.jpg" alt="salon" style="object-fit: cover" height="auto">1475        1476            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/5_82e102c6-aa5a-11ea-8d3f-1275881fc0b8.jpg" alt="sb" style="object-fit: cover" height="auto">1477        1478            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/6_830d62f8-aa5a-11ea-8d3f-1275881fc0b8.jpg" alt="chambre" style="object-fit: cover" height="auto">1479        1480            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD001_832c768e-aa5a-11ea-8d3f-1275881fc0b8.jpg" alt="salon" style="object-fit: cover" height="auto">1481        1482    </div>1483    <div class="single-item-arrow--right mr-3"></div>1484</div>14851486                                    1487                                </div>1488                            </div>1489                            1490                        </div>1491                        <div class="col-md-8 mt-4 mt-md-0 d-flex flex-column">1492                            <div class="row flex-grow-1">1493                                1494                                <div class="unit-commodities unit-specs col-sm-6">1495                                    1496                                    1497149814991500    1501        <p class="small-header pb-1">1502            Commodités de l'unité1503        </p>1504    1505    <ul class="list-unstyled d-flex flex-wrap mb-1">1506        1507            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1508                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="icon" height="15px" width="15px">1509                <p class="attribute-description mb-0">Équipe de maintenance 24h</p>1510            </li>1511        1512            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1513                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_parking_exterior_d3a99ad6-b182-11ea-80c6-1275881fc0b8.png" alt="icon" height="15px" width="15px">1514                <p class="attribute-description mb-0">Stationnement extérieur</p>1515            </li>1516        1517    </ul>151815191520                                </div>1521                                1522                                1523                                <div class="unit-characteristics unit-specs mt-3 mt-sm-0 col-sm-6">1524                                    1525                                    1526152715281529    1530        <p class="small-header pb-1">1531            Caractéristiques de l'unité1532        </p>1533    1534    <ul class="list-unstyled d-flex flex-wrap mb-1">1535        1536            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1537                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan_4afd9f16-7ff5-11ea-8747-1275881fc0b8.png" alt="icon" height="15px" width="15px">1538                <p class="attribute-description mb-0">Chat accepté</p>1539            </li>1540        1541            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1542                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan_5d2b8d60-7ff5-11ea-8747-1275881fc0b8.png" alt="icon" height="15px" width="15px">1543                <p class="attribute-description mb-0">Balcon</p>1544            </li>1545        1546            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1547                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan_dca93cae-7ff5-11ea-b282-1275881fc0b8.png" alt="icon" height="15px" width="15px">1548                <p class="attribute-description mb-0">Entrée laveuse-sécheuse</p>1549            </li>1550        1551            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1552                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan_e4ecf7a2-7ff5-11ea-abd0-1275881fc0b8.png" alt="icon" height="15px" width="15px">1553                <p class="attribute-description mb-0">Entrée lave-vaisselle</p>1554            </li>1555        1556            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1557                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan_f86ba210-7ff5-11ea-b282-1275881fc0b8.png" alt="icon" height="15px" width="15px">1558                <p class="attribute-description mb-0">Conciergerie sur place</p>1559            </li>1560        1561            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1562                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan_94300a9a-7ff8-11ea-b282-1275881fc0b8.png" alt="icon" height="15px" width="15px">1563                <p class="attribute-description mb-0">Espace de rangement</p>1564            </li>1565        1566    </ul>156715681569                                </div>1570                                1571                            </div>1572                            1573                        </div>1574                    </div>1575                    <div class="row mt-3">1576                        <div class="col-md-4">1577                            <button1578                                class="inquire-room-and-scroll btn btn-outline-primary btn-block unit-detail d-none d-lg-block"1579                                data-unit_room="4½">1580                                S'informer1581                            </button>1582                            <button1583                              class="inquire-room-and-scroll btn btn-outline-primary btn-block unit-detail d-block d-lg-none"1584                              data-unit_room="4½" onclick="displayInquiryAndScroll();">1585                                S'informer1586                            </button>1587                        </div>1588                    </div>1589                    <div class="units-detail">1590                      15911592<p class="mb-0 mt-4">1593    1 1594    <span class="text-lowercase">1595        1596            unité1597        1598    </span>1599</p>1600                        1601160216031604<div class="row" id="units-for-unit-room-227">1605    1606    1607    <div class="col-12 h-100  ">1608        <div class="h-100 border-bottom">1609            <div class="row mt-3">1610                <div class="col-sm-6 col-md-4">1611                    <p class="small-header">unité</p>1612                    <p>1613                        2011614                        1615                        <span>&middot; 1er étage</span>1616                        1617                    </p>1618                </div>1619                <div class="col-sm-6 col-md-4">1620                    <p class="small-header">Disponibilité</p>1621                    <p class="text-primary">1622                        Libre immédiatement1623                    </p>1624                </div>1625                <div class="col-sm-6 col-md-4">1626                    <p class="small-header">À partir de</p>1627                    <p>1395,00$</p>1628                </div>1629                1630            </div>1631            <div class="row">1632            </div>1633            1634        </div>1635    </div>1636    1637    1638</div>16391640                    </div>1641                    1642                </div>1643                1644            </div>1645        </div>1646    </div>1647</div>16481649<div id="modal-video" class="modal">1650    <div class="modal-dialog modal-lg" role="document">1651        <div class="modal-content">1652            <div id="modal-video-body" class="modal-body">1653            </div>1654        </div>1655    </div>1656</div>16571658<script type="text/javascript">1659    const toggleHiddenUnits = (unitRoomId) => {1660        if (unitRoomId) {1661            const hiddenUnits = document.getElementsByClassName(`hidden-unit-${unitRoomId}`);1662            for (unit of hiddenUnits) {1663                unit.classList.toggle("d-none");1664            }16651666            const seeMoreButton = document.getElementById(`see-more-units-${unitRoomId}`);1667            if (seeMoreButton.textContent === "Voir plus")1668                seeMoreButton.textContent = "Voir moins";1669            else1670                seeMoreButton.textContent = "Voir plus";1671        }1672    }16731674    const playVideo = (el) => {1675        const list = el.getElementsByTagName('video');1676        if (!list || !list.length)1677            return;16781679        const video = list[0];1680        const container = document.getElementById('modal-video-body');1681        container.appendChild(video);1682        video.play();16831684        el.classList.add('show-placeholder');16851686        $("#modal-video").modal();1687        $("#modal-video").on('hidden.bs.modal', () => {1688            el.classList.remove('show-placeholder');1689            el.insertBefore(video, el.children[0]);1690            video.currentTime = 0;1691            video.pause();1692        });1693    }16941695    function displayInquiryAndScroll() {1696        displayInquiry();1697        const form = document.getElementById("inquire-form-anchor");1698        form.scrollIntoView();1699    }1700</script>170117021703<div class="container">1704    <div class="row mt-5">1705        <div class="col-md-6">1706            <div class="row">1707                <div class="col-12">1708                    <h2>À propos de l'immeuble</h2>1709                </div>1710            </div>1711            <div class="row">1712                <div class="col-12">1713                    <p class="mb-1"><strong>Adresse</strong></p>1714                    17151716<script id="building-coordinates" type="application/json">[{"loc": ["46.827384", "-71.317241"], "id": 111}]</script>17171718<div id="map-container" class="footer mb-2 mt-1">1719    <div id="interactive-map" style="height: 100%;" class="rounded">1720    </div>1721</div>17221723                    <p class="mb-0">2580, boulevard Lebourgneuf</p>1724                    <p class="mb-0">Québec, Québec</p>1725                    <p class="mb-3">G2C1K5</p>1726                    <a href="https://www.google.com/maps/search/?api=1&amp;query=%202580%20boulevard%20Lebourgneuf%20Quebec%20G2C1K5" target="_blank">1727                        Ouvrir sur Google Maps1728                    </a>1729                </div>1730            </div>1731            <hr>1732            <div class="row">1733                <div class="col-12">1734                    <p><strong>Plus d'informations</strong></p>1735                    <div class="row">1736                        1737                        <div class="col-md-4">1738                            <p class="subtext">Nombre d'étages</p>1739                            <p class="d-md-none">1740                                1741                                3 étage(s)1742                                1743                            </p>1744                        </div>1745                        1746                        <div class="col-md-4">1747                            <p class="subtext">Nombre total d'unités</p>1748                            <p class="d-md-none">1749                                1750                            6 unités1751                        1752                            </p>1753                        </div>1754                        1755                        <div class="col-md-4">1756                            <p class="subtext">Année de construction</p>1757                            <p class="d-md-none">1988</p>1758                        </div>1759                        1760                    </div>1761                    <div class="row mb-3 d-none d-md-flex">1762                        1763                        <div class="col-md-4">1764                            <p class="">1765                                1766                                3 étage(s)1767                                1768                            </p>1769                        </div>1770                        1771                        <div class="col-md-4">1772                            <p class="">1773                                1774                            6 unités1775                        1776                            </p>1777                        </div>1778                        1779                        <div class="col-md-4">1780                            <p class="">1988</p>1781                        </div>1782                        1783                    </div>1784                    1785                </div>1786            </div>1787            1788            <hr>1789            <div class="row">1790                <div class="col-12">1791                    <p><strong>Commodités de l'immeuble</strong></p>1792                    <div class="row">1793                        <div class="col-12">1794                            1795179617971798    1799    <ul class="list-unstyled d-flex flex-wrap mb-1">1800        1801            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1802                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1803                <p class="attribute-description mb-0">Intercom</p>1804            </li>1805        1806            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1807                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1808                <p class="attribute-description mb-0">Équipe de maintenance 24h</p>1809            </li>1810        1811            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1812                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1813                <p class="attribute-description mb-0">Stationnement</p>1814            </li>1815        1816            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1817                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1818                <p class="attribute-description mb-0">Insonorisation supérieure</p>1819            </li>1820        1821            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1822                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1823                <p class="attribute-description mb-0">Grand espace gazonné</p>1824            </li>1825        1826    </ul>182718281829                        </div>1830                    </div>1831                </div>1832            </div>1833            1834            1835            <hr>1836            <div class="row">1837                <div class="col-12">1838                    <p><strong>Frais additionnels</strong></p>1839                    <div class="row">1840                        <div class="col-12">1841                            1842184318441845    1846    <ul class="list-unstyled d-flex flex-wrap mb-1">1847        1848            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1849                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1850                <p class="attribute-description mb-0">Stationnement supplémentaire</p>1851            </li>1852        1853    </ul>185418551856                        </div>1857                    </div>1858                </div>1859            </div>1860            1861            1862            <hr>1863            <div class="row">1864                <div class="col-12">1865                    <p><strong>Accès et services</strong></p>1866                    <div class="row">1867                        <div class="col-12">1868                            1869187018711872    1873    <ul class="list-unstyled d-flex flex-wrap mb-1">1874        1875            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1876                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1877                <p class="attribute-description mb-0">Commerces</p>1878            </li>1879        1880            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1881                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1882                <p class="attribute-description mb-0">Accès facile aux autoroutes</p>1883            </li>1884        1885            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1886                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1887                <p class="attribute-description mb-0">Service d&#x27;autobus</p>1888            </li>1889        1890            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1891                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1892                <p class="attribute-description mb-0">Près d&#x27;une piste cyclable</p>1893            </li>1894        1895            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1896                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1897                <p class="attribute-description mb-0">Dépanneur</p>1898            </li>1899        1900            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1901                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1902                <p class="attribute-description mb-0">Banque</p>1903            </li>1904        1905    </ul>190619071908                        </div>1909                    </div>1910                </div>1911            </div>1912            1913        </div>1914        1915        <div class="offset-lg-1 col-lg-5 col-md-6 mt-4 mt-md-0">1916            <div class="shadow">1917                <img 1918                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/825-Lebourgneuf-3.jpg"1919                    alt="Borough image"1920                    width="100%"1921                    height="200px"1922                    class="object-fit-cover">1923                <div class="row p-4">1924                    <div class="col-12">1925                        <p class="small-header">À propos du quartier</p>1926                        <h3>Lebourgneuf</h3>1927                        <p>Lebourgneuf est un secteur en pleine effervescence où il fait bon vivre, sortir et travailler.</p>1928                        <p>La position géographique centrale de Lebourgneuf en fait un quartier occupé par l’une des plus vastes zones commerciales de la ville de Québec, alternant entre des édifices de copropriété, des zones de maisons unifamiliales, des édifices à bureaux et des zones industrielles. Le territoire héberge également le centre commercial Les Galeries de la Capitale, tout en offrant plusieurs espaces verts en bordure des rivières Saint-Charles et Du Berger.</p>1929                        <a href="/louer-appartement-quebec/lebourgneuf">1930                            1931                  Voir les appartements à Lebourgneuf1932                  1933                        </a>1934                    </div>1935                </div>1936            </div>1937        </div>1938        1939    </div>1940    <div class="row">1941        <div class="col-12">1942            1943194419451946    <div class="row mt-5 ">1947        <h2 class="col-12 text-center mb-4 text-primary">Nos logements en vedette</h2>1948        <div class="col-12 mb-3">1949            195019511952<div class="row">1953    1954    <a 1955        href="/logement/160"1956        class="appartments card border-white col-sm-6 mb-4 col-md-4  "1957        data-type="3"1958        data-borough="6"1959    >1960        1961196219631964<script>1965    function displayNowAvailableBubble(buildingId) {1966        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);1967        nowAvailableBubble.classList.remove("d-none");1968    }1969</script>19701971<div class="row">1972    1973    1974    1975    <img src alt="" onerror="displayNowAvailableBubble(160 + '-recommendation');"></img>1976    1977    1978    1979    1980    <div class="now-available-bubble d-none" id="now-available-bubble-160-recommendation">1981        <p class="text-white m-0">En vedette</p>1982    </div>1983    1984    1985    <div class="col-6 apartment-col">1986        <div class="row">1987            <div class="col-12 pr-0">1988                1989                <img 1990                    class="rounded-left apartment-image" 1991                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD1_54749d22-bfa3-11ea-9b14-0e226705be53.jpg"1992                    alt="unit image"1993                    width=100%1994                    height=232px1995                />1996                1997            </div>1998        </div>1999    </div>2000    2001    2002    <div class="col-6 apartment-col">2003        <div class="row">2004            <div class="col-12 pl-0">2005                <img class="rounded-top-right pl-1 apartment-image pb-1" src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD2_5554869e-bfa3-11ea-9b14-0e226705be53.jpg"2006                   alt="unit image" width="100%" height="116px">2007            </div>2008        </div>2009        2010        <div class="row">2011            <div class="col-12 pl-0">2012                <img class="rounded-bottom-right pl-1 apartment-image" src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD3_562eca5c-bfa3-11ea-9b14-0e226705be53.jpg"2013                    alt="unit image" width=100% height=116px>2014            </div>2015        </div>2016        2017    </div>2018    2019    2020    2021</div>20222023        2024202520262027<div class="row mt-4">2028    <div class="col-12">2029        <div class="card-body p-0 text-left">2030            <h5 class="apartment-borough">Appartements &middot; Neufchatel</h5>2031            <p class="apartment-address mb-1">1573, rue Pierre-Corneille</p>2032            2033                2034                    <div class="row">2035                        <div class="col-7">2036                            <p class="apartment-infos mb-0">2037                                2038                                    4½ à partir de 1250$2039                                2040                            </p>2041                            <p class="apartment-availability footnotes">2042                                Libre immédiatement2043                            </p>2044                        </div>2045                        <div class="col-5 text-right">2046                            2047                                2048                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="Eau Chaude" height=18px width=18px>2049                                2050                            2051                                2052                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2053                                2054                            2055                                2056                                    <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>2057                                2058                            2059                                2060                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_appliances_alt.png" alt="Lave-vaisselle" height=18px width=18px>2061                                2062                            2063                            2064                        </div>2065                    </div>2066                2067            2068            2069        </div>2070    </div>2071</div>20722073    </a>2074    2075    <a 2076        href="/logement/312"2077        class="appartments card border-white col-sm-6 mb-4 col-md-4  "2078        data-type="3"2079        data-borough="10"2080    >2081        2082208320842085<script>2086    function displayNowAvailableBubble(buildingId) {2087        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2088        nowAvailableBubble.classList.remove("d-none");2089    }2090</script>20912092<div class="row">2093    2094    2095    2096    <img src alt="" onerror="displayNowAvailableBubble(312 + '-recommendation');"></img>2097    2098    2099    2100    2101    <div class="now-available-bubble d-none" id="now-available-bubble-312-recommendation">2102        <p class="text-white m-0">En vedette</p>2103    </div>2104    2105    2106    <div class="col-6 apartment-col">2107        <div class="row">2108            <div class="col-12 pr-0">2109                2110                <img 2111                    class="rounded-left apartment-image" 2112                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/CUISINE_2_a8e2db9c-5811-11f0-8a5b-0e9b4be91035.jpg"2113                    alt="unit image"2114                    width=100%2115                    height=232px2116                />2117                2118            </div>2119        </div>2120    </div>2121    2122    2123    <div class="col-6 apartment-col">2124        <div class="row">2125            <div class="col-12 pl-0">2126                <img class="rounded-top-right pl-1 apartment-image pb-1" src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/CUISINE_a99b01fe-5811-11f0-8a5b-0e9b4be91035.jpg"2127                   alt="unit image" width="100%" height="116px">2128            </div>2129        </div>2130        2131        <div class="row">2132            <div class="col-12 pl-0">2133                <img class="rounded-bottom-right pl-1 apartment-image" src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/SALON_aa37903c-5811-11f0-8a5b-0e9b4be91035.jpg"2134                    alt="unit image" width=100% height=116px>2135            </div>2136        </div>2137        2138    </div>2139    2140    2141    2142</div>21432144        2145214621472148<div class="row mt-4">2149    <div class="col-12">2150        <div class="card-body p-0 text-left">2151            <h5 class="apartment-borough">Appartements &middot; Lebourgneuf</h5>2152            <p class="apartment-address mb-1">5900 boul. St-Jacques</p>2153            2154                2155                    <div class="row">2156                        <div class="col-7">2157                            <p class="apartment-infos mb-0">2158                                2159                                    4½ à partir de 1595$2160                                2161                            </p>2162                            <p class="apartment-availability footnotes">2163                                octobre 20262164                            </p>2165                        </div>2166                        <div class="col-5 text-right">2167                            2168                                2169                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2170                                2171                            2172                                2173                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_ac.png" alt="Climatiseur" height=18px width=18px>2174                                2175                            2176                                2177                                    <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>2178                                2179                            2180                            2181                        </div>2182                    </div>2183                2184            2185            2186        </div>2187    </div>2188</div>21892190    </a>2191    2192    <a 2193        href="/logement/18"2194        class="appartments card border-white col-sm-6 mb-4 col-md-4  "2195        data-type="3"2196        data-borough="3"2197    >2198        2199220022012202<script>2203    function displayNowAvailableBubble(buildingId) {2204        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2205        nowAvailableBubble.classList.remove("d-none");2206    }2207</script>22082209<div class="row">2210    2211    2212    2213    <img src alt="" onerror="displayNowAvailableBubble(18 + '-recommendation');"></img>2214    2215    2216    2217    2218    <div class="now-available-bubble d-none" id="now-available-bubble-18-recommendation">2219        <p class="text-white m-0">En vedette</p>2220    </div>2221    2222    2223    <div class="col-6 apartment-col">2224        <div class="row">2225            <div class="col-12 pr-0">2226                2227                <img 2228                    class="rounded-left apartment-image" 2229                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PDP_3_bf11e94e-3f15-11f1-9a87-12e0191876fd.jpg"2230                    alt="unit image"2231                    width=100%2232                    height=232px2233                />2234                2235            </div>2236        </div>2237    </div>2238    2239    2240    <div class="col-6 apartment-col">2241        <div class="row">2242            <div class="col-12 pl-0">2243                <img class="rounded-top-right pl-1 apartment-image pb-1" src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PDP_2_bfb756f4-3f15-11f1-9a87-12e0191876fd.jpg"2244                   alt="unit image" width="100%" height="116px">2245            </div>2246        </div>2247        2248        <div class="row">2249            <div class="col-12 pl-0">2250                <img class="rounded-bottom-right pl-1 apartment-image" src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PDP_5_mod_c088e282-3f15-11f1-9a87-12e0191876fd.jpg"2251                    alt="unit image" width=100% height=116px>2252            </div>2253        </div>2254        2255    </div>2256    2257    2258    2259</div>22602261        2262226322642265<div class="row mt-4">2266    <div class="col-12">2267        <div class="card-body p-0 text-left">2268            <h5 class="apartment-borough">Appartements &middot; Beauport</h5>2269            <p class="apartment-address mb-1">555, avenue du Fleuve</p>2270            2271                2272                    <div class="row">2273                        <div class="col-7">2274                            <p class="apartment-infos mb-0">2275                                2276                                    1½ à partir de 799$2277                                2278                            </p>2279                            <p class="apartment-availability footnotes">2280                                Libre immédiatement2281                            </p>2282                        </div>2283                        <div class="col-5 text-right">2284                            2285                                2286                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_light.png" alt="Électricité" height=18px width=18px>2287                                2288                            2289                                2290                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="Eau Chaude" height=18px width=18px>2291                                2292                            2293                                2294                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_heat.png" alt="Chauffage" height=18px width=18px>2295                                2296                            2297                                2298                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2299                                2300                            2301                                2302                            2303                                2304                            2305                            2306                                <p class="footnotes d-inline"> +2</p>2307                            2308                        </div>2309                    </div>2310                2311            2312            2313        </div>2314    </div>2315</div>23162317    </a>2318    2319</div>23202321        </div>2322        2323    </div>232423252326        </div>2327    </div>2328</div>2329<div class="bg-primary py-5 mt-5">2330    <div class="container">2331        <div class="row justify-content-center">2332            <div class="col-sm-8 col-md-5 col-lg-11 d-flex flex-column align-items-center">2333                <h1 class="text-white text-center small-title">Ce logement vous intéresse? Contactez-nous!</h1>2334                <a href="#building-address-1" class="btn btn-dark border-white d-none d-lg-block">Nous joindre</a>2335                <a href="/nous-joindre" class="btn btn-dark border-white d-block d-lg-none">Nous joindre</a>2336            </div>2337        </div>2338    </div>2339</div>2340<div id="modal-inquire" class="modal">2341    2342234323442345<div class="inquire-step-1 container p-0 mb-5 position-relative">2346    <div id="inquire-step-1" style="position: absolute; top: -134px;"></div>2347    <h2 class="mb-4" style="font-size: 1.6rem;">S'informer sur ce logement</h2>2348    <p>418-626-3070</p>2349    <p class="text-primary"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="5f33303c3e2b3630311f333e392d3e313c3a72323e2b37363a2a713c3032">[email&#160;protected]</a></p>2350    <p class="mb-4">Dites-nous quelles unités vous intéressent ainsi que votre date de déménagement prévue.</p>2351    <p class="text-gray-light">Intéressé par ces unités</p>23522353    <div class="d-inline-flex flex-wrap">2354        2355        2356        <button2357            class="inquire-room btn btn-normal mb-3"2358            data-unit_room="4½"2359            data-toggle="button"2360        >23612362        </button>2363        2364        2365    </div>23662367    <div class="dropdown mb-4">2368        <div class="dropdown-toggle inquire-units-button rounded p-3 text-left" type="button"2369            id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">2370            <p class="inquire-units-label-title text-uppercase mb-0">2371                Unité(s) spécifique(s)2372            </p>2373            <p id="inquire-units-label-noselected" class="inquire-units-label-selection m-0">2374                Aucune choisie2375            </p>2376            <p id="inquire-units-label-selected" class="inquire-units-label-selection d-none m-0"></p>2377        </div>2378        <div class="dropdown-menu inquire-units-choices rounded border-gray-very-light" aria-labelledby="dropdownMenuButton">2379            2380            2381            <button class="inquire-units-choice dropdown-item" data-unit="201"2382                data-unit_room="4½">2383                2012384            </button>2385            2386            2387        </div>2388    </div>238923902391    <p class="text-gray-light">Date de déménagement prévue</p>2392    <div id="inquire-datepicker" class="input-group date mt-1">2393        <input id="inquire-datepicker-input" class="form-control" onfocus="blur();" placeholder="Sélectionner une date">2394        <div class="input-group-addon">2395            <span class="glyphicon glyphicon-th"></span>2396        </div>2397    </div>2398</div>23992400<div class="inquire-step-2 container p-0 mb-5 d-none position-relative">2401    <div id="inquire-step-2" style="position: absolute; top: -134px;"></div>2402    <h2 class="my-4" style="font-size: 1.6rem;">Comment peut-on vous rejoindre?</h2>2403    <p>Inscrivez vos coordonnées afin que notre équipe puisse vous rejoindre et vous conseiller.</p>2404    <form id="inquire-form">2405        <div class="form-group">2406            <input name="firstName" type="text" class="form-control" id="inquireForm-firstName"2407                placeholder="Prénom"></input>2408        </div>2409        <div class="form-group">2410            <input name="lastName" type="text" class="form-control" id="inquireForm-lastName"2411                placeholder="Nom de famille"></input>2412        </div>2413        <div class="form-group">2414            <select name="contactMethod" class="form-control" id="inquireForm-contactMethod">2415                <option id="email" value="email" selected>Courriel</option>2416                <option id="phone" value="phone">Téléphone</option>2417            </select>2418        </div>2419        <div id="inquireForm-contact-email" class="form-group">2420            <input name="contactEmail" type="email" class="form-control" id="inquireForm-email"2421                placeholder="Adresse courriel"></input>2422        </div>2423        <div id="inquireForm-contact-phone" class="form-group d-none">2424            <input name="contactPhone" type="tel" class="form-control" id="inquireForm-phone"2425                placeholder="Numéro de téléphone"></input>2426        </div>2427        <div class="form-group">2428            <textarea name="comments" type="text" class="form-control" id="inquireForm-comments"2429                placeholder="Questions ou notes"></textarea>2430        </div>2431        <div id="g-recaptcha-error"></div>2432        <div class="mb-3 g-recaptcha" data-sitekey="6LdkNyIpAAAAAD7KhL3DhvgxSocY-78gAmvXBzoe" data-callback="verifyCaptcha"></div>2433    </form>2434</div>24352436<div class="inquire-step-3 d-none position-relative">2437    <div id="inquire-confirmation" style="position: absolute; top: -134px;"></div>2438    <img class="mt-4" src="/static/images/logos/sansfond_horizontal_noir.png" alt="L&M Logo" width="auto"2439        height="66px">2440    <h2 class="my-4" style="font-size: 1.6rem;">Votre demande a été envoyée à l’équipe de Lafrance et Mathieu.</h2>2441    <p>Nous répondons à toutes les demandes dans un délai de 24 à 48 heures (jours ouvrables).</p>2442</div>24432444<button id="inquire-btn-1" class="inquire-continue inquire-step-1 btn btn-primary w-100" disabled onclick="scrollToTopOfForm();">2445    Continuer2446</button>2447<button id="inquire-btn-2" class="inquire-submit inquire-step-2 btn btn-primary w-100 d-none" onclick="submitForm();" disabled>2448    Soumettre2449</button>2450<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>2451    var recaptcha_response = '';2452    window.isCondo = "False" == "True";2453    document.getElementById("inquire-datepicker-input").value = "";2454    2455    function scrollToTopOfForm() {2456        const top = document.getElementById("inquire-step-1");2457        top.scrollIntoView();2458    }2459    function submitForm() {2460        if (recaptcha_response && recaptcha_response.length !== 0 && recaptcha_response !== ''){2461            onContinue2Click('SxcJbgYxKYUW6gshSM4AEFktCJJqlQwJuguqt4u8qc9sVzEi4XDU029hpP5bQRO6');2462            const confirmation = document.getElementById("inquire-confirmation");2463            confirmation.scrollIntoView();2464        }2465        else {2466            document.getElementById('g-recaptcha-error').innerHTML = '<span style="color:red;">Ceci est obligatoire.</span>';2467        }2468    }24692470    function verifyCaptcha(token) {2471        recaptcha_response = token;2472        document.getElementById('g-recaptcha-error').innerHTML = '';2473    }2474</script>24752476</div>2477247824792480<div id="modal-share" class="modal">2481    <div class="modal-dialog h-75 d-flex justify-content-center align-items-center" role="document">2482        <div class="modal-content">2483            <div class="modal-body">2484                Partager ce logement2485                <div id="share-widget-container" class="d-flex justify-content-center"></div>2486            </div>2487        </div>2488    </div>2489</div>249024912492<script src="/static/js/share.js" defer></script>24932494249524962497            </main>2498            <footer>2499                250025012502<div class="footer row m-0 p-5 justify-content-center bg-black">2503    <div class="container m-0">2504        <div class="row mb-3">2505            <img src="/static/images/logos/sansfond_horizontal_blanc.png" alt="L&M Logo" width="auto"2506                height="80px" class="footer-logo">2507        </div>2508        <div class="row">2509            <div class="col-12 col-sm-6 col-md-3 mb-4 mb-md-0 p-0 pr-sm-4 d-flex flex-column">2510                <p class="footer-title mb-2">Contactez-nous</p>2511                <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>2512                <a href="tel:14186265500" class="mb-3 d-flex align-items-center">2513                    <img src=/static/images/icons/call.svg alt="phone icon" class="footer-icon mr-3" />2514                    <span class="footer-phone">418 626-5500</span>2515                </a>2516                <a href="/cdn-cgi/l/email-protection#94fdfaf2fbd4f8f5f2e6f5faf7f1b9f9f5e0fcfdf1e1baf7fbf9" target="_blank" class="mb-3 d-flex align-items-center">2517                    <img src=/static/images/icons/email.svg alt="email icon" class="footer-icon mr-3" />2518                    <span><span class="__cf_email__" data-cfemail="e68f888089a68a87809487888583cb8b87928e8f8393c885898b">[email&#160;protected]</span></span>2519                </a>2520                <a href="https://g.page/Lafrance-Mathieu?share" target="_blank" class="mb-4 d-flex align-items-center">2521                    1220 Boulevard Lebourgneuf<br>Québec, QC G2K 2G42522                </a>2523                <p class="footer-title mb-2">Suivez-nous sur les réseaux</p>2524                <div class="d-flex">2525                    <a href="https://ca.linkedin.com/company/gestion-immobilière-lafrance-et-mathieu-inc">2526                        <img src=/static/images/icons/linkedin.svg alt="linkedin icon"2527                            class="footer-social-icon mr-3" />2528                    </a>2529                    <a href="https://fr-ca.facebook.com/lafrance.mathieu">2530                        <img src=/static/images/icons/facebook.svg alt="facebook icon"2531                            class="footer-social-icon" />2532                    </a>2533                </div>2534            </div>2535            <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">2536                <p class="footer-title mb-2">Soutien aux résidents (24/7)</p>2537                <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>2538                <a href="tel:14186265500" class="mb-3 d-flex align-items-center">2539                    <img src=/static/images/icons/call.svg alt="phone icon" class="footer-icon mr-3" />2540                    <span class="footer-phone">418-626-5500</span>2541                </a>2542                <a href="https://espace-client.lafrance-mathieu.com" target="_blank" class="d-flex align-items-center mb-3">2543                    <img src=/static/images/icons/ticket.svg alt="client space icon" class="footer-icon mr-3" />2544                    <span>Se connecter à l’Espace client</span>2545                </a>2546                <a href="https://doma.lafrance-mathieu.com:444/DocRoom/Auth/Login.aspx" target="_blank" class="d-flex align-items-center">2547                    <img src=/static/images/icons/ticket.svg alt="intranet icon" class="footer-icon mr-3" />2548                    <span>Se connecter à Sensaas</span>2549                </a>2550            </div>2551            <div class="col-10 col-sm-6 col-md-3 mb-4 mb-md-0 p-0 pr-sm-4 px-md-4">2552                <ul class="navbar-nav">2553                    2554                    25552556<li class="nav-item  ">2557    <a class="nav-link py-0 footer-main-navigation mb-3"2558        href="/">Accueil</a>2559    <hr class="my-1 border-gray-medium d-none">2560</li>256125622563                    2564                    25652566<li class="nav-item  ">2567    <a class="nav-link py-0 footer-main-navigation mb-3"2568        href="/services-de-gestion-immobiliere">Services de gestion <br class='nav-item-translation'>immobilière</a>2569    <hr class="my-1 border-gray-medium d-none">2570</li>257125722573                    2574                    25752576<li class="nav-item  ">2577    <a class="nav-link py-0 footer-main-navigation mb-3"2578        href="/louer-appartement-quebec/">Logements <br class='nav-item-translation'>à louer</a>2579    <hr class="my-1 border-gray-medium d-none">2580</li>258125822583                    2584                    25852586<li class="nav-item  ">2587    <a class="nav-link py-0 footer-main-navigation mb-3"2588        href="/commercial/">Espaces <br class='nav-item-translation'>commerciaux</a>2589    <hr class="my-1 border-gray-medium d-none">2590</li>259125922593                    2594                    25952596<li class="nav-item  ">2597    <a class="nav-link py-0 footer-main-navigation mb-3"2598        href="/espace-client/">Découvrez <br class='nav-item-translation'>l'Espace client</a>2599    <hr class="my-1 border-gray-medium d-none">2600</li>260126022603                    2604                    26052606<li class="nav-item  ">2607    <a class="nav-link py-0 footer-main-navigation mb-3"2608        href="/qui-sommes-nous/">À propos de <br class='nav-item-translation'>Lafrance & Mathieu</a>2609    <hr class="my-1 border-gray-medium d-none">2610</li>261126122613                    2614                </ul>2615            </div>2616            <div class="col-10 col-sm-6 col-md-3 p-0 pl-sm-4">2617                <ul class="navbar-nav">2618                    2619                    26202621<li class="nav-item  ">2622    <a class="nav-link py-0 footer-main-navigation mb-3"2623        href="/nous-joindre/">Nous <br class='nav-item-translation'>contacter</a>2624    <hr class="my-1 border-gray-medium d-none">2625</li>262626272628                    2629                    26302631<li class="nav-item  ">2632    <a class="nav-link py-0 footer-main-navigation mb-3"2633        href="/blog">Blogue</a>2634    <hr class="my-1 border-gray-medium d-none">2635</li>263626372638                    2639                    26402641<li class="nav-item  ">2642    <a class="nav-link py-0 footer-main-navigation mb-3"2643        href="/faire-carriere/">Carrières</a>2644    <hr class="my-1 border-gray-medium d-none">2645</li>264626472648                    2649                </ul>2650            </div>2651        </div>2652    </div>2653</div>26542655265626572658<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">2659    <div class="d-flex justify-content-center">2660        <ul class="list-inline mb-1">2661            2662            <li class="list-inline-item">2663                <a href=/conditions-utilisation>2664                    Conditions d'utilisation2665                </a>2666            </li>2667            2668            2669            <li class="list-inline-item">2670                <a href=/politique-confidentialite>2671                    Politique de confidentialité2672                </a>2673            </li>2674            2675            2676            <li class="list-inline-item">2677                <a href=/protection-renseignements-personnels>2678                    Protection des renseignements personnels2679                </a>2680            </li>2681            2682            2683            <li class="list-inline-item">2684                <a href=/temoins-navigation>2685                    Gérer vos témoins de navigation2686                </a>2687            </li>2688            2689        </ul>2690    </div>2691    <div class="d-flex justify-content-center">2692        <p class="">© Gestion immobilière Lafrance & Mathieu</p>2693    </div>2694</div>26952696            </footer>2697        26982699<!-- Cookie Banner -->2700<div id="gilm-cookie-banner" class="alert alert-dark hidden" role="alert">2701    <div class="gilm-cookie-banner-container">2702        <div class="gilm-cookie-banner-text">2703            <p>2704                Nous utilisons les témoins de navigation (cookies) afin de mesurer et d’améliorer l’efficacité de nos2705                sites2706                Web2707                ou de rehausser l’expérience client. En utilisant notre site Web, vous consentez à l’utilisation de2708                témoins,2709                comme l’explique notre <a href=/protection-renseignements-personnels> protection des2710                renseignements personnels</a>. Si vous n'êtes pas à l'aise avec2711                l'utilisation2712                de ces informations, veuillez revoir vos paramètres avant de poursuivre votre visite.2713            </p>2714            <p class="d-sm-none">2715                <a href=/temoins-navigation>2716                    Gérer vos témoins de navigation2717                </a>2718                <br/>2719                <a href=/politique-confidentialite>2720                    Politique de confidentialité2721                </a>2722                <br/>2723                <a href=/conditions-utilisation>2724                    Conditions d'utilisation2725                </a>2726            </p>2727            <p class="d-none d-sm-block">2728                <a href=/temoins-navigation>2729                    Gérer vos témoins de navigation2730                </a>2731                -2732                <a href=/politique-confidentialite>2733                    Politique de confidentialité2734                </a>2735                -2736                <a href=/conditions-utilisation>2737                    Conditions d'utilisation2738                </a>2739            </p>2740        </div>2741        <button type="button" class="gilm-cookie-banner-button btn btn-primary btn-sm ms-3"2742                onclick="window.gilm_hideCookieBanner()">2743            <img src=/static/images/icons/close.svg alt="closing icon" class="close-icon"/>2744        </button>2745    </div>2746</div>2747<!-- End of Cookie Banner -->2748        </div>2749        <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">2750        </script>2751        <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js" integrity="sha256-eGE6blurk5sHj+rmkfsGYeKyZx3M4bG+ZlFyA7Kns7E=" crossorigin="anonymous">2752        </script>2753        <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js" crossorigin="anonymous"></script>2754        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous">2755        </script>2756        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous">2757        </script>2758        <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js">2759        </script>2760        <script type="text/javascript" src="/static/js/carousel.js">2761        </script>2762        <script type="text/javascript" src="/static/js/cookie_banner.js">2763        </script>2764        <script id="search-script" type="text/javascript" src="/static/js/search.js">2765        </script>2766        <script type="text/javascript" src="/static/js/jssocials.min.js">2767        </script>2768        <script src="https://unpkg.com/leaflet@1.5.1/dist/leaflet.js" integrity="sha512-GffPMF3RvMeYyc1LWMHtK8EbPv0iNZ8/oTtHPx9/cc2ILxQ+u905qIwdpULaqDkyBKgOaB57QTMg7ztg8Jm2Og==" crossorigin="">2769        </script>2770        <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">2771        </script>2772        <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">2773        </script>2774        <script async src="https://www.googletagmanager.com/gtag/js?id=UA-20687227-3"></script>2775        <script>2776            window.dataLayer = window.dataLayer || [];27772778            function gtag() {2779                dataLayer.push(arguments);2780            }2781            gtag('js', new Date());2782            gtag('config', 'UA-20687227-3');2783        </script>2784        2785<script src="/static/js/inquire.js"></script>2786<script src="/static/js/leaflet.js" is-building-details="true"></script>27872788        2789    </body>27902791    </html>2792