SPB Git

spb/lou-ka Public

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

HTML 99.7%
98.9 KB · 2,828 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/18" />24<meta name="title" content="Logement a louer - 555, avenue du Fleuve">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>555, avenue du Fleuve - 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#a5cccbc3cae5c9c4c3d7c4cbc6c088c8c4d1cdccc0d08bc6cac8" 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="e78e898188a78b86819586898482ca8a86938f8e8292c984888a">[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; Beauport</p>930        <h2 id="building-address-1">555, avenue du Fleuve</h2>931        <p id="building-address-2" class="subtext">932            Québec ,933            (Québec), 934            G1E3N1935        </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 - 555, avenue du Fleuve`, `https://lafrance-mathieu.com/logement/18`)">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/15-2_555_avenue_du_fleuve_b3d907f0-7c57-11eb-a546-0a56480f841b.jpg" alt="Façade">964        965    </div>966    <div class="slider slider-nav mt-2">967        968        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/15-2_555_avenue_du_fleuve_b3d907f0-7c57-11eb-a546-0a56480f841b.jpg" alt="Façade">969        970    </div>971</div>972973        974    </div>975    <div class="col-lg-8 d-block d-md-none">976        977        978979980981<div class="">982    <div class="single-item-arrow--left ml-3"></div>983    <div class="single-item">984        985            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/15-2_555_avenue_du_fleuve_b3d907f0-7c57-11eb-a546-0a56480f841b.jpg" alt="Façade" style="object-fit: cover" height="auto">986        987    </div>988    <div class="single-item-arrow--right mr-3"></div>989</div>990991        992    </div>993    994    <div class="col-12 col-lg-4 order-lg-2">995        <div class="border border-light rounded p-3 w-100 d-none d-lg-block shadow-sm position-relative" id="inquire-form">996            <div style="position: absolute; top: -134px;" id="inquire-form-anchor"></div>997            99899910001001<div class="inquire-step-1 container p-0 mb-5 position-relative">1002    <div id="inquire-step-1" style="position: absolute; top: -134px;"></div>1003    <h2 class="mb-4" style="font-size: 1.6rem;">S'informer sur ce logement</h2>1004    <p>418-626-3070</p>1005    <p class="text-primary"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="aec2c1cdcfdac7c1c0eec2cfc8dccfc0cdcb83c3cfdac6c7cbdb80cdc1c3">[email&#160;protected]</a></p>1006    <p class="mb-4">Dites-nous quelles unités vous intéressent ainsi que votre date de déménagement prévue.</p>1007    <p class="text-gray-light">Intéressé par ces unités</p>10081009    <div class="d-inline-flex flex-wrap">1010        1011        1012        <button1013            class="inquire-room btn btn-normal mb-3"1014            data-unit_room="1½"1015            data-toggle="button"1016        >10171018        </button>1019        1020        1021    </div>10221023    <div class="dropdown mb-4">1024        <div class="dropdown-toggle inquire-units-button rounded p-3 text-left" type="button"1025            id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">1026            <p class="inquire-units-label-title text-uppercase mb-0">1027                Unité(s) spécifique(s)1028            </p>1029            <p id="inquire-units-label-noselected" class="inquire-units-label-selection m-0">1030                Aucune choisie1031            </p>1032            <p id="inquire-units-label-selected" class="inquire-units-label-selection d-none m-0"></p>1033        </div>1034        <div class="dropdown-menu inquire-units-choices rounded border-gray-very-light" aria-labelledby="dropdownMenuButton">1035            1036            1037            <button class="inquire-units-choice dropdown-item" data-unit="1"1038                data-unit_room="1½">1039                11040            </button>1041            1042            <button class="inquire-units-choice dropdown-item" data-unit="19"1043                data-unit_room="1½">1044                191045            </button>1046            1047            1048        </div>1049    </div>105010511052    <p class="text-gray-light">Date de déménagement prévue</p>1053    <div id="inquire-datepicker" class="input-group date mt-1">1054        <input id="inquire-datepicker-input" class="form-control" onfocus="blur();" placeholder="Sélectionner une date">1055        <div class="input-group-addon">1056            <span class="glyphicon glyphicon-th"></span>1057        </div>1058    </div>1059</div>10601061<div class="inquire-step-2 container p-0 mb-5 d-none position-relative">1062    <div id="inquire-step-2" style="position: absolute; top: -134px;"></div>1063    <h2 class="my-4" style="font-size: 1.6rem;">Comment peut-on vous rejoindre?</h2>1064    <p>Inscrivez vos coordonnées afin que notre équipe puisse vous rejoindre et vous conseiller.</p>1065    <form id="inquire-form">1066        <div class="form-group">1067            <input name="firstName" type="text" class="form-control" id="inquireForm-firstName"1068                placeholder="Prénom"></input>1069        </div>1070        <div class="form-group">1071            <input name="lastName" type="text" class="form-control" id="inquireForm-lastName"1072                placeholder="Nom de famille"></input>1073        </div>1074        <div class="form-group">1075            <select name="contactMethod" class="form-control" id="inquireForm-contactMethod">1076                <option id="email" value="email" selected>Courriel</option>1077                <option id="phone" value="phone">Téléphone</option>1078            </select>1079        </div>1080        <div id="inquireForm-contact-email" class="form-group">1081            <input name="contactEmail" type="email" class="form-control" id="inquireForm-email"1082                placeholder="Adresse courriel"></input>1083        </div>1084        <div id="inquireForm-contact-phone" class="form-group d-none">1085            <input name="contactPhone" type="tel" class="form-control" id="inquireForm-phone"1086                placeholder="Numéro de téléphone"></input>1087        </div>1088        <div class="form-group">1089            <textarea name="comments" type="text" class="form-control" id="inquireForm-comments"1090                placeholder="Questions ou notes"></textarea>1091        </div>1092        <div id="g-recaptcha-error"></div>1093        <div class="mb-3 g-recaptcha" data-sitekey="6LdkNyIpAAAAAD7KhL3DhvgxSocY-78gAmvXBzoe" data-callback="verifyCaptcha"></div>1094    </form>1095</div>10961097<div class="inquire-step-3 d-none position-relative">1098    <div id="inquire-confirmation" style="position: absolute; top: -134px;"></div>1099    <img class="mt-4" src="/static/images/logos/sansfond_horizontal_noir.png" alt="L&M Logo" width="auto"1100        height="66px">1101    <h2 class="my-4" style="font-size: 1.6rem;">Votre demande a été envoyée à l’équipe de Lafrance et Mathieu.</h2>1102    <p>Nous répondons à toutes les demandes dans un délai de 24 à 48 heures (jours ouvrables).</p>1103</div>11041105<button id="inquire-btn-1" class="inquire-continue inquire-step-1 btn btn-primary w-100" disabled onclick="scrollToTopOfForm();">1106    Continuer1107</button>1108<button id="inquire-btn-2" class="inquire-submit inquire-step-2 btn btn-primary w-100 d-none" onclick="submitForm();" disabled>1109    Soumettre1110</button>1111<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>1112    var recaptcha_response = '';1113    window.isCondo = "False" == "True";1114    document.getElementById("inquire-datepicker-input").value = "";1115    1116    function scrollToTopOfForm() {1117        const top = document.getElementById("inquire-step-1");1118        top.scrollIntoView();1119    }1120    function submitForm() {1121        if (recaptcha_response && recaptcha_response.length !== 0 && recaptcha_response !== ''){1122            onContinue2Click('jg8IpPrtpDWhRnJAi0JMR9XTNt14VjTOVZqpHDX45RbNGGVBubi6dwMHAznPqkbb');1123            const confirmation = document.getElementById("inquire-confirmation");1124            confirmation.scrollIntoView();1125        }1126        else {1127            document.getElementById('g-recaptcha-error').innerHTML = '<span style="color:red;">Ceci est obligatoire.</span>';1128        }1129    }11301131    function verifyCaptcha(token) {1132        recaptcha_response = token;1133        document.getElementById('g-recaptcha-error').innerHTML = '';1134    }1135</script>11361137        </div>1138    </div>1139    1140</div>11411142<div class="row mt-4">1143    <div class="col-md-8">1144        <h2 class="convenience-header">Commodités de l'immeuble</h2>1145        <div class="row mb-4">1146            <div class="col-md-12">1147                1148114911501151    1152    <ul class="list-unstyled d-flex flex-wrap mb-1">1153        1154            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1155                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1156                <p class="attribute-description mb-0">Équipe de maintenance 24h</p>1157            </li>1158        1159            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1160                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1161                <p class="attribute-description mb-0">Service de buanderie</p>1162            </li>1163        1164            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1165                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1166                <p class="attribute-description mb-0">Stationnement</p>1167            </li>1168        1169    </ul>117011711172            </div>1173        </div>1174    </div>1175</div>117611771178</div>117911801181118211831184<script>1185function scrollToId(unitRoomId) {1186    removeAllActive();11871188    const scrollOptions = {1189        behavior: "smooth",1190        block: "start"1191    };11921193    const defaultFilter = document.getElementById("unit-room-filter-all");1194    if (unitRoomId === "all") {1195        defaultFilter.classList.add("active");1196        defaultFilter.scrollIntoView(scrollOptions);1197    } else {1198        const element = document.getElementById(`unit-room-${unitRoomId}`);1199        if (!!element) {1200            element.scrollIntoView(scrollOptions);1201            const defaultFilter = document.getElementById("unit-room-filter-all");1202            defaultFilter.classList.remove("active");1203            const filter = document.getElementById(`unit-room-filter-${unitRoomId}`);1204            filter.classList.add("active");12051206        }1207    }1208}12091210function removeAllActive() {1211    const elements = document.getElementsByClassName("unit-room-filter");1212    for (element of elements) element.classList.remove("active");1213}1214</script>12151216<div class="container">1217    <div class="row mt-5">1218        <div class="col-md-12">1219            <h2 id="anchor-units" class="mb-3">Unités</h2>1220            1221            <ul class="list-inline mb-0 position-relative">1222                <li class="list-inline-item mr-4 pb-2 unit-room-filter active" id="unit-room-filter-all">1223                    <button onclick="scrollToId('all');" class="unit-room-filter-button btn btn-no-outline">1224                        <span>Toutes</span>1225                    </button>1226                </li>1227                1228                <li class="list-inline-item mr-4 mb-0 pb-2 unit-room-filter" id="unit-room-filter-20">1229                    <button onclick="scrollToId('20');" class="unit-room-filter-button btn btn-no-outline">1230                        <span class="text-primary">1½</span> <span class="text-gray-light">(2)</span>1231                    </button>1232                </li>1233                1234            </ul>1235            1236        </div>1237    </div>1238</div>1239<div class="bg-background-gray pb-3">1240    <div class="container">1241        <div class="row">1242            <div class="col-12 p-0">1243                1244                <div class="bg-white rounded mt-3 p-3 p-md-5 mx-3 position-relative">1245                    <div style="position: absolute; top: -134px;" id="unit-room-20"></div>1246                    <div id="modal-details-20" class="modal">1247                        124812491250<div class="container mt-5">1251    <div class="col-md-8 offset-md-2 bg-white p-5 rounded shadow">1252        12531254<div class="row">1255    <div class="col-9">1256    <h2>1257        1258            1½ from $799 to $7991259        1260    </h2>1261    </div>1262    <div class="col-3 text-right">1263        <button class="btn-close" data-toggle="modal" data-target="#modal-details-20"></button>1264    </div>1265</div>1266<div class="row">1267    <div class="col-9">1268        12691270<p class="">1271    2 1272    <span class="text-lowercase">1273        1274            Unités1275        1276    </span>1277</p>1278    </div>1279    <div class="col-3 text-right">1280        1281    </div>1282</div>1283<div class="row">1284    <div class="col-12" id="unit-modal-carousel-20">1285        12861287<div class="unit-detail-carousel">1288    <div class="slider slider-for">1289        1290        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PDP_3_bf11e94e-3f15-11f1-9a87-12e0191876fd.jpg" alt="cuisine">1291        1292        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PDP_2_bfb756f4-3f15-11f1-9a87-12e0191876fd.jpg" alt="cuisine">1293        1294        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PDP_5_mod_c088e282-3f15-11f1-9a87-12e0191876fd.jpg" alt="salon">1295        1296        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PDP_6_c1196762-3f15-11f1-9a87-12e0191876fd.jpg" alt="salon2">1297        1298        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PDP_4_c1a22be2-3f15-11f1-9a87-12e0191876fd.jpg" alt="salon">1299        1300        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PDP_6_c238e5dc-3f15-11f1-9a87-12e0191876fd.jpg" alt="sb">1301        1302    </div>1303    <div class="slider slider-nav mt-2">1304        1305        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PDP_3_bf11e94e-3f15-11f1-9a87-12e0191876fd.jpg" alt="cuisine">1306        1307        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PDP_2_bfb756f4-3f15-11f1-9a87-12e0191876fd.jpg" alt="cuisine">1308        1309        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PDP_5_mod_c088e282-3f15-11f1-9a87-12e0191876fd.jpg" alt="salon">1310        1311        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PDP_6_c1196762-3f15-11f1-9a87-12e0191876fd.jpg" alt="salon2">1312        1313        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PDP_4_c1a22be2-3f15-11f1-9a87-12e0191876fd.jpg" alt="salon">1314        1315        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PDP_6_c238e5dc-3f15-11f1-9a87-12e0191876fd.jpg" alt="sb">1316        1317    </div>1318</div>13191320    </div>1321</div>1322<div class="row mt-3">1323    <div class="col-12 unit-commodities">1324        1325        1326132713281329    1330        <p class="small-header pb-1">1331            Commodités de l'unité1332        </p>1333    1334    <ul class="list-unstyled d-flex flex-wrap mb-1">1335        1336            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1337                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_light.png" alt="icon" height="15px" width="15px">1338                <p class="attribute-description mb-0">Électricité</p>1339            </li>1340        1341            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1342                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="icon" height="15px" width="15px">1343                <p class="attribute-description mb-0">Eau Chaude</p>1344            </li>1345        1346            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1347                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_heat.png" alt="icon" height="15px" width="15px">1348                <p class="attribute-description mb-0">Chauffage</p>1349            </li>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_appliances.png" alt="icon" height="15px" width="15px">1358                <p class="attribute-description mb-0">Semi-meublé</p>1359            </li>1360        1361            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1362                <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">1363                <p class="attribute-description mb-0">Stationnement extérieur</p>1364            </li>1365        1366    </ul>136713681369    </div>1370</div>1371<div class="row mt-3">1372    <div class="col-12 unit-characteristics">1373        1374        13751376137713781379    </div>1380</div>138113821383        <div class="units-detail mt-5">1384            <h2>Unités</h2>1385            1386138713881389<div class="row" id="units-for-unit-room-20">1390    1391    1392    <div class="col-12 h-100  ">1393        <div class="h-100 border-bottom">1394            <div class="row mt-3">1395                <div class="col-sm-6 col-md-4">1396                    <p class="small-header">unité</p>1397                    <p>1398                        11399                        1400                        <span>&middot; SSe étage</span>1401                        1402                    </p>1403                </div>1404                <div class="col-sm-6 col-md-4">1405                    <p class="small-header">Disponibilité</p>1406                    <p class="text-primary">1407                        Libre immédiatement1408                    </p>1409                </div>1410                <div class="col-sm-6 col-md-4">1411                    <p class="small-header">À partir de</p>1412                    <p>799,00$</p>1413                </div>1414                1415            </div>1416            <div class="row">1417            </div>1418            1419        </div>1420    </div>1421    1422    1423    1424    <div class="col-12 h-100  ">1425        <div class="h-100 border-bottom">1426            <div class="row mt-3">1427                <div class="col-sm-6 col-md-4">1428                    <p class="small-header">unité</p>1429                    <p>1430                        191431                        1432                        <span>&middot; 3e étage</span>1433                        1434                    </p>1435                </div>1436                <div class="col-sm-6 col-md-4">1437                    <p class="small-header">Disponibilité</p>1438                    <p class="text-primary">1439                        Libre immédiatement1440                    </p>1441                </div>1442                <div class="col-sm-6 col-md-4">1443                    <p class="small-header">À partir de</p>1444                    <p>799,00$</p>1445                </div>1446                1447            </div>1448            <div class="row">1449            </div>1450            1451        </div>1452    </div>1453    1454    1455</div>14561457        </div>1458        1459    </div>1460</div>1461                    </div>1462                    <div class="row">1463                        <div class="col-6">1464                            <h4>1465                                1466                                1½ à partir de 799,00$1467                            1468                            </h4>1469                        </div>1470                        <div class="col-6 d-flex justify-content-end">1471                            1472                            1473                            1474                            <button1475    class="btn text-primary share-button-small"1476    data-toggle="modal"1477    data-target="#modal-share"1478    onclick="configureShareWidget(`1½ à louer - 555, avenue du Fleuve`, `https://lafrance-mathieu.com/logement/18`)">1479    <i class="fas fa-share-square mr-1"></i>1480    <span>Partager</span>1481</button>14821483                            1484                        </div>1485                    </div>1486                    <div class="row">1487                        <div class="col-md-4">1488                            <div class="row">1489                                <div class="col-12">1490                                    14911492                                    149314941495<div class="unit-image-counter d-flex align-items-center">1496    <img class="ml-1" src="/static/images/logos/camera.png" height="14px" width="auto" alt="unit image">1497    <span class="ml-1 text-white small">6</span>1498</div>149915001501<div class="single-item-small">1502    <div class="single-item-arrow--left ml-3"></div>1503    <div class="single-item">1504        1505            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PDP_3_bf11e94e-3f15-11f1-9a87-12e0191876fd.jpg" alt="cuisine" style="object-fit: cover" height="auto">1506        1507            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PDP_2_bfb756f4-3f15-11f1-9a87-12e0191876fd.jpg" alt="cuisine" style="object-fit: cover" height="auto">1508        1509            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PDP_5_mod_c088e282-3f15-11f1-9a87-12e0191876fd.jpg" alt="salon" style="object-fit: cover" height="auto">1510        1511            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PDP_6_c1196762-3f15-11f1-9a87-12e0191876fd.jpg" alt="salon2" style="object-fit: cover" height="auto">1512        1513            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PDP_4_c1a22be2-3f15-11f1-9a87-12e0191876fd.jpg" alt="salon" style="object-fit: cover" height="auto">1514        1515            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PDP_6_c238e5dc-3f15-11f1-9a87-12e0191876fd.jpg" alt="sb" style="object-fit: cover" height="auto">1516        1517    </div>1518    <div class="single-item-arrow--right mr-3"></div>1519</div>15201521                                    1522                                </div>1523                            </div>1524                            1525                        </div>1526                        <div class="col-md-8 mt-4 mt-md-0 d-flex flex-column">1527                            <div class="row flex-grow-1">1528                                1529                                <div class="unit-commodities unit-specs col-sm-6">1530                                    1531                                    1532153315341535    1536        <p class="small-header pb-1">1537            Commodités de l'unité1538        </p>1539    1540    <ul class="list-unstyled d-flex flex-wrap mb-1">1541        1542            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1543                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_light.png" alt="icon" height="15px" width="15px">1544                <p class="attribute-description mb-0">Électricité</p>1545            </li>1546        1547            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1548                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="icon" height="15px" width="15px">1549                <p class="attribute-description mb-0">Eau Chaude</p>1550            </li>1551        1552            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1553                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_heat.png" alt="icon" height="15px" width="15px">1554                <p class="attribute-description mb-0">Chauffage</p>1555            </li>1556        1557            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1558                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="icon" height="15px" width="15px">1559                <p class="attribute-description mb-0">Équipe de maintenance 24h</p>1560            </li>1561        1562            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1563                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_appliances.png" alt="icon" height="15px" width="15px">1564                <p class="attribute-description mb-0">Semi-meublé</p>1565            </li>1566        1567            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1568                <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">1569                <p class="attribute-description mb-0">Stationnement extérieur</p>1570            </li>1571        1572    </ul>157315741575                                </div>1576                                1577                                1578                                <div class="unit-characteristics unit-specs mt-3 mt-sm-0 col-sm-6">1579                                    1580                                    1581158215831584    1585        <p class="small-header pb-1">1586            Caractéristiques de l'unité1587        </p>1588    1589    <ul class="list-unstyled d-flex flex-wrap mb-1">1590        1591            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1592                <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">1593                <p class="attribute-description mb-0">Chat accepté</p>1594            </li>1595        1596            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1597                <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">1598                <p class="attribute-description mb-0">Conciergerie sur place</p>1599            </li>1600        1601            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1602                <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">1603                <p class="attribute-description mb-0">Espace de rangement</p>1604            </li>1605        1606    </ul>160716081609                                </div>1610                                1611                            </div>1612                            1613                        </div>1614                    </div>1615                    <div class="row mt-3">1616                        <div class="col-md-4">1617                            <button1618                                class="inquire-room-and-scroll btn btn-outline-primary btn-block unit-detail d-none d-lg-block"1619                                data-unit_room="1½">1620                                S'informer1621                            </button>1622                            <button1623                              class="inquire-room-and-scroll btn btn-outline-primary btn-block unit-detail d-block d-lg-none"1624                              data-unit_room="1½" onclick="displayInquiryAndScroll();">1625                                S'informer1626                            </button>1627                        </div>1628                    </div>1629                    <div class="units-detail">1630                      16311632<p class="mb-0 mt-4">1633    2 1634    <span class="text-lowercase">1635        1636            Unités1637        1638    </span>1639</p>1640                        1641164216431644<div class="row" id="units-for-unit-room-20">1645    1646    1647    <div class="col-12 h-100  ">1648        <div class="h-100 border-bottom">1649            <div class="row mt-3">1650                <div class="col-sm-6 col-md-4">1651                    <p class="small-header">unité</p>1652                    <p>1653                        11654                        1655                        <span>&middot; SSe étage</span>1656                        1657                    </p>1658                </div>1659                <div class="col-sm-6 col-md-4">1660                    <p class="small-header">Disponibilité</p>1661                    <p class="text-primary">1662                        Libre immédiatement1663                    </p>1664                </div>1665                <div class="col-sm-6 col-md-4">1666                    <p class="small-header">À partir de</p>1667                    <p>799,00$</p>1668                </div>1669                1670            </div>1671            <div class="row">1672            </div>1673            1674        </div>1675    </div>1676    1677    1678    1679    <div class="col-12 h-100  ">1680        <div class="h-100 border-bottom">1681            <div class="row mt-3">1682                <div class="col-sm-6 col-md-4">1683                    <p class="small-header">unité</p>1684                    <p>1685                        191686                        1687                        <span>&middot; 3e étage</span>1688                        1689                    </p>1690                </div>1691                <div class="col-sm-6 col-md-4">1692                    <p class="small-header">Disponibilité</p>1693                    <p class="text-primary">1694                        Libre immédiatement1695                    </p>1696                </div>1697                <div class="col-sm-6 col-md-4">1698                    <p class="small-header">À partir de</p>1699                    <p>799,00$</p>1700                </div>1701                1702            </div>1703            <div class="row">1704            </div>1705            1706        </div>1707    </div>1708    1709    1710</div>17111712                    </div>1713                    1714                </div>1715                1716            </div>1717        </div>1718    </div>1719</div>17201721<div id="modal-video" class="modal">1722    <div class="modal-dialog modal-lg" role="document">1723        <div class="modal-content">1724            <div id="modal-video-body" class="modal-body">1725            </div>1726        </div>1727    </div>1728</div>17291730<script type="text/javascript">1731    const toggleHiddenUnits = (unitRoomId) => {1732        if (unitRoomId) {1733            const hiddenUnits = document.getElementsByClassName(`hidden-unit-${unitRoomId}`);1734            for (unit of hiddenUnits) {1735                unit.classList.toggle("d-none");1736            }17371738            const seeMoreButton = document.getElementById(`see-more-units-${unitRoomId}`);1739            if (seeMoreButton.textContent === "Voir plus")1740                seeMoreButton.textContent = "Voir moins";1741            else1742                seeMoreButton.textContent = "Voir plus";1743        }1744    }17451746    const playVideo = (el) => {1747        const list = el.getElementsByTagName('video');1748        if (!list || !list.length)1749            return;17501751        const video = list[0];1752        const container = document.getElementById('modal-video-body');1753        container.appendChild(video);1754        video.play();17551756        el.classList.add('show-placeholder');17571758        $("#modal-video").modal();1759        $("#modal-video").on('hidden.bs.modal', () => {1760            el.classList.remove('show-placeholder');1761            el.insertBefore(video, el.children[0]);1762            video.currentTime = 0;1763            video.pause();1764        });1765    }17661767    function displayInquiryAndScroll() {1768        displayInquiry();1769        const form = document.getElementById("inquire-form-anchor");1770        form.scrollIntoView();1771    }1772</script>177317741775<div class="container">1776    <div class="row mt-5">1777        <div class="col-md-6">1778            <div class="row">1779                <div class="col-12">1780                    <h2>À propos de l'immeuble</h2>1781                </div>1782            </div>1783            <div class="row">1784                <div class="col-12">1785                    <p class="mb-1"><strong>Adresse</strong></p>1786                    17871788<script id="building-coordinates" type="application/json">[{"loc": ["46.853479", "-71.191040"], "id": 18}]</script>17891790<div id="map-container" class="footer mb-2 mt-1">1791    <div id="interactive-map" style="height: 100%;" class="rounded">1792    </div>1793</div>17941795                    <p class="mb-0">555, avenue du Fleuve</p>1796                    <p class="mb-0">Québec , Québec</p>1797                    <p class="mb-3">G1E3N1</p>1798                    <a href="https://www.google.com/maps/search/?api=1&amp;query=%20555%20avenue%20du%20Fleuve%20Quebec%20%20G1E3N1" target="_blank">1799                        Ouvrir sur Google Maps1800                    </a>1801                </div>1802            </div>1803            <hr>1804            <div class="row">1805                <div class="col-12">1806                    <p><strong>Plus d'informations</strong></p>1807                    <div class="row">1808                        1809                        <div class="col-md-4">1810                            <p class="subtext">Nombre d'étages</p>1811                            <p class="d-md-none">1812                                1813                                1 étage(s)1814                                1815                            </p>1816                        </div>1817                        1818                        <div class="col-md-4">1819                            <p class="subtext">Nombre total d'unités</p>1820                            <p class="d-md-none">1821                                1822                            21 unités1823                        1824                            </p>1825                        </div>1826                        1827                        <div class="col-md-4">1828                            <p class="subtext">Année de construction</p>1829                            <p class="d-md-none">1972</p>1830                        </div>1831                        1832                    </div>1833                    <div class="row mb-3 d-none d-md-flex">1834                        1835                        <div class="col-md-4">1836                            <p class="">1837                                1838                                1 étage(s)1839                                1840                            </p>1841                        </div>1842                        1843                        <div class="col-md-4">1844                            <p class="">1845                                1846                            21 unités1847                        1848                            </p>1849                        </div>1850                        1851                        <div class="col-md-4">1852                            <p class="">1972</p>1853                        </div>1854                        1855                    </div>1856                    1857                </div>1858            </div>1859            1860            <hr>1861            <div class="row">1862                <div class="col-12">1863                    <p><strong>Commodités de l'immeuble</strong></p>1864                    <div class="row">1865                        <div class="col-12">1866                            1867186818691870    1871    <ul class="list-unstyled d-flex flex-wrap mb-1">1872        1873            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1874                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1875                <p class="attribute-description mb-0">Équipe de maintenance 24h</p>1876            </li>1877        1878            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1879                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1880                <p class="attribute-description mb-0">Service de buanderie</p>1881            </li>1882        1883            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1884                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1885                <p class="attribute-description mb-0">Stationnement</p>1886            </li>1887        1888    </ul>188918901891                        </div>1892                    </div>1893                </div>1894            </div>1895            1896            1897            1898            <hr>1899            <div class="row">1900                <div class="col-12">1901                    <p><strong>Accès et services</strong></p>1902                    <div class="row">1903                        <div class="col-12">1904                            1905190619071908    1909    <ul class="list-unstyled d-flex flex-wrap mb-1">1910        1911            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1912                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1913                <p class="attribute-description mb-0">Commerces</p>1914            </li>1915        1916            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1917                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1918                <p class="attribute-description mb-0">Accès facile aux autoroutes</p>1919            </li>1920        1921            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1922                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1923                <p class="attribute-description mb-0">Service d&#x27;autobus</p>1924            </li>1925        1926            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1927                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1928                <p class="attribute-description mb-0">Près d&#x27;une piste cyclable</p>1929            </li>1930        1931            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1932                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1933                <p class="attribute-description mb-0">Dépanneur</p>1934            </li>1935        1936    </ul>193719381939                        </div>1940                    </div>1941                </div>1942            </div>1943            1944        </div>1945        1946        <div class="offset-lg-1 col-lg-5 col-md-6 mt-4 mt-md-0">1947            <div class="shadow">1948                <img 1949                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/799px-Beauport_QC.jpeg"1950                    alt="Borough image"1951                    width="100%"1952                    height="200px"1953                    class="object-fit-cover">1954                <div class="row p-4">1955                    <div class="col-12">1956                        <p class="small-header">À propos du quartier</p>1957                        <h3>Beauport</h3>1958                        <p>L’arrondissement de Beauport, ceinturé au nord par les Laurentides, au sud par le fleuve St-Laurent et à l’est par les chutes Montmorency, est l’endroit idéal pour quiconque est passionné par l’histoire et la nature.</p>1959                        <p>Avec plus de 550 bâtiments d’intérêt patrimonial, Beauport est un lieu où il fait bon vivre. De nombreuses familles s’y installent en raison de l’environnement exceptionnel (baie de Beauport, centre de plein air de Beauport, Parc de la rivière Beauport) et de la vie de quartier et de l’ensemble des services offerts.</p>1960                        <a href="/louer-appartement-quebec/beauport">1961                            1962                  Voir les appartements à Beauport1963                  1964                        </a>1965                    </div>1966                </div>1967            </div>1968        </div>1969        1970    </div>1971    <div class="row">1972        <div class="col-12">1973            1974197519761977    <div class="row mt-5 ">1978        <h2 class="col-12 text-center mb-4 text-primary">Nos logements en vedette</h2>1979        <div class="col-12 mb-3">1980            198119821983<div class="row">1984    1985    <a 1986        href="/logement/160"1987        class="appartments card border-white col-sm-6 mb-4 col-md-4  "1988        data-type="3"1989        data-borough="6"1990    >1991        1992199319941995<script>1996    function displayNowAvailableBubble(buildingId) {1997        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);1998        nowAvailableBubble.classList.remove("d-none");1999    }2000</script>20012002<div class="row">2003    2004    2005    2006    <img src alt="" onerror="displayNowAvailableBubble(160 + '-recommendation');"></img>2007    2008    2009    2010    2011    <div class="now-available-bubble d-none" id="now-available-bubble-160-recommendation">2012        <p class="text-white m-0">En vedette</p>2013    </div>2014    2015    2016    <div class="col-6 apartment-col">2017        <div class="row">2018            <div class="col-12 pr-0">2019                2020                <img 2021                    class="rounded-left apartment-image" 2022                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD1_54749d22-bfa3-11ea-9b14-0e226705be53.jpg"2023                    alt="unit image"2024                    width=100%2025                    height=232px2026                />2027                2028            </div>2029        </div>2030    </div>2031    2032    2033    <div class="col-6 apartment-col">2034        <div class="row">2035            <div class="col-12 pl-0">2036                <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"2037                   alt="unit image" width="100%" height="116px">2038            </div>2039        </div>2040        2041        <div class="row">2042            <div class="col-12 pl-0">2043                <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"2044                    alt="unit image" width=100% height=116px>2045            </div>2046        </div>2047        2048    </div>2049    2050    2051    2052</div>20532054        2055205620572058<div class="row mt-4">2059    <div class="col-12">2060        <div class="card-body p-0 text-left">2061            <h5 class="apartment-borough">Appartements &middot; Neufchatel</h5>2062            <p class="apartment-address mb-1">1573, rue Pierre-Corneille</p>2063            2064                2065                    <div class="row">2066                        <div class="col-7">2067                            <p class="apartment-infos mb-0">2068                                2069                                    4½ à partir de 1250$2070                                2071                            </p>2072                            <p class="apartment-availability footnotes">2073                                Libre immédiatement2074                            </p>2075                        </div>2076                        <div class="col-5 text-right">2077                            2078                                2079                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="Eau Chaude" height=18px width=18px>2080                                2081                            2082                                2083                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2084                                2085                            2086                                2087                                    <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>2088                                2089                            2090                                2091                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_appliances_alt.png" alt="Lave-vaisselle" height=18px width=18px>2092                                2093                            2094                            2095                        </div>2096                    </div>2097                2098            2099            2100        </div>2101    </div>2102</div>21032104    </a>2105    2106    <a 2107        href="/logement/312"2108        class="appartments card border-white col-sm-6 mb-4 col-md-4  "2109        data-type="3"2110        data-borough="10"2111    >2112        2113211421152116<script>2117    function displayNowAvailableBubble(buildingId) {2118        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2119        nowAvailableBubble.classList.remove("d-none");2120    }2121</script>21222123<div class="row">2124    2125    2126    2127    <img src alt="" onerror="displayNowAvailableBubble(312 + '-recommendation');"></img>2128    2129    2130    2131    2132    <div class="now-available-bubble d-none" id="now-available-bubble-312-recommendation">2133        <p class="text-white m-0">En vedette</p>2134    </div>2135    2136    2137    <div class="col-6 apartment-col">2138        <div class="row">2139            <div class="col-12 pr-0">2140                2141                <img 2142                    class="rounded-left apartment-image" 2143                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/CUISINE_2_a8e2db9c-5811-11f0-8a5b-0e9b4be91035.jpg"2144                    alt="unit image"2145                    width=100%2146                    height=232px2147                />2148                2149            </div>2150        </div>2151    </div>2152    2153    2154    <div class="col-6 apartment-col">2155        <div class="row">2156            <div class="col-12 pl-0">2157                <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"2158                   alt="unit image" width="100%" height="116px">2159            </div>2160        </div>2161        2162        <div class="row">2163            <div class="col-12 pl-0">2164                <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"2165                    alt="unit image" width=100% height=116px>2166            </div>2167        </div>2168        2169    </div>2170    2171    2172    2173</div>21742175        2176217721782179<div class="row mt-4">2180    <div class="col-12">2181        <div class="card-body p-0 text-left">2182            <h5 class="apartment-borough">Appartements &middot; Lebourgneuf</h5>2183            <p class="apartment-address mb-1">5900 boul. St-Jacques</p>2184            2185                2186                    <div class="row">2187                        <div class="col-7">2188                            <p class="apartment-infos mb-0">2189                                2190                                    4½ à partir de 1595$2191                                2192                            </p>2193                            <p class="apartment-availability footnotes">2194                                octobre 20262195                            </p>2196                        </div>2197                        <div class="col-5 text-right">2198                            2199                                2200                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2201                                2202                            2203                                2204                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_ac.png" alt="Climatiseur" height=18px width=18px>2205                                2206                            2207                                2208                                    <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>2209                                2210                            2211                            2212                        </div>2213                    </div>2214                2215            2216            2217        </div>2218    </div>2219</div>22202221    </a>2222    2223    <a 2224        href="/logement/18"2225        class="appartments card border-white col-sm-6 mb-4 col-md-4  "2226        data-type="3"2227        data-borough="3"2228    >2229        2230223122322233<script>2234    function displayNowAvailableBubble(buildingId) {2235        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2236        nowAvailableBubble.classList.remove("d-none");2237    }2238</script>22392240<div class="row">2241    2242    2243    2244    <img src alt="" onerror="displayNowAvailableBubble(18 + '-recommendation');"></img>2245    2246    2247    2248    2249    <div class="now-available-bubble d-none" id="now-available-bubble-18-recommendation">2250        <p class="text-white m-0">En vedette</p>2251    </div>2252    2253    2254    <div class="col-6 apartment-col">2255        <div class="row">2256            <div class="col-12 pr-0">2257                2258                <img 2259                    class="rounded-left apartment-image" 2260                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PDP_3_bf11e94e-3f15-11f1-9a87-12e0191876fd.jpg"2261                    alt="unit image"2262                    width=100%2263                    height=232px2264                />2265                2266            </div>2267        </div>2268    </div>2269    2270    2271    <div class="col-6 apartment-col">2272        <div class="row">2273            <div class="col-12 pl-0">2274                <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"2275                   alt="unit image" width="100%" height="116px">2276            </div>2277        </div>2278        2279        <div class="row">2280            <div class="col-12 pl-0">2281                <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"2282                    alt="unit image" width=100% height=116px>2283            </div>2284        </div>2285        2286    </div>2287    2288    2289    2290</div>22912292        2293229422952296<div class="row mt-4">2297    <div class="col-12">2298        <div class="card-body p-0 text-left">2299            <h5 class="apartment-borough">Appartements &middot; Beauport</h5>2300            <p class="apartment-address mb-1">555, avenue du Fleuve</p>2301            2302                2303                    <div class="row">2304                        <div class="col-7">2305                            <p class="apartment-infos mb-0">2306                                2307                                    1½ à partir de 799$2308                                2309                            </p>2310                            <p class="apartment-availability footnotes">2311                                Libre immédiatement2312                            </p>2313                        </div>2314                        <div class="col-5 text-right">2315                            2316                                2317                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_light.png" alt="Électricité" height=18px width=18px>2318                                2319                            2320                                2321                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="Eau Chaude" height=18px width=18px>2322                                2323                            2324                                2325                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_heat.png" alt="Chauffage" height=18px width=18px>2326                                2327                            2328                                2329                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2330                                2331                            2332                                2333                            2334                                2335                            2336                            2337                                <p class="footnotes d-inline"> +2</p>2338                            2339                        </div>2340                    </div>2341                2342            2343            2344        </div>2345    </div>2346</div>23472348    </a>2349    2350</div>23512352        </div>2353        2354    </div>235523562357        </div>2358    </div>2359</div>2360<div class="bg-primary py-5 mt-5">2361    <div class="container">2362        <div class="row justify-content-center">2363            <div class="col-sm-8 col-md-5 col-lg-11 d-flex flex-column align-items-center">2364                <h1 class="text-white text-center small-title">Ce logement vous intéresse? Contactez-nous!</h1>2365                <a href="#building-address-1" class="btn btn-dark border-white d-none d-lg-block">Nous joindre</a>2366                <a href="/nous-joindre" class="btn btn-dark border-white d-block d-lg-none">Nous joindre</a>2367            </div>2368        </div>2369    </div>2370</div>2371<div id="modal-inquire" class="modal">2372    2373237423752376<div class="inquire-step-1 container p-0 mb-5 position-relative">2377    <div id="inquire-step-1" style="position: absolute; top: -134px;"></div>2378    <h2 class="mb-4" style="font-size: 1.6rem;">S'informer sur ce logement</h2>2379    <p>418-626-3070</p>2380    <p class="text-primary"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="bcd0d3dfddc8d5d3d2fcd0dddaceddd2dfd991d1ddc8d4d5d9c992dfd3d1">[email&#160;protected]</a></p>2381    <p class="mb-4">Dites-nous quelles unités vous intéressent ainsi que votre date de déménagement prévue.</p>2382    <p class="text-gray-light">Intéressé par ces unités</p>23832384    <div class="d-inline-flex flex-wrap">2385        2386        2387        <button2388            class="inquire-room btn btn-normal mb-3"2389            data-unit_room="1½"2390            data-toggle="button"2391        >23922393        </button>2394        2395        2396    </div>23972398    <div class="dropdown mb-4">2399        <div class="dropdown-toggle inquire-units-button rounded p-3 text-left" type="button"2400            id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">2401            <p class="inquire-units-label-title text-uppercase mb-0">2402                Unité(s) spécifique(s)2403            </p>2404            <p id="inquire-units-label-noselected" class="inquire-units-label-selection m-0">2405                Aucune choisie2406            </p>2407            <p id="inquire-units-label-selected" class="inquire-units-label-selection d-none m-0"></p>2408        </div>2409        <div class="dropdown-menu inquire-units-choices rounded border-gray-very-light" aria-labelledby="dropdownMenuButton">2410            2411            2412            <button class="inquire-units-choice dropdown-item" data-unit="1"2413                data-unit_room="1½">2414                12415            </button>2416            2417            <button class="inquire-units-choice dropdown-item" data-unit="19"2418                data-unit_room="1½">2419                192420            </button>2421            2422            2423        </div>2424    </div>242524262427    <p class="text-gray-light">Date de déménagement prévue</p>2428    <div id="inquire-datepicker" class="input-group date mt-1">2429        <input id="inquire-datepicker-input" class="form-control" onfocus="blur();" placeholder="Sélectionner une date">2430        <div class="input-group-addon">2431            <span class="glyphicon glyphicon-th"></span>2432        </div>2433    </div>2434</div>24352436<div class="inquire-step-2 container p-0 mb-5 d-none position-relative">2437    <div id="inquire-step-2" style="position: absolute; top: -134px;"></div>2438    <h2 class="my-4" style="font-size: 1.6rem;">Comment peut-on vous rejoindre?</h2>2439    <p>Inscrivez vos coordonnées afin que notre équipe puisse vous rejoindre et vous conseiller.</p>2440    <form id="inquire-form">2441        <div class="form-group">2442            <input name="firstName" type="text" class="form-control" id="inquireForm-firstName"2443                placeholder="Prénom"></input>2444        </div>2445        <div class="form-group">2446            <input name="lastName" type="text" class="form-control" id="inquireForm-lastName"2447                placeholder="Nom de famille"></input>2448        </div>2449        <div class="form-group">2450            <select name="contactMethod" class="form-control" id="inquireForm-contactMethod">2451                <option id="email" value="email" selected>Courriel</option>2452                <option id="phone" value="phone">Téléphone</option>2453            </select>2454        </div>2455        <div id="inquireForm-contact-email" class="form-group">2456            <input name="contactEmail" type="email" class="form-control" id="inquireForm-email"2457                placeholder="Adresse courriel"></input>2458        </div>2459        <div id="inquireForm-contact-phone" class="form-group d-none">2460            <input name="contactPhone" type="tel" class="form-control" id="inquireForm-phone"2461                placeholder="Numéro de téléphone"></input>2462        </div>2463        <div class="form-group">2464            <textarea name="comments" type="text" class="form-control" id="inquireForm-comments"2465                placeholder="Questions ou notes"></textarea>2466        </div>2467        <div id="g-recaptcha-error"></div>2468        <div class="mb-3 g-recaptcha" data-sitekey="6LdkNyIpAAAAAD7KhL3DhvgxSocY-78gAmvXBzoe" data-callback="verifyCaptcha"></div>2469    </form>2470</div>24712472<div class="inquire-step-3 d-none position-relative">2473    <div id="inquire-confirmation" style="position: absolute; top: -134px;"></div>2474    <img class="mt-4" src="/static/images/logos/sansfond_horizontal_noir.png" alt="L&M Logo" width="auto"2475        height="66px">2476    <h2 class="my-4" style="font-size: 1.6rem;">Votre demande a été envoyée à l’équipe de Lafrance et Mathieu.</h2>2477    <p>Nous répondons à toutes les demandes dans un délai de 24 à 48 heures (jours ouvrables).</p>2478</div>24792480<button id="inquire-btn-1" class="inquire-continue inquire-step-1 btn btn-primary w-100" disabled onclick="scrollToTopOfForm();">2481    Continuer2482</button>2483<button id="inquire-btn-2" class="inquire-submit inquire-step-2 btn btn-primary w-100 d-none" onclick="submitForm();" disabled>2484    Soumettre2485</button>2486<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>2487    var recaptcha_response = '';2488    window.isCondo = "False" == "True";2489    document.getElementById("inquire-datepicker-input").value = "";2490    2491    function scrollToTopOfForm() {2492        const top = document.getElementById("inquire-step-1");2493        top.scrollIntoView();2494    }2495    function submitForm() {2496        if (recaptcha_response && recaptcha_response.length !== 0 && recaptcha_response !== ''){2497            onContinue2Click('jg8IpPrtpDWhRnJAi0JMR9XTNt14VjTOVZqpHDX45RbNGGVBubi6dwMHAznPqkbb');2498            const confirmation = document.getElementById("inquire-confirmation");2499            confirmation.scrollIntoView();2500        }2501        else {2502            document.getElementById('g-recaptcha-error').innerHTML = '<span style="color:red;">Ceci est obligatoire.</span>';2503        }2504    }25052506    function verifyCaptcha(token) {2507        recaptcha_response = token;2508        document.getElementById('g-recaptcha-error').innerHTML = '';2509    }2510</script>25112512</div>2513251425152516<div id="modal-share" class="modal">2517    <div class="modal-dialog h-75 d-flex justify-content-center align-items-center" role="document">2518        <div class="modal-content">2519            <div class="modal-body">2520                Partager ce logement2521                <div id="share-widget-container" class="d-flex justify-content-center"></div>2522            </div>2523        </div>2524    </div>2525</div>252625272528<script src="/static/js/share.js" defer></script>25292530253125322533            </main>2534            <footer>2535                253625372538<div class="footer row m-0 p-5 justify-content-center bg-black">2539    <div class="container m-0">2540        <div class="row mb-3">2541            <img src="/static/images/logos/sansfond_horizontal_blanc.png" alt="L&M Logo" width="auto"2542                height="80px" class="footer-logo">2543        </div>2544        <div class="row">2545            <div class="col-12 col-sm-6 col-md-3 mb-4 mb-md-0 p-0 pr-sm-4 d-flex flex-column">2546                <p class="footer-title mb-2">Contactez-nous</p>2547                <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>2548                <a href="tel:14186265500" class="mb-3 d-flex align-items-center">2549                    <img src=/static/images/icons/call.svg alt="phone icon" class="footer-icon mr-3" />2550                    <span class="footer-phone">418 626-5500</span>2551                </a>2552                <a href="/cdn-cgi/l/email-protection#5930373f361935383f2b38373a3c7434382d31303c2c773a3634" target="_blank" class="mb-3 d-flex align-items-center">2553                    <img src=/static/images/icons/email.svg alt="email icon" class="footer-icon mr-3" />2554                    <span><span class="__cf_email__" data-cfemail="254c4b434a6549444357444b4640084844514d4c40500b464a48">[email&#160;protected]</span></span>2555                </a>2556                <a href="https://g.page/Lafrance-Mathieu?share" target="_blank" class="mb-4 d-flex align-items-center">2557                    1220 Boulevard Lebourgneuf<br>Québec, QC G2K 2G42558                </a>2559                <p class="footer-title mb-2">Suivez-nous sur les réseaux</p>2560                <div class="d-flex">2561                    <a href="https://ca.linkedin.com/company/gestion-immobilière-lafrance-et-mathieu-inc">2562                        <img src=/static/images/icons/linkedin.svg alt="linkedin icon"2563                            class="footer-social-icon mr-3" />2564                    </a>2565                    <a href="https://fr-ca.facebook.com/lafrance.mathieu">2566                        <img src=/static/images/icons/facebook.svg alt="facebook icon"2567                            class="footer-social-icon" />2568                    </a>2569                </div>2570            </div>2571            <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">2572                <p class="footer-title mb-2">Soutien aux résidents (24/7)</p>2573                <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>2574                <a href="tel:14186265500" class="mb-3 d-flex align-items-center">2575                    <img src=/static/images/icons/call.svg alt="phone icon" class="footer-icon mr-3" />2576                    <span class="footer-phone">418-626-5500</span>2577                </a>2578                <a href="https://espace-client.lafrance-mathieu.com" target="_blank" class="d-flex align-items-center mb-3">2579                    <img src=/static/images/icons/ticket.svg alt="client space icon" class="footer-icon mr-3" />2580                    <span>Se connecter à l’Espace client</span>2581                </a>2582                <a href="https://doma.lafrance-mathieu.com:444/DocRoom/Auth/Login.aspx" target="_blank" class="d-flex align-items-center">2583                    <img src=/static/images/icons/ticket.svg alt="intranet icon" class="footer-icon mr-3" />2584                    <span>Se connecter à Sensaas</span>2585                </a>2586            </div>2587            <div class="col-10 col-sm-6 col-md-3 mb-4 mb-md-0 p-0 pr-sm-4 px-md-4">2588                <ul class="navbar-nav">2589                    2590                    25912592<li class="nav-item  ">2593    <a class="nav-link py-0 footer-main-navigation mb-3"2594        href="/">Accueil</a>2595    <hr class="my-1 border-gray-medium d-none">2596</li>259725982599                    2600                    26012602<li class="nav-item  ">2603    <a class="nav-link py-0 footer-main-navigation mb-3"2604        href="/services-de-gestion-immobiliere">Services de gestion <br class='nav-item-translation'>immobilière</a>2605    <hr class="my-1 border-gray-medium d-none">2606</li>260726082609                    2610                    26112612<li class="nav-item  ">2613    <a class="nav-link py-0 footer-main-navigation mb-3"2614        href="/louer-appartement-quebec/">Logements <br class='nav-item-translation'>à louer</a>2615    <hr class="my-1 border-gray-medium d-none">2616</li>261726182619                    2620                    26212622<li class="nav-item  ">2623    <a class="nav-link py-0 footer-main-navigation mb-3"2624        href="/commercial/">Espaces <br class='nav-item-translation'>commerciaux</a>2625    <hr class="my-1 border-gray-medium d-none">2626</li>262726282629                    2630                    26312632<li class="nav-item  ">2633    <a class="nav-link py-0 footer-main-navigation mb-3"2634        href="/espace-client/">Découvrez <br class='nav-item-translation'>l'Espace client</a>2635    <hr class="my-1 border-gray-medium d-none">2636</li>263726382639                    2640                    26412642<li class="nav-item  ">2643    <a class="nav-link py-0 footer-main-navigation mb-3"2644        href="/qui-sommes-nous/">À propos de <br class='nav-item-translation'>Lafrance & Mathieu</a>2645    <hr class="my-1 border-gray-medium d-none">2646</li>264726482649                    2650                </ul>2651            </div>2652            <div class="col-10 col-sm-6 col-md-3 p-0 pl-sm-4">2653                <ul class="navbar-nav">2654                    2655                    26562657<li class="nav-item  ">2658    <a class="nav-link py-0 footer-main-navigation mb-3"2659        href="/nous-joindre/">Nous <br class='nav-item-translation'>contacter</a>2660    <hr class="my-1 border-gray-medium d-none">2661</li>266226632664                    2665                    26662667<li class="nav-item  ">2668    <a class="nav-link py-0 footer-main-navigation mb-3"2669        href="/blog">Blogue</a>2670    <hr class="my-1 border-gray-medium d-none">2671</li>267226732674                    2675                    26762677<li class="nav-item  ">2678    <a class="nav-link py-0 footer-main-navigation mb-3"2679        href="/faire-carriere/">Carrières</a>2680    <hr class="my-1 border-gray-medium d-none">2681</li>268226832684                    2685                </ul>2686            </div>2687        </div>2688    </div>2689</div>26902691269226932694<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">2695    <div class="d-flex justify-content-center">2696        <ul class="list-inline mb-1">2697            2698            <li class="list-inline-item">2699                <a href=/conditions-utilisation>2700                    Conditions d'utilisation2701                </a>2702            </li>2703            2704            2705            <li class="list-inline-item">2706                <a href=/politique-confidentialite>2707                    Politique de confidentialité2708                </a>2709            </li>2710            2711            2712            <li class="list-inline-item">2713                <a href=/protection-renseignements-personnels>2714                    Protection des renseignements personnels2715                </a>2716            </li>2717            2718            2719            <li class="list-inline-item">2720                <a href=/temoins-navigation>2721                    Gérer vos témoins de navigation2722                </a>2723            </li>2724            2725        </ul>2726    </div>2727    <div class="d-flex justify-content-center">2728        <p class="">© Gestion immobilière Lafrance & Mathieu</p>2729    </div>2730</div>27312732            </footer>2733        27342735<!-- Cookie Banner -->2736<div id="gilm-cookie-banner" class="alert alert-dark hidden" role="alert">2737    <div class="gilm-cookie-banner-container">2738        <div class="gilm-cookie-banner-text">2739            <p>2740                Nous utilisons les témoins de navigation (cookies) afin de mesurer et d’améliorer l’efficacité de nos2741                sites2742                Web2743                ou de rehausser l’expérience client. En utilisant notre site Web, vous consentez à l’utilisation de2744                témoins,2745                comme l’explique notre <a href=/protection-renseignements-personnels> protection des2746                renseignements personnels</a>. Si vous n'êtes pas à l'aise avec2747                l'utilisation2748                de ces informations, veuillez revoir vos paramètres avant de poursuivre votre visite.2749            </p>2750            <p class="d-sm-none">2751                <a href=/temoins-navigation>2752                    Gérer vos témoins de navigation2753                </a>2754                <br/>2755                <a href=/politique-confidentialite>2756                    Politique de confidentialité2757                </a>2758                <br/>2759                <a href=/conditions-utilisation>2760                    Conditions d'utilisation2761                </a>2762            </p>2763            <p class="d-none d-sm-block">2764                <a href=/temoins-navigation>2765                    Gérer vos témoins de navigation2766                </a>2767                -2768                <a href=/politique-confidentialite>2769                    Politique de confidentialité2770                </a>2771                -2772                <a href=/conditions-utilisation>2773                    Conditions d'utilisation2774                </a>2775            </p>2776        </div>2777        <button type="button" class="gilm-cookie-banner-button btn btn-primary btn-sm ms-3"2778                onclick="window.gilm_hideCookieBanner()">2779            <img src=/static/images/icons/close.svg alt="closing icon" class="close-icon"/>2780        </button>2781    </div>2782</div>2783<!-- End of Cookie Banner -->2784        </div>2785        <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">2786        </script>2787        <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js" integrity="sha256-eGE6blurk5sHj+rmkfsGYeKyZx3M4bG+ZlFyA7Kns7E=" crossorigin="anonymous">2788        </script>2789        <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js" crossorigin="anonymous"></script>2790        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous">2791        </script>2792        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous">2793        </script>2794        <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js">2795        </script>2796        <script type="text/javascript" src="/static/js/carousel.js">2797        </script>2798        <script type="text/javascript" src="/static/js/cookie_banner.js">2799        </script>2800        <script id="search-script" type="text/javascript" src="/static/js/search.js">2801        </script>2802        <script type="text/javascript" src="/static/js/jssocials.min.js">2803        </script>2804        <script src="https://unpkg.com/leaflet@1.5.1/dist/leaflet.js" integrity="sha512-GffPMF3RvMeYyc1LWMHtK8EbPv0iNZ8/oTtHPx9/cc2ILxQ+u905qIwdpULaqDkyBKgOaB57QTMg7ztg8Jm2Og==" crossorigin="">2805        </script>2806        <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">2807        </script>2808        <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">2809        </script>2810        <script async src="https://www.googletagmanager.com/gtag/js?id=UA-20687227-3"></script>2811        <script>2812            window.dataLayer = window.dataLayer || [];28132814            function gtag() {2815                dataLayer.push(arguments);2816            }2817            gtag('js', new Date());2818            gtag('config', 'UA-20687227-3');2819        </script>2820        2821<script src="/static/js/inquire.js"></script>2822<script src="/static/js/leaflet.js" is-building-details="true"></script>28232824        2825    </body>28262827    </html>2828