SPB Git

spb/lou-ka Public

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

HTML 99.7%
114.5 KB · 3,200 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/301" />24<meta name="title" content="Logement a louer - 750, rue Gingras">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>750, rue Gingras - 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#afc6c1c9c0efc3cec9ddcec1ccca82c2cedbc7c6cada81ccc0c2" 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="2940474f466945484f5b48474a4c0444485d41404c5c074a4644">[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; Ste-Foy</p>930        <h2 id="building-address-1">750, rue Gingras</h2>931        <p id="building-address-2" class="subtext">932            Québec,933            (Québec), 934            G1X4C3935        </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 - 750, rue Gingras`, `https://lafrance-mathieu.com/logement/301`)">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/ext1_00515aac-e50f-11ed-8340-0ee34002bf15.jpg" alt="facade">964        965        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/ext2_014cb064-e50f-11ed-8340-0ee34002bf15.jpg" alt="piscine">966        967        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/ext_0239194a-e50f-11ed-8340-0ee34002bf15.jpg" alt="320">968        969    </div>970    <div class="slider slider-nav mt-2">971        972        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/ext1_00515aac-e50f-11ed-8340-0ee34002bf15.jpg" alt="facade">973        974        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/ext2_014cb064-e50f-11ed-8340-0ee34002bf15.jpg" alt="piscine">975        976        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/ext_0239194a-e50f-11ed-8340-0ee34002bf15.jpg" alt="320">977        978    </div>979</div>980981        982    </div>983    <div class="col-lg-8 d-block d-md-none">984        985        986987988989<div class="">990    <div class="single-item-arrow--left ml-3"></div>991    <div class="single-item">992        993            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/ext1_00515aac-e50f-11ed-8340-0ee34002bf15.jpg" alt="facade" style="object-fit: cover" height="auto">994        995            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/ext2_014cb064-e50f-11ed-8340-0ee34002bf15.jpg" alt="piscine" style="object-fit: cover" height="auto">996        997            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/ext_0239194a-e50f-11ed-8340-0ee34002bf15.jpg" alt="320" style="object-fit: cover" height="auto">998        999    </div>1000    <div class="single-item-arrow--right mr-3"></div>1001</div>10021003        1004    </div>1005    1006    <div class="col-12 col-lg-4 order-lg-2">1007        <div class="border border-light rounded p-3 w-100 d-none d-lg-block shadow-sm position-relative" id="inquire-form">1008            <div style="position: absolute; top: -134px;" id="inquire-form-anchor"></div>1009            1010101110121013<div class="inquire-step-1 container p-0 mb-5 position-relative">1014    <div id="inquire-step-1" style="position: absolute; top: -134px;"></div>1015    <h2 class="mb-4" style="font-size: 1.6rem;">S'informer sur ce logement</h2>1016    <p>418-626-3070</p>1017    <p class="text-primary"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="2d41424e4c594442436d414c4b5f4c434e4800404c5945444858034e4240">[email&#160;protected]</a></p>1018    <p class="mb-4">Dites-nous quelles unités vous intéressent ainsi que votre date de déménagement prévue.</p>1019    <p class="text-gray-light">Intéressé par ces unités</p>10201021    <div class="d-inline-flex flex-wrap">1022        1023        1024        <button1025            class="inquire-room btn btn-normal mb-3"1026            data-unit_room="4½"1027            data-toggle="button"1028        >10291030        </button>1031        1032        1033    </div>10341035    <div class="dropdown mb-4">1036        <div class="dropdown-toggle inquire-units-button rounded p-3 text-left" type="button"1037            id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">1038            <p class="inquire-units-label-title text-uppercase mb-0">1039                Unité(s) spécifique(s)1040            </p>1041            <p id="inquire-units-label-noselected" class="inquire-units-label-selection m-0">1042                Aucune choisie1043            </p>1044            <p id="inquire-units-label-selected" class="inquire-units-label-selection d-none m-0"></p>1045        </div>1046        <div class="dropdown-menu inquire-units-choices rounded border-gray-very-light" aria-labelledby="dropdownMenuButton">1047            1048            1049            <button class="inquire-units-choice dropdown-item" data-unit="105"1050                data-unit_room="4½">1051                1051052            </button>1053            1054            <button class="inquire-units-choice dropdown-item" data-unit="318"1055                data-unit_room="4½">1056                3181057            </button>1058            1059            <button class="inquire-units-choice dropdown-item" data-unit="401"1060                data-unit_room="4½">1061                4011062            </button>1063            1064            <button class="inquire-units-choice dropdown-item" data-unit="514"1065                data-unit_room="4½">1066                5141067            </button>1068            1069            <button class="inquire-units-choice dropdown-item" data-unit="611"1070                data-unit_room="4½">1071                6111072            </button>1073            1074            1075        </div>1076    </div>107710781079    <p class="text-gray-light">Date de déménagement prévue</p>1080    <div id="inquire-datepicker" class="input-group date mt-1">1081        <input id="inquire-datepicker-input" class="form-control" onfocus="blur();" placeholder="Sélectionner une date">1082        <div class="input-group-addon">1083            <span class="glyphicon glyphicon-th"></span>1084        </div>1085    </div>1086</div>10871088<div class="inquire-step-2 container p-0 mb-5 d-none position-relative">1089    <div id="inquire-step-2" style="position: absolute; top: -134px;"></div>1090    <h2 class="my-4" style="font-size: 1.6rem;">Comment peut-on vous rejoindre?</h2>1091    <p>Inscrivez vos coordonnées afin que notre équipe puisse vous rejoindre et vous conseiller.</p>1092    <form id="inquire-form">1093        <div class="form-group">1094            <input name="firstName" type="text" class="form-control" id="inquireForm-firstName"1095                placeholder="Prénom"></input>1096        </div>1097        <div class="form-group">1098            <input name="lastName" type="text" class="form-control" id="inquireForm-lastName"1099                placeholder="Nom de famille"></input>1100        </div>1101        <div class="form-group">1102            <select name="contactMethod" class="form-control" id="inquireForm-contactMethod">1103                <option id="email" value="email" selected>Courriel</option>1104                <option id="phone" value="phone">Téléphone</option>1105            </select>1106        </div>1107        <div id="inquireForm-contact-email" class="form-group">1108            <input name="contactEmail" type="email" class="form-control" id="inquireForm-email"1109                placeholder="Adresse courriel"></input>1110        </div>1111        <div id="inquireForm-contact-phone" class="form-group d-none">1112            <input name="contactPhone" type="tel" class="form-control" id="inquireForm-phone"1113                placeholder="Numéro de téléphone"></input>1114        </div>1115        <div class="form-group">1116            <textarea name="comments" type="text" class="form-control" id="inquireForm-comments"1117                placeholder="Questions ou notes"></textarea>1118        </div>1119        <div id="g-recaptcha-error"></div>1120        <div class="mb-3 g-recaptcha" data-sitekey="6LdkNyIpAAAAAD7KhL3DhvgxSocY-78gAmvXBzoe" data-callback="verifyCaptcha"></div>1121    </form>1122</div>11231124<div class="inquire-step-3 d-none position-relative">1125    <div id="inquire-confirmation" style="position: absolute; top: -134px;"></div>1126    <img class="mt-4" src="/static/images/logos/sansfond_horizontal_noir.png" alt="L&M Logo" width="auto"1127        height="66px">1128    <h2 class="my-4" style="font-size: 1.6rem;">Votre demande a été envoyée à l’équipe de Lafrance et Mathieu.</h2>1129    <p>Nous répondons à toutes les demandes dans un délai de 24 à 48 heures (jours ouvrables).</p>1130</div>11311132<button id="inquire-btn-1" class="inquire-continue inquire-step-1 btn btn-primary w-100" disabled onclick="scrollToTopOfForm();">1133    Continuer1134</button>1135<button id="inquire-btn-2" class="inquire-submit inquire-step-2 btn btn-primary w-100 d-none" onclick="submitForm();" disabled>1136    Soumettre1137</button>1138<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>1139    var recaptcha_response = '';1140    window.isCondo = "False" == "True";1141    document.getElementById("inquire-datepicker-input").value = "";1142    1143    function scrollToTopOfForm() {1144        const top = document.getElementById("inquire-step-1");1145        top.scrollIntoView();1146    }1147    function submitForm() {1148        if (recaptcha_response && recaptcha_response.length !== 0 && recaptcha_response !== ''){1149            onContinue2Click('EveApcCfnfqN4wsGz7QwCr4extfE3JIwgewhH08Q3tFjTPEHLipQYOT2kzBpyK0T');1150            const confirmation = document.getElementById("inquire-confirmation");1151            confirmation.scrollIntoView();1152        }1153        else {1154            document.getElementById('g-recaptcha-error').innerHTML = '<span style="color:red;">Ceci est obligatoire.</span>';1155        }1156    }11571158    function verifyCaptcha(token) {1159        recaptcha_response = token;1160        document.getElementById('g-recaptcha-error').innerHTML = '';1161    }1162</script>11631164        </div>1165    </div>1166    1167</div>11681169<div class="row mt-4">1170    <div class="col-md-8">1171        <h2 class="convenience-header">Commodités de l'immeuble</h2>1172        <div class="row mb-4">1173            <div class="col-md-12">1174                1175117611771178    1179    <ul class="list-unstyled d-flex flex-wrap mb-1">1180        1181            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1182                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1183                <p class="attribute-description mb-0">Intercom</p>1184            </li>1185        1186            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1187                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1188                <p class="attribute-description mb-0">Équipe de maintenance 24h</p>1189            </li>1190        1191            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1192                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1193                <p class="attribute-description mb-0">Stationnement</p>1194            </li>1195        1196            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1197                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1198                <p class="attribute-description mb-0">Insonorisation supérieure</p>1199            </li>1200        1201            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1202                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1203                <p class="attribute-description mb-0">Piscine</p>1204            </li>1205        1206            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1207                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1208                <p class="attribute-description mb-0">Planchers en béton</p>1209            </li>1210        1211            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1212                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1213                <p class="attribute-description mb-0">Secteur paisible</p>1214            </li>1215        1216            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1217                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1218                <p class="attribute-description mb-0">Ascenseur</p>1219            </li>1220        1221            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1222                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1223                <p class="attribute-description mb-0">Salle d&#x27;entrainement</p>1224            </li>1225        1226    </ul>122712281229            </div>1230        </div>1231    </div>1232</div>123312341235</div>123612371238123912401241<script>1242function scrollToId(unitRoomId) {1243    removeAllActive();12441245    const scrollOptions = {1246        behavior: "smooth",1247        block: "start"1248    };12491250    const defaultFilter = document.getElementById("unit-room-filter-all");1251    if (unitRoomId === "all") {1252        defaultFilter.classList.add("active");1253        defaultFilter.scrollIntoView(scrollOptions);1254    } else {1255        const element = document.getElementById(`unit-room-${unitRoomId}`);1256        if (!!element) {1257            element.scrollIntoView(scrollOptions);1258            const defaultFilter = document.getElementById("unit-room-filter-all");1259            defaultFilter.classList.remove("active");1260            const filter = document.getElementById(`unit-room-filter-${unitRoomId}`);1261            filter.classList.add("active");12621263        }1264    }1265}12661267function removeAllActive() {1268    const elements = document.getElementsByClassName("unit-room-filter");1269    for (element of elements) element.classList.remove("active");1270}1271</script>12721273<div class="container">1274    <div class="row mt-5">1275        <div class="col-md-12">1276            <h2 id="anchor-units" class="mb-3">Unités</h2>1277            1278            <ul class="list-inline mb-0 position-relative">1279                <li class="list-inline-item mr-4 pb-2 unit-room-filter active" id="unit-room-filter-all">1280                    <button onclick="scrollToId('all');" class="unit-room-filter-button btn btn-no-outline">1281                        <span>Toutes</span>1282                    </button>1283                </li>1284                1285                <li class="list-inline-item mr-4 mb-0 pb-2 unit-room-filter" id="unit-room-filter-36512">1286                    <button onclick="scrollToId('36512');" class="unit-room-filter-button btn btn-no-outline">1287                        <span class="text-primary">4½</span> <span class="text-gray-light">(5)</span>1288                    </button>1289                </li>1290                1291            </ul>1292            1293        </div>1294    </div>1295</div>1296<div class="bg-background-gray pb-3">1297    <div class="container">1298        <div class="row">1299            <div class="col-12 p-0">1300                1301                <div class="bg-white rounded mt-3 p-3 p-md-5 mx-3 position-relative">1302                    <div style="position: absolute; top: -134px;" id="unit-room-36512"></div>1303                    <div id="modal-details-36512" class="modal">1304                        130513061307<div class="container mt-5">1308    <div class="col-md-8 offset-md-2 bg-white p-5 rounded shadow">1309        13101311<div class="row">1312    <div class="col-9">1313    <h2>1314        1315            4½ from $1495 to $16751316        1317    </h2>1318    </div>1319    <div class="col-3 text-right">1320        <button class="btn-close" data-toggle="modal" data-target="#modal-details-36512"></button>1321    </div>1322</div>1323<div class="row">1324    <div class="col-9">1325        13261327<p class="">1328    5 1329    <span class="text-lowercase">1330        1331            Unités1332        1333    </span>1334</p>1335    </div>1336    <div class="col-3 text-right">1337        1338    </div>1339</div>1340<div class="row">1341    <div class="col-12" id="unit-modal-carousel-36512">1342        13431344<div class="unit-detail-carousel">1345    <div class="slider slider-for">1346        1347        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/1_bdfe446a-f08e-11f0-ae60-02cdb0c1febd.jpg" alt="cuisine 1">1348        1349        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/2_bfce767a-f08e-11f0-ae60-02cdb0c1febd.jpg" alt="cuisine 1/2">1350        1351        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/3_c1aafb58-f08e-11f0-ae60-02cdb0c1febd.jpg" alt="sm">1352        1353        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/4_c3779fa4-f08e-11f0-ae60-02cdb0c1febd.jpg" alt="sb">1354        1355        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/5_c5504cf4-f08e-11f0-ae60-02cdb0c1febd.jpg" alt="sl">1356        1357        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/6_c7078972-f08e-11f0-ae60-02cdb0c1febd.jpg" alt="salon">1358        1359        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/7_c8dc1326-f08e-11f0-ae60-02cdb0c1febd.jpg" alt="rang">1360        1361        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/8_ca981fe8-f08e-11f0-ae60-02cdb0c1febd.jpg" alt="ch">1362        1363    </div>1364    <div class="slider slider-nav mt-2">1365        1366        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/1_bdfe446a-f08e-11f0-ae60-02cdb0c1febd.jpg" alt="cuisine 1">1367        1368        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/2_bfce767a-f08e-11f0-ae60-02cdb0c1febd.jpg" alt="cuisine 1/2">1369        1370        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/3_c1aafb58-f08e-11f0-ae60-02cdb0c1febd.jpg" alt="sm">1371        1372        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/4_c3779fa4-f08e-11f0-ae60-02cdb0c1febd.jpg" alt="sb">1373        1374        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/5_c5504cf4-f08e-11f0-ae60-02cdb0c1febd.jpg" alt="sl">1375        1376        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/6_c7078972-f08e-11f0-ae60-02cdb0c1febd.jpg" alt="salon">1377        1378        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/7_c8dc1326-f08e-11f0-ae60-02cdb0c1febd.jpg" alt="rang">1379        1380        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/8_ca981fe8-f08e-11f0-ae60-02cdb0c1febd.jpg" alt="ch">1381        1382    </div>1383</div>13841385    </div>1386</div>1387<div class="row mt-3">1388    <div class="col-12 unit-commodities">1389        1390        1391139213931394    1395        <p class="small-header pb-1">1396            Commodités de l'unité1397        </p>1398    1399    <ul class="list-unstyled d-flex flex-wrap mb-1">1400        1401            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1402                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_light.png" alt="icon" height="15px" width="15px">1403                <p class="attribute-description mb-0">Électricité</p>1404            </li>1405        1406            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1407                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="icon" height="15px" width="15px">1408                <p class="attribute-description mb-0">Eau Chaude</p>1409            </li>1410        1411            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1412                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_heat.png" alt="icon" height="15px" width="15px">1413                <p class="attribute-description mb-0">Chauffage</p>1414            </li>1415        1416            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1417                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="icon" height="15px" width="15px">1418                <p class="attribute-description mb-0">Équipe de maintenance 24h</p>1419            </li>1420        1421            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1422                <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">1423                <p class="attribute-description mb-0">Stationnement extérieur</p>1424            </li>1425        1426    </ul>142714281429    </div>1430</div>1431<div class="row mt-3">1432    <div class="col-12 unit-characteristics">1433        1434        14351436143714381439    </div>1440</div>144114421443        <div class="units-detail mt-5">1444            <h2>Unités</h2>1445            1446144714481449<div class="row" id="units-for-unit-room-36512">1450    1451    1452    <div class="col-12 h-100  ">1453        <div class="h-100 border-bottom">1454            <div class="row mt-3">1455                <div class="col-sm-6 col-md-4">1456                    <p class="small-header">unité</p>1457                    <p>1458                        1051459                        1460                        <span>&middot; 1er étage</span>1461                        1462                    </p>1463                </div>1464                <div class="col-sm-6 col-md-4">1465                    <p class="small-header">Disponibilité</p>1466                    <p class="text-primary">1467                        Libre immédiatement1468                    </p>1469                </div>1470                <div class="col-sm-6 col-md-4">1471                    <p class="small-header">À partir de</p>1472                    <p>1495,00$</p>1473                </div>1474                1475            </div>1476            <div class="row">1477            </div>1478            1479        </div>1480    </div>1481    1482    1483    1484    <div class="col-12 h-100  ">1485        <div class="h-100 border-bottom">1486            <div class="row mt-3">1487                <div class="col-sm-6 col-md-4">1488                    <p class="small-header">unité</p>1489                    <p>1490                        3181491                        1492                        <span>&middot; 3e étage</span>1493                        1494                    </p>1495                </div>1496                <div class="col-sm-6 col-md-4">1497                    <p class="small-header">Disponibilité</p>1498                    <p class="">1499                        septembre 20261500                    </p>1501                </div>1502                <div class="col-sm-6 col-md-4">1503                    <p class="small-header">À partir de</p>1504                    <p>1675,00$</p>1505                </div>1506                1507            </div>1508            <div class="row">1509            </div>1510            1511        </div>1512    </div>1513    1514    1515    1516    <div class="col-12 h-100  ">1517        <div class="h-100 border-bottom">1518            <div class="row mt-3">1519                <div class="col-sm-6 col-md-4">1520                    <p class="small-header">unité</p>1521                    <p>1522                        4011523                        1524                        <span>&middot; 4e étage</span>1525                        1526                    </p>1527                </div>1528                <div class="col-sm-6 col-md-4">1529                    <p class="small-header">Disponibilité</p>1530                    <p class="">1531                        novembre 20261532                    </p>1533                </div>1534                <div class="col-sm-6 col-md-4">1535                    <p class="small-header">À partir de</p>1536                    <p>1565,00$</p>1537                </div>1538                1539            </div>1540            <div class="row">1541            </div>1542            1543        </div>1544    </div>1545    1546    1547    1548    <div class="col-12 h-100  ">1549        <div class="h-100 border-bottom">1550            <div class="row mt-3">1551                <div class="col-sm-6 col-md-4">1552                    <p class="small-header">unité</p>1553                    <p>1554                        5141555                        1556                        <span>&middot; 5e étage</span>1557                        1558                    </p>1559                </div>1560                <div class="col-sm-6 col-md-4">1561                    <p class="small-header">Disponibilité</p>1562                    <p class="text-primary">1563                        Libre immédiatement1564                    </p>1565                </div>1566                <div class="col-sm-6 col-md-4">1567                    <p class="small-header">À partir de</p>1568                    <p>1495,00$</p>1569                </div>1570                1571            </div>1572            <div class="row">1573            </div>1574            1575        </div>1576    </div>1577    1578    1579    1580    <div class="col-12 h-100  ">1581        <div class="h-100 border-bottom">1582            <div class="row mt-3">1583                <div class="col-sm-6 col-md-4">1584                    <p class="small-header">unité</p>1585                    <p>1586                        6111587                        1588                        <span>&middot; 6e étage</span>1589                        1590                    </p>1591                </div>1592                <div class="col-sm-6 col-md-4">1593                    <p class="small-header">Disponibilité</p>1594                    <p class="">1595                        septembre 20261596                    </p>1597                </div>1598                <div class="col-sm-6 col-md-4">1599                    <p class="small-header">À partir de</p>1600                    <p>1575,00$</p>1601                </div>1602                1603            </div>1604            <div class="row">1605            </div>1606            1607        </div>1608    </div>1609    1610    1611</div>16121613        </div>1614        1615    </div>1616</div>1617                    </div>1618                    <div class="row">1619                        <div class="col-6">1620                            <h4>1621                                1622                                4½ à partir de 1495,00$1623                            1624                            </h4>1625                        </div>1626                        <div class="col-6 d-flex justify-content-end">1627                            1628                            1629                            1630                            <button1631    class="btn text-primary share-button-small"1632    data-toggle="modal"1633    data-target="#modal-share"1634    onclick="configureShareWidget(`4½ à louer - 750, rue Gingras`, `https://lafrance-mathieu.com/logement/301`)">1635    <i class="fas fa-share-square mr-1"></i>1636    <span>Partager</span>1637</button>16381639                            1640                        </div>1641                    </div>1642                    <div class="row">1643                        <div class="col-md-4">1644                            <div class="row">1645                                <div class="col-12">1646                                    16471648                                    164916501651<div class="unit-image-counter d-flex align-items-center">1652    <img class="ml-1" src="/static/images/logos/camera.png" height="14px" width="auto" alt="unit image">1653    <span class="ml-1 text-white small">8</span>1654</div>165516561657<div class="single-item-small">1658    <div class="single-item-arrow--left ml-3"></div>1659    <div class="single-item">1660        1661            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/1_bdfe446a-f08e-11f0-ae60-02cdb0c1febd.jpg" alt="cuisine 1" style="object-fit: cover" height="auto">1662        1663            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/2_bfce767a-f08e-11f0-ae60-02cdb0c1febd.jpg" alt="cuisine 1/2" style="object-fit: cover" height="auto">1664        1665            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/3_c1aafb58-f08e-11f0-ae60-02cdb0c1febd.jpg" alt="sm" style="object-fit: cover" height="auto">1666        1667            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/4_c3779fa4-f08e-11f0-ae60-02cdb0c1febd.jpg" alt="sb" style="object-fit: cover" height="auto">1668        1669            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/5_c5504cf4-f08e-11f0-ae60-02cdb0c1febd.jpg" alt="sl" style="object-fit: cover" height="auto">1670        1671            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/6_c7078972-f08e-11f0-ae60-02cdb0c1febd.jpg" alt="salon" style="object-fit: cover" height="auto">1672        1673            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/7_c8dc1326-f08e-11f0-ae60-02cdb0c1febd.jpg" alt="rang" style="object-fit: cover" height="auto">1674        1675            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/8_ca981fe8-f08e-11f0-ae60-02cdb0c1febd.jpg" alt="ch" style="object-fit: cover" height="auto">1676        1677    </div>1678    <div class="single-item-arrow--right mr-3"></div>1679</div>16801681                                    1682                                </div>1683                            </div>1684                            1685                        </div>1686                        <div class="col-md-8 mt-4 mt-md-0 d-flex flex-column">1687                            <div class="row flex-grow-1">1688                                1689                                <div class="unit-commodities unit-specs col-sm-6">1690                                    1691                                    1692169316941695    1696        <p class="small-header pb-1">1697            Commodités de l'unité1698        </p>1699    1700    <ul class="list-unstyled d-flex flex-wrap mb-1">1701        1702            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1703                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_light.png" alt="icon" height="15px" width="15px">1704                <p class="attribute-description mb-0">Électricité</p>1705            </li>1706        1707            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1708                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="icon" height="15px" width="15px">1709                <p class="attribute-description mb-0">Eau Chaude</p>1710            </li>1711        1712            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1713                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_heat.png" alt="icon" height="15px" width="15px">1714                <p class="attribute-description mb-0">Chauffage</p>1715            </li>1716        1717            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1718                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="icon" height="15px" width="15px">1719                <p class="attribute-description mb-0">Équipe de maintenance 24h</p>1720            </li>1721        1722            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1723                <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">1724                <p class="attribute-description mb-0">Stationnement extérieur</p>1725            </li>1726        1727    </ul>172817291730                                </div>1731                                1732                                1733                                <div class="unit-characteristics unit-specs mt-3 mt-sm-0 col-sm-6">1734                                    1735                                    1736173717381739    1740        <p class="small-header pb-1">1741            Caractéristiques de l'unité1742        </p>1743    1744    <ul class="list-unstyled d-flex flex-wrap mb-1">1745        1746            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1747                <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">1748                <p class="attribute-description mb-0">Chat accepté</p>1749            </li>1750        1751            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1752                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan_5d2b8d60-7ff5-11ea-8747-1275881fc0b8.png" alt="icon" height="15px" width="15px">1753                <p class="attribute-description mb-0">Balcon</p>1754            </li>1755        1756            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1757                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan_dca93cae-7ff5-11ea-b282-1275881fc0b8.png" alt="icon" height="15px" width="15px">1758                <p class="attribute-description mb-0">Entrée laveuse-sécheuse</p>1759            </li>1760        1761            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1762                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan_e4ecf7a2-7ff5-11ea-abd0-1275881fc0b8.png" alt="icon" height="15px" width="15px">1763                <p class="attribute-description mb-0">Entrée lave-vaisselle</p>1764            </li>1765        1766            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1767                <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">1768                <p class="attribute-description mb-0">Espace de rangement</p>1769            </li>1770        1771    </ul>177217731774                                </div>1775                                1776                            </div>1777                            1778                        </div>1779                    </div>1780                    <div class="row mt-3">1781                        <div class="col-md-4">1782                            <button1783                                class="inquire-room-and-scroll btn btn-outline-primary btn-block unit-detail d-none d-lg-block"1784                                data-unit_room="4½">1785                                S'informer1786                            </button>1787                            <button1788                              class="inquire-room-and-scroll btn btn-outline-primary btn-block unit-detail d-block d-lg-none"1789                              data-unit_room="4½" onclick="displayInquiryAndScroll();">1790                                S'informer1791                            </button>1792                        </div>1793                    </div>1794                    <div class="units-detail">1795                      17961797<p class="mb-0 mt-4">1798    5 1799    <span class="text-lowercase">1800        1801            Unités1802        1803    </span>1804</p>1805                        1806180718081809<div class="row" id="units-for-unit-room-36512">1810    1811    1812    <div class="col-12 h-100  ">1813        <div class="h-100 border-bottom">1814            <div class="row mt-3">1815                <div class="col-sm-6 col-md-4">1816                    <p class="small-header">unité</p>1817                    <p>1818                        1051819                        1820                        <span>&middot; 1er étage</span>1821                        1822                    </p>1823                </div>1824                <div class="col-sm-6 col-md-4">1825                    <p class="small-header">Disponibilité</p>1826                    <p class="text-primary">1827                        Libre immédiatement1828                    </p>1829                </div>1830                <div class="col-sm-6 col-md-4">1831                    <p class="small-header">À partir de</p>1832                    <p>1495,00$</p>1833                </div>1834                1835            </div>1836            <div class="row">1837            </div>1838            1839        </div>1840    </div>1841    1842    1843    1844    <div class="col-12 h-100  ">1845        <div class="h-100 border-bottom">1846            <div class="row mt-3">1847                <div class="col-sm-6 col-md-4">1848                    <p class="small-header">unité</p>1849                    <p>1850                        3181851                        1852                        <span>&middot; 3e étage</span>1853                        1854                    </p>1855                </div>1856                <div class="col-sm-6 col-md-4">1857                    <p class="small-header">Disponibilité</p>1858                    <p class="">1859                        septembre 20261860                    </p>1861                </div>1862                <div class="col-sm-6 col-md-4">1863                    <p class="small-header">À partir de</p>1864                    <p>1675,00$</p>1865                </div>1866                1867            </div>1868            <div class="row">1869            </div>1870            1871        </div>1872    </div>1873    1874    1875    1876    <div class="col-12 h-100  ">1877        <div class="h-100 border-bottom">1878            <div class="row mt-3">1879                <div class="col-sm-6 col-md-4">1880                    <p class="small-header">unité</p>1881                    <p>1882                        4011883                        1884                        <span>&middot; 4e étage</span>1885                        1886                    </p>1887                </div>1888                <div class="col-sm-6 col-md-4">1889                    <p class="small-header">Disponibilité</p>1890                    <p class="">1891                        novembre 20261892                    </p>1893                </div>1894                <div class="col-sm-6 col-md-4">1895                    <p class="small-header">À partir de</p>1896                    <p>1565,00$</p>1897                </div>1898                1899            </div>1900            <div class="row">1901            </div>1902            1903        </div>1904    </div>1905    1906    1907    1908    <div class="col-12 h-100  ">1909        <div class="h-100 border-bottom">1910            <div class="row mt-3">1911                <div class="col-sm-6 col-md-4">1912                    <p class="small-header">unité</p>1913                    <p>1914                        5141915                        1916                        <span>&middot; 5e étage</span>1917                        1918                    </p>1919                </div>1920                <div class="col-sm-6 col-md-4">1921                    <p class="small-header">Disponibilité</p>1922                    <p class="text-primary">1923                        Libre immédiatement1924                    </p>1925                </div>1926                <div class="col-sm-6 col-md-4">1927                    <p class="small-header">À partir de</p>1928                    <p>1495,00$</p>1929                </div>1930                1931            </div>1932            <div class="row">1933            </div>1934            1935        </div>1936    </div>1937    1938    1939    1940    <div class="col-12 h-100  ">1941        <div class="h-100 border-bottom">1942            <div class="row mt-3">1943                <div class="col-sm-6 col-md-4">1944                    <p class="small-header">unité</p>1945                    <p>1946                        6111947                        1948                        <span>&middot; 6e étage</span>1949                        1950                    </p>1951                </div>1952                <div class="col-sm-6 col-md-4">1953                    <p class="small-header">Disponibilité</p>1954                    <p class="">1955                        septembre 20261956                    </p>1957                </div>1958                <div class="col-sm-6 col-md-4">1959                    <p class="small-header">À partir de</p>1960                    <p>1575,00$</p>1961                </div>1962                1963            </div>1964            <div class="row">1965            </div>1966            1967        </div>1968    </div>1969    1970    1971</div>19721973                    </div>1974                    1975                </div>1976                1977            </div>1978        </div>1979    </div>1980</div>19811982<div id="modal-video" class="modal">1983    <div class="modal-dialog modal-lg" role="document">1984        <div class="modal-content">1985            <div id="modal-video-body" class="modal-body">1986            </div>1987        </div>1988    </div>1989</div>19901991<script type="text/javascript">1992    const toggleHiddenUnits = (unitRoomId) => {1993        if (unitRoomId) {1994            const hiddenUnits = document.getElementsByClassName(`hidden-unit-${unitRoomId}`);1995            for (unit of hiddenUnits) {1996                unit.classList.toggle("d-none");1997            }19981999            const seeMoreButton = document.getElementById(`see-more-units-${unitRoomId}`);2000            if (seeMoreButton.textContent === "Voir plus")2001                seeMoreButton.textContent = "Voir moins";2002            else2003                seeMoreButton.textContent = "Voir plus";2004        }2005    }20062007    const playVideo = (el) => {2008        const list = el.getElementsByTagName('video');2009        if (!list || !list.length)2010            return;20112012        const video = list[0];2013        const container = document.getElementById('modal-video-body');2014        container.appendChild(video);2015        video.play();20162017        el.classList.add('show-placeholder');20182019        $("#modal-video").modal();2020        $("#modal-video").on('hidden.bs.modal', () => {2021            el.classList.remove('show-placeholder');2022            el.insertBefore(video, el.children[0]);2023            video.currentTime = 0;2024            video.pause();2025        });2026    }20272028    function displayInquiryAndScroll() {2029        displayInquiry();2030        const form = document.getElementById("inquire-form-anchor");2031        form.scrollIntoView();2032    }2033</script>203420352036<div class="container">2037    <div class="row mt-5">2038        <div class="col-md-6">2039            <div class="row">2040                <div class="col-12">2041                    <h2>À propos de l'immeuble</h2>2042                </div>2043            </div>2044            <div class="row">2045                <div class="col-12">2046                    <p class="mb-1"><strong>Adresse</strong></p>2047                    20482049<script id="building-coordinates" type="application/json">[]</script>20502051<div id="map-container" class="footer mb-2 mt-1">2052    <div id="interactive-map" style="height: 100%;" class="rounded">2053    </div>2054</div>20552056                    <p class="mb-0">750, rue Gingras</p>2057                    <p class="mb-0">Québec, Québec</p>2058                    <p class="mb-3">G1X4C3</p>2059                    <a href="https://www.google.com/maps/search/?api=1&amp;query=%20750%20rue%20Gingras%20Quebec%20G1X4C3" target="_blank">2060                        Ouvrir sur Google Maps2061                    </a>2062                </div>2063            </div>2064            <hr>2065            <div class="row">2066                <div class="col-12">2067                    <p><strong>Plus d'informations</strong></p>2068                    <div class="row">2069                        2070                        <div class="col-md-4">2071                            <p class="subtext">Nombre d'étages</p>2072                            <p class="d-md-none">2073                                2074                                6 étage(s)2075                                2076                            </p>2077                        </div>2078                        2079                        <div class="col-md-4">2080                            <p class="subtext">Nombre total d'unités</p>2081                            <p class="d-md-none">2082                                2083                            120 unités2084                        2085                            </p>2086                        </div>2087                        2088                        <div class="col-md-4">2089                            <p class="subtext">Année de construction</p>2090                            <p class="d-md-none">1982</p>2091                        </div>2092                        2093                    </div>2094                    <div class="row mb-3 d-none d-md-flex">2095                        2096                        <div class="col-md-4">2097                            <p class="">2098                                2099                                6 étage(s)2100                                2101                            </p>2102                        </div>2103                        2104                        <div class="col-md-4">2105                            <p class="">2106                                2107                            120 unités2108                        2109                            </p>2110                        </div>2111                        2112                        <div class="col-md-4">2113                            <p class="">1982</p>2114                        </div>2115                        2116                    </div>2117                    2118                </div>2119            </div>2120            2121            <hr>2122            <div class="row">2123                <div class="col-12">2124                    <p><strong>Commodités de l'immeuble</strong></p>2125                    <div class="row">2126                        <div class="col-12">2127                            2128212921302131    2132    <ul class="list-unstyled d-flex flex-wrap mb-1">2133        2134            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">2135                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">2136                <p class="attribute-description mb-0">Intercom</p>2137            </li>2138        2139            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">2140                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">2141                <p class="attribute-description mb-0">Équipe de maintenance 24h</p>2142            </li>2143        2144            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">2145                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">2146                <p class="attribute-description mb-0">Stationnement</p>2147            </li>2148        2149            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">2150                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">2151                <p class="attribute-description mb-0">Insonorisation supérieure</p>2152            </li>2153        2154            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">2155                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">2156                <p class="attribute-description mb-0">Piscine</p>2157            </li>2158        2159            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">2160                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">2161                <p class="attribute-description mb-0">Planchers en béton</p>2162            </li>2163        2164            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">2165                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">2166                <p class="attribute-description mb-0">Secteur paisible</p>2167            </li>2168        2169            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">2170                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">2171                <p class="attribute-description mb-0">Ascenseur</p>2172            </li>2173        2174            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">2175                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">2176                <p class="attribute-description mb-0">Salle d&#x27;entrainement</p>2177            </li>2178        2179    </ul>218021812182                        </div>2183                    </div>2184                </div>2185            </div>2186            2187            2188            <hr>2189            <div class="row">2190                <div class="col-12">2191                    <p><strong>Frais additionnels</strong></p>2192                    <div class="row">2193                        <div class="col-12">2194                            2195219621972198    2199    <ul class="list-unstyled d-flex flex-wrap mb-1">2200        2201            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">2202                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">2203                <p class="attribute-description mb-0">Stationnement intérieur</p>2204            </li>2205        2206            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">2207                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">2208                <p class="attribute-description mb-0">Stationnement supplémentaire</p>2209            </li>2210        2211    </ul>221222132214                        </div>2215                    </div>2216                </div>2217            </div>2218            2219            2220            <hr>2221            <div class="row">2222                <div class="col-12">2223                    <p><strong>Accès et services</strong></p>2224                    <div class="row">2225                        <div class="col-12">2226                            2227222822292230    2231    <ul class="list-unstyled d-flex flex-wrap mb-1">2232        2233            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">2234                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">2235                <p class="attribute-description mb-0">École</p>2236            </li>2237        2238            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">2239                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">2240                <p class="attribute-description mb-0">Épicerie</p>2241            </li>2242        2243            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">2244                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">2245                <p class="attribute-description mb-0">Commerces</p>2246            </li>2247        2248            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">2249                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">2250                <p class="attribute-description mb-0">Accès facile aux autoroutes</p>2251            </li>2252        2253            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">2254                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">2255                <p class="attribute-description mb-0">Service d&#x27;autobus</p>2256            </li>2257        2258            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">2259                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">2260                <p class="attribute-description mb-0">Près d&#x27;une piste cyclable</p>2261            </li>2262        2263            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">2264                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">2265                <p class="attribute-description mb-0">Dépanneur</p>2266            </li>2267        2268            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">2269                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">2270                <p class="attribute-description mb-0">Garderies</p>2271            </li>2272        2273            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">2274                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">2275                <p class="attribute-description mb-0">Clinique médicale</p>2276            </li>2277        2278            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">2279                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">2280                <p class="attribute-description mb-0">Banque</p>2281            </li>2282        2283            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">2284                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">2285                <p class="attribute-description mb-0">Parc</p>2286            </li>2287        2288            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">2289                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">2290                <p class="attribute-description mb-0">Près d&#x27;un Cégep</p>2291            </li>2292        2293    </ul>229422952296                        </div>2297                    </div>2298                </div>2299            </div>2300            2301        </div>2302        2303        <div class="offset-lg-1 col-lg-5 col-md-6 mt-4 mt-md-0">2304            <div class="shadow">2305                <img 2306                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/photo-Place-ste-foy-01_3c5c9397-5056-a36a-072cdccbffa30859.jpg"2307                    alt="Borough image"2308                    width="100%"2309                    height="200px"2310                    class="object-fit-cover">2311                <div class="row p-4">2312                    <div class="col-12">2313                        <p class="small-header">À propos du quartier</p>2314                        <h3>Ste-Foy</h3>2315                        <p>L’arrondissement Sainte-Foy est souvent considéré comme la porte d&#x27;entrée de Québec en raison de la présence du pont de Québec et du pont Pierre-Laporte.</p>2316                        <p>Avec ses centres commerciaux, hôtels, maisons d’enseignement et établissements de santé, l’arrondissement tient également un rôle de premier plan en matière d’emploi. Les passionnés de plein-air apprécieront les nombreux points d’accès au fleuve Saint-Laurent (marche, randonnée, activités nautiques et vélo), de même que plusieurs aménagements récréotouristiques.</p>2317                        <a href="/louer-appartement-quebec/ste-foy">2318                            2319                  Voir les appartements à Ste-Foy2320                  2321                        </a>2322                    </div>2323                </div>2324            </div>2325        </div>2326        2327    </div>2328    <div class="row">2329        <div class="col-12">2330            2331233223332334    <div class="row mt-5 ">2335        <h2 class="col-12 text-center mb-4 text-primary">Nos logements en vedette</h2>2336        <div class="col-12 mb-3">2337            233823392340<div class="row">2341    2342    <a 2343        href="/logement/312"2344        class="appartments card border-white col-sm-6 mb-4 col-md-4  "2345        data-type="3"2346        data-borough="10"2347    >2348        2349235023512352<script>2353    function displayNowAvailableBubble(buildingId) {2354        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2355        nowAvailableBubble.classList.remove("d-none");2356    }2357</script>23582359<div class="row">2360    2361    2362    2363    <img src alt="" onerror="displayNowAvailableBubble(312 + '-recommendation');"></img>2364    2365    2366    2367    2368    <div class="now-available-bubble d-none" id="now-available-bubble-312-recommendation">2369        <p class="text-white m-0">En vedette</p>2370    </div>2371    2372    2373    <div class="col-6 apartment-col">2374        <div class="row">2375            <div class="col-12 pr-0">2376                2377                <img 2378                    class="rounded-left apartment-image" 2379                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/CUISINE_2_a8e2db9c-5811-11f0-8a5b-0e9b4be91035.jpg"2380                    alt="unit image"2381                    width=100%2382                    height=232px2383                />2384                2385            </div>2386        </div>2387    </div>2388    2389    2390    <div class="col-6 apartment-col">2391        <div class="row">2392            <div class="col-12 pl-0">2393                <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"2394                   alt="unit image" width="100%" height="116px">2395            </div>2396        </div>2397        2398        <div class="row">2399            <div class="col-12 pl-0">2400                <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"2401                    alt="unit image" width=100% height=116px>2402            </div>2403        </div>2404        2405    </div>2406    2407    2408    2409</div>24102411        2412241324142415<div class="row mt-4">2416    <div class="col-12">2417        <div class="card-body p-0 text-left">2418            <h5 class="apartment-borough">Appartements &middot; Lebourgneuf</h5>2419            <p class="apartment-address mb-1">5900 boul. St-Jacques</p>2420            2421                2422                    <div class="row">2423                        <div class="col-7">2424                            <p class="apartment-infos mb-0">2425                                2426                                    4½ à partir de 1595$2427                                2428                            </p>2429                            <p class="apartment-availability footnotes">2430                                octobre 20262431                            </p>2432                        </div>2433                        <div class="col-5 text-right">2434                            2435                                2436                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2437                                2438                            2439                                2440                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_ac.png" alt="Climatiseur" height=18px width=18px>2441                                2442                            2443                                2444                                    <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>2445                                2446                            2447                            2448                        </div>2449                    </div>2450                2451            2452            2453        </div>2454    </div>2455</div>24562457    </a>2458    2459    <a 2460        href="/logement/18"2461        class="appartments card border-white col-sm-6 mb-4 col-md-4  "2462        data-type="3"2463        data-borough="3"2464    >2465        2466246724682469<script>2470    function displayNowAvailableBubble(buildingId) {2471        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2472        nowAvailableBubble.classList.remove("d-none");2473    }2474</script>24752476<div class="row">2477    2478    2479    2480    <img src alt="" onerror="displayNowAvailableBubble(18 + '-recommendation');"></img>2481    2482    2483    2484    2485    <div class="now-available-bubble d-none" id="now-available-bubble-18-recommendation">2486        <p class="text-white m-0">En vedette</p>2487    </div>2488    2489    2490    <div class="col-6 apartment-col">2491        <div class="row">2492            <div class="col-12 pr-0">2493                2494                <img 2495                    class="rounded-left apartment-image" 2496                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PDP_3_bf11e94e-3f15-11f1-9a87-12e0191876fd.jpg"2497                    alt="unit image"2498                    width=100%2499                    height=232px2500                />2501                2502            </div>2503        </div>2504    </div>2505    2506    2507    <div class="col-6 apartment-col">2508        <div class="row">2509            <div class="col-12 pl-0">2510                <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"2511                   alt="unit image" width="100%" height="116px">2512            </div>2513        </div>2514        2515        <div class="row">2516            <div class="col-12 pl-0">2517                <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"2518                    alt="unit image" width=100% height=116px>2519            </div>2520        </div>2521        2522    </div>2523    2524    2525    2526</div>25272528        2529253025312532<div class="row mt-4">2533    <div class="col-12">2534        <div class="card-body p-0 text-left">2535            <h5 class="apartment-borough">Appartements &middot; Beauport</h5>2536            <p class="apartment-address mb-1">555, avenue du Fleuve</p>2537            2538                2539                    <div class="row">2540                        <div class="col-7">2541                            <p class="apartment-infos mb-0">2542                                2543                                    1½ à partir de 799$2544                                2545                            </p>2546                            <p class="apartment-availability footnotes">2547                                Libre immédiatement2548                            </p>2549                        </div>2550                        <div class="col-5 text-right">2551                            2552                                2553                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_light.png" alt="Électricité" height=18px width=18px>2554                                2555                            2556                                2557                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="Eau Chaude" height=18px width=18px>2558                                2559                            2560                                2561                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_heat.png" alt="Chauffage" height=18px width=18px>2562                                2563                            2564                                2565                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2566                                2567                            2568                                2569                            2570                                2571                            2572                            2573                                <p class="footnotes d-inline"> +2</p>2574                            2575                        </div>2576                    </div>2577                2578            2579            2580        </div>2581    </div>2582</div>25832584    </a>2585    2586    <a 2587        href="/logement/160"2588        class="appartments card border-white col-sm-6 mb-4 col-md-4  "2589        data-type="3"2590        data-borough="6"2591    >2592        2593259425952596<script>2597    function displayNowAvailableBubble(buildingId) {2598        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2599        nowAvailableBubble.classList.remove("d-none");2600    }2601</script>26022603<div class="row">2604    2605    2606    2607    <img src alt="" onerror="displayNowAvailableBubble(160 + '-recommendation');"></img>2608    2609    2610    2611    2612    <div class="now-available-bubble d-none" id="now-available-bubble-160-recommendation">2613        <p class="text-white m-0">En vedette</p>2614    </div>2615    2616    2617    <div class="col-6 apartment-col">2618        <div class="row">2619            <div class="col-12 pr-0">2620                2621                <img 2622                    class="rounded-left apartment-image" 2623                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD1_54749d22-bfa3-11ea-9b14-0e226705be53.jpg"2624                    alt="unit image"2625                    width=100%2626                    height=232px2627                />2628                2629            </div>2630        </div>2631    </div>2632    2633    2634    <div class="col-6 apartment-col">2635        <div class="row">2636            <div class="col-12 pl-0">2637                <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"2638                   alt="unit image" width="100%" height="116px">2639            </div>2640        </div>2641        2642        <div class="row">2643            <div class="col-12 pl-0">2644                <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"2645                    alt="unit image" width=100% height=116px>2646            </div>2647        </div>2648        2649    </div>2650    2651    2652    2653</div>26542655        2656265726582659<div class="row mt-4">2660    <div class="col-12">2661        <div class="card-body p-0 text-left">2662            <h5 class="apartment-borough">Appartements &middot; Neufchatel</h5>2663            <p class="apartment-address mb-1">1573, rue Pierre-Corneille</p>2664            2665                2666                    <div class="row">2667                        <div class="col-7">2668                            <p class="apartment-infos mb-0">2669                                2670                                    4½ à partir de 1250$2671                                2672                            </p>2673                            <p class="apartment-availability footnotes">2674                                Libre immédiatement2675                            </p>2676                        </div>2677                        <div class="col-5 text-right">2678                            2679                                2680                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="Eau Chaude" height=18px width=18px>2681                                2682                            2683                                2684                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2685                                2686                            2687                                2688                                    <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>2689                                2690                            2691                                2692                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_appliances_alt.png" alt="Lave-vaisselle" height=18px width=18px>2693                                2694                            2695                            2696                        </div>2697                    </div>2698                2699            2700            2701        </div>2702    </div>2703</div>27042705    </a>2706    2707</div>27082709        </div>2710        2711    </div>271227132714        </div>2715    </div>2716</div>2717<div class="bg-primary py-5 mt-5">2718    <div class="container">2719        <div class="row justify-content-center">2720            <div class="col-sm-8 col-md-5 col-lg-11 d-flex flex-column align-items-center">2721                <h1 class="text-white text-center small-title">Ce logement vous intéresse? Contactez-nous!</h1>2722                <a href="#building-address-1" class="btn btn-dark border-white d-none d-lg-block">Nous joindre</a>2723                <a href="/nous-joindre" class="btn btn-dark border-white d-block d-lg-none">Nous joindre</a>2724            </div>2725        </div>2726    </div>2727</div>2728<div id="modal-inquire" class="modal">2729    2730273127322733<div class="inquire-step-1 container p-0 mb-5 position-relative">2734    <div id="inquire-step-1" style="position: absolute; top: -134px;"></div>2735    <h2 class="mb-4" style="font-size: 1.6rem;">S'informer sur ce logement</h2>2736    <p>418-626-3070</p>2737    <p class="text-primary"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="d5b9bab6b4a1bcbabb95b9b4b3a7b4bbb6b0f8b8b4a1bdbcb0a0fbb6bab8">[email&#160;protected]</a></p>2738    <p class="mb-4">Dites-nous quelles unités vous intéressent ainsi que votre date de déménagement prévue.</p>2739    <p class="text-gray-light">Intéressé par ces unités</p>27402741    <div class="d-inline-flex flex-wrap">2742        2743        2744        <button2745            class="inquire-room btn btn-normal mb-3"2746            data-unit_room="4½"2747            data-toggle="button"2748        >27492750        </button>2751        2752        2753    </div>27542755    <div class="dropdown mb-4">2756        <div class="dropdown-toggle inquire-units-button rounded p-3 text-left" type="button"2757            id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">2758            <p class="inquire-units-label-title text-uppercase mb-0">2759                Unité(s) spécifique(s)2760            </p>2761            <p id="inquire-units-label-noselected" class="inquire-units-label-selection m-0">2762                Aucune choisie2763            </p>2764            <p id="inquire-units-label-selected" class="inquire-units-label-selection d-none m-0"></p>2765        </div>2766        <div class="dropdown-menu inquire-units-choices rounded border-gray-very-light" aria-labelledby="dropdownMenuButton">2767            2768            2769            <button class="inquire-units-choice dropdown-item" data-unit="105"2770                data-unit_room="4½">2771                1052772            </button>2773            2774            <button class="inquire-units-choice dropdown-item" data-unit="318"2775                data-unit_room="4½">2776                3182777            </button>2778            2779            <button class="inquire-units-choice dropdown-item" data-unit="401"2780                data-unit_room="4½">2781                4012782            </button>2783            2784            <button class="inquire-units-choice dropdown-item" data-unit="514"2785                data-unit_room="4½">2786                5142787            </button>2788            2789            <button class="inquire-units-choice dropdown-item" data-unit="611"2790                data-unit_room="4½">2791                6112792            </button>2793            2794            2795        </div>2796    </div>279727982799    <p class="text-gray-light">Date de déménagement prévue</p>2800    <div id="inquire-datepicker" class="input-group date mt-1">2801        <input id="inquire-datepicker-input" class="form-control" onfocus="blur();" placeholder="Sélectionner une date">2802        <div class="input-group-addon">2803            <span class="glyphicon glyphicon-th"></span>2804        </div>2805    </div>2806</div>28072808<div class="inquire-step-2 container p-0 mb-5 d-none position-relative">2809    <div id="inquire-step-2" style="position: absolute; top: -134px;"></div>2810    <h2 class="my-4" style="font-size: 1.6rem;">Comment peut-on vous rejoindre?</h2>2811    <p>Inscrivez vos coordonnées afin que notre équipe puisse vous rejoindre et vous conseiller.</p>2812    <form id="inquire-form">2813        <div class="form-group">2814            <input name="firstName" type="text" class="form-control" id="inquireForm-firstName"2815                placeholder="Prénom"></input>2816        </div>2817        <div class="form-group">2818            <input name="lastName" type="text" class="form-control" id="inquireForm-lastName"2819                placeholder="Nom de famille"></input>2820        </div>2821        <div class="form-group">2822            <select name="contactMethod" class="form-control" id="inquireForm-contactMethod">2823                <option id="email" value="email" selected>Courriel</option>2824                <option id="phone" value="phone">Téléphone</option>2825            </select>2826        </div>2827        <div id="inquireForm-contact-email" class="form-group">2828            <input name="contactEmail" type="email" class="form-control" id="inquireForm-email"2829                placeholder="Adresse courriel"></input>2830        </div>2831        <div id="inquireForm-contact-phone" class="form-group d-none">2832            <input name="contactPhone" type="tel" class="form-control" id="inquireForm-phone"2833                placeholder="Numéro de téléphone"></input>2834        </div>2835        <div class="form-group">2836            <textarea name="comments" type="text" class="form-control" id="inquireForm-comments"2837                placeholder="Questions ou notes"></textarea>2838        </div>2839        <div id="g-recaptcha-error"></div>2840        <div class="mb-3 g-recaptcha" data-sitekey="6LdkNyIpAAAAAD7KhL3DhvgxSocY-78gAmvXBzoe" data-callback="verifyCaptcha"></div>2841    </form>2842</div>28432844<div class="inquire-step-3 d-none position-relative">2845    <div id="inquire-confirmation" style="position: absolute; top: -134px;"></div>2846    <img class="mt-4" src="/static/images/logos/sansfond_horizontal_noir.png" alt="L&M Logo" width="auto"2847        height="66px">2848    <h2 class="my-4" style="font-size: 1.6rem;">Votre demande a été envoyée à l’équipe de Lafrance et Mathieu.</h2>2849    <p>Nous répondons à toutes les demandes dans un délai de 24 à 48 heures (jours ouvrables).</p>2850</div>28512852<button id="inquire-btn-1" class="inquire-continue inquire-step-1 btn btn-primary w-100" disabled onclick="scrollToTopOfForm();">2853    Continuer2854</button>2855<button id="inquire-btn-2" class="inquire-submit inquire-step-2 btn btn-primary w-100 d-none" onclick="submitForm();" disabled>2856    Soumettre2857</button>2858<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>2859    var recaptcha_response = '';2860    window.isCondo = "False" == "True";2861    document.getElementById("inquire-datepicker-input").value = "";2862    2863    function scrollToTopOfForm() {2864        const top = document.getElementById("inquire-step-1");2865        top.scrollIntoView();2866    }2867    function submitForm() {2868        if (recaptcha_response && recaptcha_response.length !== 0 && recaptcha_response !== ''){2869            onContinue2Click('EveApcCfnfqN4wsGz7QwCr4extfE3JIwgewhH08Q3tFjTPEHLipQYOT2kzBpyK0T');2870            const confirmation = document.getElementById("inquire-confirmation");2871            confirmation.scrollIntoView();2872        }2873        else {2874            document.getElementById('g-recaptcha-error').innerHTML = '<span style="color:red;">Ceci est obligatoire.</span>';2875        }2876    }28772878    function verifyCaptcha(token) {2879        recaptcha_response = token;2880        document.getElementById('g-recaptcha-error').innerHTML = '';2881    }2882</script>28832884</div>2885288628872888<div id="modal-share" class="modal">2889    <div class="modal-dialog h-75 d-flex justify-content-center align-items-center" role="document">2890        <div class="modal-content">2891            <div class="modal-body">2892                Partager ce logement2893                <div id="share-widget-container" class="d-flex justify-content-center"></div>2894            </div>2895        </div>2896    </div>2897</div>289828992900<script src="/static/js/share.js" defer></script>29012902290329042905            </main>2906            <footer>2907                290829092910<div class="footer row m-0 p-5 justify-content-center bg-black">2911    <div class="container m-0">2912        <div class="row mb-3">2913            <img src="/static/images/logos/sansfond_horizontal_blanc.png" alt="L&M Logo" width="auto"2914                height="80px" class="footer-logo">2915        </div>2916        <div class="row">2917            <div class="col-12 col-sm-6 col-md-3 mb-4 mb-md-0 p-0 pr-sm-4 d-flex flex-column">2918                <p class="footer-title mb-2">Contactez-nous</p>2919                <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>2920                <a href="tel:14186265500" class="mb-3 d-flex align-items-center">2921                    <img src=/static/images/icons/call.svg alt="phone icon" class="footer-icon mr-3" />2922                    <span class="footer-phone">418 626-5500</span>2923                </a>2924                <a href="/cdn-cgi/l/email-protection#b4dddad2dbf4d8d5d2c6d5dad7d199d9d5c0dcddd1c19ad7dbd9" target="_blank" class="mb-3 d-flex align-items-center">2925                    <img src=/static/images/icons/email.svg alt="email icon" class="footer-icon mr-3" />2926                    <span><span class="__cf_email__" data-cfemail="b1d8dfd7def1ddd0d7c3d0dfd2d49cdcd0c5d9d8d4c49fd2dedc">[email&#160;protected]</span></span>2927                </a>2928                <a href="https://g.page/Lafrance-Mathieu?share" target="_blank" class="mb-4 d-flex align-items-center">2929                    1220 Boulevard Lebourgneuf<br>Québec, QC G2K 2G42930                </a>2931                <p class="footer-title mb-2">Suivez-nous sur les réseaux</p>2932                <div class="d-flex">2933                    <a href="https://ca.linkedin.com/company/gestion-immobilière-lafrance-et-mathieu-inc">2934                        <img src=/static/images/icons/linkedin.svg alt="linkedin icon"2935                            class="footer-social-icon mr-3" />2936                    </a>2937                    <a href="https://fr-ca.facebook.com/lafrance.mathieu">2938                        <img src=/static/images/icons/facebook.svg alt="facebook icon"2939                            class="footer-social-icon" />2940                    </a>2941                </div>2942            </div>2943            <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">2944                <p class="footer-title mb-2">Soutien aux résidents (24/7)</p>2945                <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>2946                <a href="tel:14186265500" class="mb-3 d-flex align-items-center">2947                    <img src=/static/images/icons/call.svg alt="phone icon" class="footer-icon mr-3" />2948                    <span class="footer-phone">418-626-5500</span>2949                </a>2950                <a href="https://espace-client.lafrance-mathieu.com" target="_blank" class="d-flex align-items-center mb-3">2951                    <img src=/static/images/icons/ticket.svg alt="client space icon" class="footer-icon mr-3" />2952                    <span>Se connecter à l’Espace client</span>2953                </a>2954                <a href="https://doma.lafrance-mathieu.com:444/DocRoom/Auth/Login.aspx" target="_blank" class="d-flex align-items-center">2955                    <img src=/static/images/icons/ticket.svg alt="intranet icon" class="footer-icon mr-3" />2956                    <span>Se connecter à Sensaas</span>2957                </a>2958            </div>2959            <div class="col-10 col-sm-6 col-md-3 mb-4 mb-md-0 p-0 pr-sm-4 px-md-4">2960                <ul class="navbar-nav">2961                    2962                    29632964<li class="nav-item  ">2965    <a class="nav-link py-0 footer-main-navigation mb-3"2966        href="/">Accueil</a>2967    <hr class="my-1 border-gray-medium d-none">2968</li>296929702971                    2972                    29732974<li class="nav-item  ">2975    <a class="nav-link py-0 footer-main-navigation mb-3"2976        href="/services-de-gestion-immobiliere">Services de gestion <br class='nav-item-translation'>immobilière</a>2977    <hr class="my-1 border-gray-medium d-none">2978</li>297929802981                    2982                    29832984<li class="nav-item  ">2985    <a class="nav-link py-0 footer-main-navigation mb-3"2986        href="/louer-appartement-quebec/">Logements <br class='nav-item-translation'>à louer</a>2987    <hr class="my-1 border-gray-medium d-none">2988</li>298929902991                    2992                    29932994<li class="nav-item  ">2995    <a class="nav-link py-0 footer-main-navigation mb-3"2996        href="/commercial/">Espaces <br class='nav-item-translation'>commerciaux</a>2997    <hr class="my-1 border-gray-medium d-none">2998</li>299930003001                    3002                    30033004<li class="nav-item  ">3005    <a class="nav-link py-0 footer-main-navigation mb-3"3006        href="/espace-client/">Découvrez <br class='nav-item-translation'>l'Espace client</a>3007    <hr class="my-1 border-gray-medium d-none">3008</li>300930103011                    3012                    30133014<li class="nav-item  ">3015    <a class="nav-link py-0 footer-main-navigation mb-3"3016        href="/qui-sommes-nous/">À propos de <br class='nav-item-translation'>Lafrance & Mathieu</a>3017    <hr class="my-1 border-gray-medium d-none">3018</li>301930203021                    3022                </ul>3023            </div>3024            <div class="col-10 col-sm-6 col-md-3 p-0 pl-sm-4">3025                <ul class="navbar-nav">3026                    3027                    30283029<li class="nav-item  ">3030    <a class="nav-link py-0 footer-main-navigation mb-3"3031        href="/nous-joindre/">Nous <br class='nav-item-translation'>contacter</a>3032    <hr class="my-1 border-gray-medium d-none">3033</li>303430353036                    3037                    30383039<li class="nav-item  ">3040    <a class="nav-link py-0 footer-main-navigation mb-3"3041        href="/blog">Blogue</a>3042    <hr class="my-1 border-gray-medium d-none">3043</li>304430453046                    3047                    30483049<li class="nav-item  ">3050    <a class="nav-link py-0 footer-main-navigation mb-3"3051        href="/faire-carriere/">Carrières</a>3052    <hr class="my-1 border-gray-medium d-none">3053</li>305430553056                    3057                </ul>3058            </div>3059        </div>3060    </div>3061</div>30623063306430653066<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">3067    <div class="d-flex justify-content-center">3068        <ul class="list-inline mb-1">3069            3070            <li class="list-inline-item">3071                <a href=/conditions-utilisation>3072                    Conditions d'utilisation3073                </a>3074            </li>3075            3076            3077            <li class="list-inline-item">3078                <a href=/politique-confidentialite>3079                    Politique de confidentialité3080                </a>3081            </li>3082            3083            3084            <li class="list-inline-item">3085                <a href=/protection-renseignements-personnels>3086                    Protection des renseignements personnels3087                </a>3088            </li>3089            3090            3091            <li class="list-inline-item">3092                <a href=/temoins-navigation>3093                    Gérer vos témoins de navigation3094                </a>3095            </li>3096            3097        </ul>3098    </div>3099    <div class="d-flex justify-content-center">3100        <p class="">© Gestion immobilière Lafrance & Mathieu</p>3101    </div>3102</div>31033104            </footer>3105        31063107<!-- Cookie Banner -->3108<div id="gilm-cookie-banner" class="alert alert-dark hidden" role="alert">3109    <div class="gilm-cookie-banner-container">3110        <div class="gilm-cookie-banner-text">3111            <p>3112                Nous utilisons les témoins de navigation (cookies) afin de mesurer et d’améliorer l’efficacité de nos3113                sites3114                Web3115                ou de rehausser l’expérience client. En utilisant notre site Web, vous consentez à l’utilisation de3116                témoins,3117                comme l’explique notre <a href=/protection-renseignements-personnels> protection des3118                renseignements personnels</a>. Si vous n'êtes pas à l'aise avec3119                l'utilisation3120                de ces informations, veuillez revoir vos paramètres avant de poursuivre votre visite.3121            </p>3122            <p class="d-sm-none">3123                <a href=/temoins-navigation>3124                    Gérer vos témoins de navigation3125                </a>3126                <br/>3127                <a href=/politique-confidentialite>3128                    Politique de confidentialité3129                </a>3130                <br/>3131                <a href=/conditions-utilisation>3132                    Conditions d'utilisation3133                </a>3134            </p>3135            <p class="d-none d-sm-block">3136                <a href=/temoins-navigation>3137                    Gérer vos témoins de navigation3138                </a>3139                -3140                <a href=/politique-confidentialite>3141                    Politique de confidentialité3142                </a>3143                -3144                <a href=/conditions-utilisation>3145                    Conditions d'utilisation3146                </a>3147            </p>3148        </div>3149        <button type="button" class="gilm-cookie-banner-button btn btn-primary btn-sm ms-3"3150                onclick="window.gilm_hideCookieBanner()">3151            <img src=/static/images/icons/close.svg alt="closing icon" class="close-icon"/>3152        </button>3153    </div>3154</div>3155<!-- End of Cookie Banner -->3156        </div>3157        <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">3158        </script>3159        <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js" integrity="sha256-eGE6blurk5sHj+rmkfsGYeKyZx3M4bG+ZlFyA7Kns7E=" crossorigin="anonymous">3160        </script>3161        <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js" crossorigin="anonymous"></script>3162        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous">3163        </script>3164        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous">3165        </script>3166        <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js">3167        </script>3168        <script type="text/javascript" src="/static/js/carousel.js">3169        </script>3170        <script type="text/javascript" src="/static/js/cookie_banner.js">3171        </script>3172        <script id="search-script" type="text/javascript" src="/static/js/search.js">3173        </script>3174        <script type="text/javascript" src="/static/js/jssocials.min.js">3175        </script>3176        <script src="https://unpkg.com/leaflet@1.5.1/dist/leaflet.js" integrity="sha512-GffPMF3RvMeYyc1LWMHtK8EbPv0iNZ8/oTtHPx9/cc2ILxQ+u905qIwdpULaqDkyBKgOaB57QTMg7ztg8Jm2Og==" crossorigin="">3177        </script>3178        <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">3179        </script>3180        <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">3181        </script>3182        <script async src="https://www.googletagmanager.com/gtag/js?id=UA-20687227-3"></script>3183        <script>3184            window.dataLayer = window.dataLayer || [];31853186            function gtag() {3187                dataLayer.push(arguments);3188            }3189            gtag('js', new Date());3190            gtag('config', 'UA-20687227-3');3191        </script>3192        3193<script src="/static/js/inquire.js"></script>3194<script src="/static/js/leaflet.js" is-building-details="true"></script>31953196        3197    </body>31983199    </html>3200