SPB Git

spb/lou-ka Public

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

HTML 99.7%
62.9 KB · 992 lines html
Raw Blame History
1<!DOCTYPE html>2<html>3<head>4        <script type="text/javascript">window.gdprAppliesGlobally = false;5        (function () {6            (function (e, r) {7                var t = document.createElement("link");8                t.rel = "preconnect";9                t.as = "script";10                var n = document.createElement("link");11                n.rel = "dns-prefetch";12                n.as = "script";13                var i = document.createElement("link");14                i.rel = "preload";15                i.as = "script";16                var o = document.createElement("script");17                o.id = "spcloader";18                o.type = "text/javascript";19                o["async"] = true;20                o.charset = "utf-8";21                var a = "https://sdk.privacy-center.org/" + e + "/loader.js?target_type=notice&target=" + r;22                if (window.didomiConfig && window.didomiConfig.user) {23                    var c = window.didomiConfig.user;24                    var s = c.country;25                    var d = c.region;26                    if (s) {27                        a = a + "&country=" + s;28                        if (d) {29                            a = a + "&region=" + d30                        }31                    }32                }33                t.href = "https://sdk.privacy-center.org/";34                n.href = "https://sdk.privacy-center.org/";35                i.href = a;36                o.src = a;37                var p = document.getElementsByTagName("script")[0];38                p.parentNode.insertBefore(t, p);39                p.parentNode.insertBefore(n, p);40                p.parentNode.insertBefore(i, p);41                p.parentNode.insertBefore(o, p)42            })("907dfbb4-10b5-4cba-b646-9c0180e7b693", "UFJWVrrF")43        })();</script>44    45    <meta charset="UTF-8"/>46    <meta http-equiv="X-UA-Compatible" content="IE=edge">47    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">48    <link rel="icon" href="/build/images/favicon/favicon-32x32.png" sizes="32x32"/>49    <link rel="icon" href="/build/images/favicon/favicon-32x32.png" sizes="192x192"/>50    <link rel="apple-touch-icon-precomposed" href="/build/images/favicon/favicon-32x32.png"/>51    <link rel="manifest" href="/build/images/favicon/manifest.json">52    <meta name="msapplication-TileColor" content="#ffffff">53    <meta name="msapplication-TileImage" content="/build/images/favicon/ms-icon-144x144.png">54    <meta name="theme-color" content="#ffffff">55    <title>Appartement - Beauport - Le 2910 Canardière #2910 - 34 - 4½</title>56        <!-- PLUGINS CSS -->57<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Roboto+Slab:400,700|Material+Icons">58<link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.4/dist/leaflet.css" integrity="sha512-puBpdR0798OZvTTbP4A8Ix/l+A4dHDD0DGqYW6RQ+9jxkRFclaxxQb/SJAWZfWAkuyeQUytO7+7N4QKrDh+drA==" crossorigin="" defer="true" async="true"/>59<link href="https://unpkg.com/gijgo@1.9.11/css/gijgo.min.css" rel="stylesheet" type="text/css" defer="true" async="true" />6061<!-- CUSTOM CSS -->62<link rel="stylesheet" href="/build/js/app.css?v=1.6">6364<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/bs4/dt-1.10.18/b-1.5.6/b-print-1.5.6/datatables.min.css" defer="true" async="true"/>6566        <meta name="keywords" content="logements, logement, appartements, appartement, location, à, louer, Beauport, Le 2910 Canardière, Québec, 4½, Laberge, immeubles"/>67    <meta name="descriptions" content="Logements à louer dans la région de Québec ou de Montréal. Faites confiance au Groupe Laberge."/>68    69    <!-- Google Tag Manager -->70    <script>(function (w, d, s, l, i) {71            w[l] = w[l] || [];72            w[l].push({73                'gtm.start':74                    new Date().getTime(), event: 'gtm.js'75            });76            var f = d.getElementsByTagName(s)[0],77                j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';78            j.async = true;79            j.src =80                'https://www.googletagmanager.com/gtm.js?id=' + i + dl;81            f.parentNode.insertBefore(j, f);82        })(window, document, 'script', 'dataLayer', 'GTM-P28KZGF');</script>83    <!-- End Google Tag Manager -->84</head>85<body >86<!-- Google Tag Manager (noscript) -->87<noscript>88    <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P28KZGF" height="0" width="0" style="display:none;visibility:hidden"></iframe>89</noscript>90<!-- End Google Tag Manager (noscript) -->91            <header class="bg-white pb-1 fixed-top main-header" >92<div class="container">93    <div class="row d-flex justify-content-between" style="position: relative">94        <div class="col-auto pt-1">95            <a href="/" class="d-none d-xl-block"><img class="logo-header" width="185" height="auto"96                                                       src="/build/images/logo_laberge.png" alt="Laberge"></a>97            <a href="/" class="d-block d-xl-none"><img class="logo-header" width="185" height="auto"98                                                       src="/build/images/logo_laberge_mobile.png"99                                                       alt="Laberge"></a>100        </div>101        <div class="col-12 col-xl-8 is-hidden-on-mobile bg-white font-weight-bold" id="menu-header">102            <div class="row d-flex flex-column flex-xl-row flex-xl-wrap flex-nowrap h-100">103                <div class=" order-last order-xl-first col secondary-navigation-wrapper mt-3 mt-xl-0">104                    <nav id="secondary-navigation">105                        <ul class="row d-flex bg-white text-white mx-xl-0">106                            <li class="col flex-grow-2 px-0 order-4"><a107                                        class="d-block bg-laberge-main py-3 py-sm-2 px-4 text-center"108                                        href="/recherche?villes%5B%5D=quebec&amp;f=1#result_anchor">Québec</a>109                            </li>110                            <li class="col flex-grow-2 px-0 order-5"><a111                                        class="d-block bg-laberge-main py-3 py-sm-2 px-4 text-center"112                                        href="/recherche?villes%5B%5D=montreal&amp;f=1#result_anchor">Montréal</a>113                            </li>114                            <li class="col-auto px-0 order-lg-6 order-sm-3 order-1"><a115                                        class="d-block py-2 px-4 text-dark bg-grey-lighter text-center"116                                        href="/complex/le-2910-canardiere/apartment/2910-34">English</a>117                            </li>118                        </ul>119                    </nav>120                </div>121                <div class=" order-2 w-100 d-none d-xl-block"></div>122                <div class=" order-first order-xl-last col main-navigation-wrapper">123                    <nav id="main-navigation" class="h-100">124                        <ul class="row d-flex flex-column flex-xl-row flex-xl-nowrap justify-content-xl-between text-dark mx-xl-0">125                            <li class="col-auto px-0"><a class="d-block d-xl-inline-block py-4 py-xl-2 px-4 h-100"126                                                         href="/recherche">Trouvez votre127                                    &nbsp;appartement</a>128                            </li>129                            <li class="col-auto px-0"><a class="d-block d-xl-inline-block py-4 py-xl-2 px-4 h-100"130                                                         href="/carriere">Carrière</a>131                            </li>132                            <li class="col-auto px-0"><a class="d-block d-xl-inline-block py-4 py-xl-2 px-4 h-100"133                                                         href="/a-propos">À propos</a>134                            </li>135                            <li class="col-auto px-0"><a class="d-block d-xl-inline-block py-4 py-xl-2 px-4 h-100"136                                                         href="/faq">FAQ</a>137                            </li>138                                                                                                                                        </ul>139                    </nav>140                </div>141            </div>142        </div>143        <div class="d-xl-none col-auto align-self-center pl-0 pr-1">144            <div class="icons-mobile">145                <a href="#" id="menu-trigger">146                    <div id='main_navigation_trigger' class="d-inline-block">147                        <span></span><span></span><span></span></div>148                </a>149            </div>150        151        </div>152                    <div class="information-visite-banner">153                <a href="#info"> <i class="fa fa-question-circle-o"></i>Information <br> ou visite</a>154            </div>155            </div>156    </div>157</header>158                <main class="template-complexe">159                                                                <div class="bg-grey-lighter page-breadcrumb">160    <div class="container">161        <div class="row">162                        <div class="col-12">163                <nav aria-label="breadcrumb">164                    <ol class="breadcrumb bg-grey-lighter py-3 px-0 m-0">165                                                    <li166                                class="breadcrumb-item active"167                            >168                                                                    <a href="/">169                                                                    Accueil170                                                                    </a>171                                                            </li>172                                                    <li173                                class="breadcrumb-item active"174                            >175                                                                    <a href="/recherche?">176                                                                    Résultats de recherche177                                                                    </a>178                                                            </li>179                                                    <li180                                class="breadcrumb-item "181                            >182                                                                    <a href="/complexe/le-2910-canardiere">183                                                                    Le 2910 Canardière184                                                                    </a>185                                                            </li>186                                                    <li187                                class="breadcrumb-item active"188                            >189190                                                            </li>191                                            </ol>192                </nav>193            </div>194        </div>195    </div>196</div>197            <div class="bg-dark-blue">198    <div class="container py-4">199        <div class="row justify-content-between align-items-center">200            <div class="col-auto">201                <h1 class=" m-0 text-white">Le 2910 Canardière</h1>202                                                                    <p class="text-white mb-0">2910 boulevard Mgr Gauthier, Québec, G1E 2V2</p>203                    </div>204        <div class="w-100 d-lg-none"></div>205        <div class="col-auto flex-fill text-left text-lg-right d-none d-xl-block">206            207        </div>208    </div>209</div>210</div>211<style>212    html {213        scroll-behavior: smooth;214    }215</style>                        <div class="un-appartement">216                <div class="bg-white text-dark">217                    <div class="container">218                        <div class="row">219                            <div class="col-12 p-0 mw-slider">220                                <div class="slideshow slideshow-immeuble position-relative">221                                    <div class="owl-carousel owl-carousel-appart">222                                                                                                                                                                                                                <div class="slides">223                                                <div class="appartement-slide" style="position:relative">224                                                    <a href="#" class="appartement-infos">225                                                        <img226                                                                src="/image/4530/950/le-2910-canardiere--2910-34-1.jpg"227                                                                alt="Beauport Le 2910 Canardière #2910 34 - 1"228                                                                title="Beauport Le 2910 Canardière #2910 34 - 1">229                                                        <span style="color: white; opacity: 0.5; position: absolute; top: 5px; right: 10px;">&copy; 2019</span>230                                                    </a>231                                                </div>232                                            </div>233                                                                                                                                <div class="slides">234                                                <div class="appartement-slide" style="position:relative">235                                                    <a href="#" class="appartement-infos">236                                                        <img237                                                                src="/image/4531/950/le-2910-canardiere--2910-34-2.jpg"238                                                                alt="Beauport Le 2910 Canardière #2910 34 - 2"239                                                                title="Beauport Le 2910 Canardière #2910 34 - 2">240                                                        <span style="color: white; opacity: 0.5; position: absolute; top: 5px; right: 10px;">&copy; 2019</span>241                                                    </a>242                                                </div>243                                            </div>244                                                                            </div>245                                                                                                                        <div class="d-none d-sm-block differ-warning">* Les appartements disponibles peuvent différer des photos présentées ci-dessous.</div>246                                            <div class="d-block d-sm-none differ-warning-mobile">* Les appartements disponibles peuvent différer des photos présentées ci-dessus.</div>247                                                                                                                <div class="counter d-inline-block"></div>248                                </div>249                                                            </div>250                        </div>251                    </div>252                </div>253                <div class="bg-grey-lighter pb-5">254                    <div class="container">255                        <div class="row quick-actions mb-4 mb-xl-5 pb-2 justify-content-lg-center">256                                                    </div>257                        <div class="row">258                            <div class="col-12 col-lg-5 ">259                                <p>260                                                                                                                <a href="/complexe/le-2910-canardiere/appartement/2910-34/imprimer.html"261                                           title="Imprimer" target="_blank">262                                            <img class="mr-2" src="/build/images/icon-print.png" width="40px"263                                                 alt="title="Imprimer"">264                                            Imprimer la fiche265                                        </a>266                                                                    </p>267                                <h2 class="h5 mb-4">Description</h2>268                                <p><p>Le 2910 Canardi&egrave;re est un immeuble s&eacute;curitaire de 28 appartements id&eacute;al pour ses locataires. Situ&eacute; dans l&rsquo;arrondissement de Beauport, cet immeuble unique est &agrave; proximit&eacute; des transports en commun tel que le Parc-O-Bus d'Estimauville ainsi d&rsquo;une multitude de centres d&rsquo;int&eacute;r&ecirc;t et de services tels que des &eacute;piceries, des Galeries de la Canardi&egrave;re, des services de sant&eacute; et de plusieurs parcs urbains. S&rsquo;&eacute;tablir au 2910 Canardi&egrave;re, c&rsquo;est vivre une vie de quartier tranquille, heureuse et s&eacute;curitaire.</p></p>269                            </div>270                            <div class="col-12 col-lg-6 offset-lg-1">271                                <div class="caracteristiques-appart description-appart">272                                    <div class="row">273                                        <div class="col-sm-4 col-12">274                                            <h3 class="font-weight-bold">Grandeur</h3>275                                            <p class="description_appart-size m-0 font-weight-light mb-5 mb-md-0">4½</p>276                                        </div>277                                                                                                                            <div class="col-sm-4 col-12">278                                                <h3 class="h6">Disponibilité</h3>279                                                <p class="description_appart-dispo h8">280                                                    Septembre 2026281                                                </p>282                                            </div>283                                                                                <div class="col-12">&nbsp;</div>284                                                                                                                            <div class="col-sm-8 col-12">285                                                <h3 class="h6">Débutant</h3>286287                                                <p class="description_appart-main_price h8 mb-5 mb-md-0">288                                                                                                                                                            1&nbsp;090&nbsp;$                                                    289                                                </p>290                                            </div>291                                                                            </div>292                                </div>293                            </div>294                        </div>295                    </div>296                </div>297                <div class="bg-white py-5">298                    <div class="container">299                        <div class="row">300                            <div class="col-12 col-md-6">301                                <h2 class="h5 mb-5">Inclusions</h2>302                                <div class="caracteristiques-appart">303                                    <div class="row">304                                        <div class="col-12 col-sm-6">305                                            <div class="row">306                                                <div class="col-4 col-md-4 text-center mb-3 position-relative">307                                                                                                        <img src="/build/images/svg/pictos/chauffage.svg"308                                                         alt="">309                                                    <p >Chauffage</p>310                                                    <div class="exclusion-indicator"></div>311                                                </div>312                                                <div class="col-4 col-md-4 text-center mb-3 position-relative">313                                                                                                        <img src="/build/images/svg/pictos/electricite_off.svg"314                                                         alt="">315                                                    <p style="color:#ccc">Électricité</p>316                                                    <div class="exclusion-indicator"></div>317                                                </div>318                                                <div class="col-4 col-md-4 text-center mb-3 position-relative">319                                                                                                        <img src="/build/images/svg/pictos/eau.svg"320                                                         alt="">321                                                    <p >Eau chaude</p>322                                                    <div class="exclusion-indicator"></div>323                                                </div>324                                                                                                                                                                                                                                                                                                                                                                                                    <div class="col-12"><p class="small"><em>Des frais additionnels s’appliquent pour les appartements semi-meublés.</em></p></div>325                                                                                            </div>326                                        </div>327                                    </div>328                                </div>329                                <h2 class="h5 mb-5">Caractéristiques</h2>330                                <div class="caracteristiques-appart">331                                    <ul>332                                                                                                                                                                                                                                                                                        <li>333                                                        Entrée laveuse, sécheuse334                                                                                                            </li>335                                                                                                                                                                                                                                                    <li>336                                                        Rangement337                                                                                                            </li>338                                                                                                                                                                                                                                                    <li>339                                                        Nombre de salle de bain340                                                                                                                    : 1341                                                                                                            </li>342                                                                                                                                                                                                                                                    <li>343                                                        Balcon privé344                                                                                                                    : 1345                                                                                                            </li>346                                                                                                                                                                                                                                                    <li>347                                                        Stationnement extérieur348                                                                                                                    : selon la disponibilité349                                                                                                            </li>350                                                                                                                                                                        </ul>351                                </div>352                            </div>353                                                            <div class="col-12 col-md-6 apartment-plan">354                                    <h2 class="h5 mb-5">Plan de l&#039;appartement355                                        <br><small>Dimensions approximatives</small>356                                    </h2>357                                    <a href="/image/4526/plan/le-2910-canardiere--2910-34-plan.jpg"358                                       data-fancybox data-caption="Appartement - Beauport - Le 2910 Canardière #2910 - 34 - 4½ - plan">359                                        <img src="/image/4526/plan/le-2910-canardiere--2910-34-plan.jpg"360                                             class="img-fluid">361                                    </a>362                                </div>363                                                    </div>364                    </div>365                </div>366                                367368369370                                    <div class="bg-dark-blue">371    <div class="container py-4">372        <div class="row justify-content-between align-items-center">373            <div class="col-auto">374                <h2 class=" m-0 text-white"><a class="text-white" style="text-decoration: underline" data-toggle="collapse" href="#collapseImmeuble" role="button" aria-expanded="false" aria-controls="collapseImmeuble">Complexe : Le 2910 Canardière</a></h2>375                                                            </div>376        <div class="w-100 d-lg-none"></div>377        <div class="col-auto flex-fill text-left text-lg-right d-none d-xl-block">378            379        </div>380    </div>381</div>382</div>383<style>384    html {385        scroll-behavior: smooth;386    }387</style>                    <div>388                        <div class="un-immeuble">389    <div class="bg-white text-dark">390        <div class="container">391            <div class="row">392                                                    <div class="col-12 col-xl-10 offset-xl-1 p-0 col-appart-middle">393                        <div class="slideshow slideshow-immeuble">394                            <div class="owl-carousel owl-carousel-appart">395                                                                                                                                        <div class="slides">396                                        <div class="appartement-slide">397                                            <a href="#" class="appartement-infos">398                                                <img399                                                    src="/image/4530/950/le-2910-canardiere-1.jpg"400                                                    alt="Le 2910 Canardière - 1"401                                                    title="Le 2910 Canardière - 1">402                                            </a>403                                        </div>404                                    </div>405                                                                                                        <div class="slides">406                                        <div class="appartement-slide">407                                            <a href="#" class="appartement-infos">408                                                <img409                                                    src="/image/4531/950/le-2910-canardiere-2.jpg"410                                                    alt="Le 2910 Canardière - 2"411                                                    title="Le 2910 Canardière - 2">412                                            </a>413                                        </div>414                                    </div>415                                                            </div>416                            <div class="counter d-inline-block"></div>417                        </div>418                    </div>419                            </div>420        </div>421    </div>422    <a id="dispo"></a>423    <div class="bg-grey-lighter">424        <div class="d-block" style="max-width: 1000px; margin: 0 auto;">425            <div class="row m-0">426                <div class="col-12 py-4  px-3 px-xl-0">427                    <h3 class="text-dark font-weight-bold">Disponibilités</h3>428                    <p class="text-right">429                        <a href="/complexe/le-2910-canardiere/disponibilites.html"430                           title="Imprimer" target="_blank">431                            <img src="/build/images/icon-print.png" width="40px"432                                 alt="title="Imprimer"">433                        </a>434                    </p>435436                    <div class="table-responsive" style="position: relative;">437438                        <style>439                            td {440                                text-align: left !important;441                                padding-left: 10px !important;442                            }443                        </style>444                                                <table class="table table-sm table-apparts text-dark-moyen table-no-bordered table-hover dataTable dtr-inline"445                               style="width: 100%; text-align: center;" id="datatables">446447                            <thead class="font-weight-bold">448                            <tr>449                                <td class="">&nbsp;<span>Grandeur</span></td>450                                <td class=""><span>Débutant</span></td>451                                <td class=""><span>Disponibilité</td>452                                <td class="no-sort"></td>453                            </tr>454                            </thead>455                            <tbody>456                                                                                                                                                        <tr style="cursor:pointer" >457                                    <td data-search="1 1/2">1½458                                                                            </td>459                                    <td> - </td>460                                    <td class=""461                                        data-order="0000-000-000">-</td>462                                    <td>463                                        <i class="material-icons"  data-toggle="tooltip" data-placement="top" title="">chevron_right</i>464                                    </td>465                                </tr>466                                                                                                                            <tr style="cursor:pointer" >467                                    <td data-search="3 1/2">3½468                                                                            </td>469                                    <td> - </td>470                                    <td class=""471                                        data-order="0000-000-000">-</td>472                                    <td>473                                        <i class="material-icons"  data-toggle="tooltip" data-placement="top" title="">chevron_right</i>474                                    </td>475                                </tr>476                                                                                                                            <tr style="cursor:pointer" >477                                    <td data-search="4 1/2">4½478                                                                                    <a class="d-none"479                                               href="/complexe/le-2910-canardiere/appartement/2910-34"><i480                                                        class="fa fa-chevron-right ml-1"></i></a>481                                                                            </td>482                                    <td>1&nbsp;090&nbsp;$</td>483                                    <td class=""484                                        data-order="2026/09/01">Septembre 2026</td>485                                    <td>486                                        <i class="material-icons"  data-toggle="tooltip" data-placement="top" title="">chevron_right</i>487                                    </td>488                                </tr>489                                                                                    </tbody>490                        </table>491                        <p><em>Certains services sont inclus, parlez à un représentant du Groupe Laberge.</em></p>492                    </div>493                </div>494            </div>495        </div>496    </div>497    <div class="bg-white text-dark">498        <div class="container">499            <div class="row">500                <div class="col-12 p-5 col-appart-middle">501                    <div class="row">502                        <div class="col-12 col-md-5 col-appart-full">503                            <div class="caracteristiques-appart">504                                <h3 class="h6">Nom du complexe / Immeuble</h3>505                                <p>Le 2910 Canardière</p>506                                <h3 class="h6">Adresse</h3>507                                508509                                <p>510                                    2910 boulevard Mgr Gauthier<br>Québec, G1E 2V2511                                                                    </p>512                                                                <h3 class="h6">Description du complexe</h3>513                                <p>28 logements sur 4 étages</p>514                            </div>515                        </div>516                        <div class="col-12 col-md-7 col-appart-none">517                            <p class="text-right">518                                <a href="/complexe/le-2910-canardiere/imprimer.html" title="Imprimer" target="_blank">519                                    <img src="/build/images/icon-print.png" width="40px" alt="title="Imprimer"">520                                </a>521                            </p>522                            <p><p>Le 2910 Canardi&egrave;re est un immeuble s&eacute;curitaire de 28 appartements id&eacute;al pour ses locataires. Situ&eacute; dans l&rsquo;arrondissement de Beauport, cet immeuble unique est &agrave; proximit&eacute; des transports en commun tel que le Parc-O-Bus d'Estimauville ainsi d&rsquo;une multitude de centres d&rsquo;int&eacute;r&ecirc;t et de services tels que des &eacute;piceries, des Galeries de la Canardi&egrave;re, des services de sant&eacute; et de plusieurs parcs urbains. S&rsquo;&eacute;tablir au 2910 Canardi&egrave;re, c&rsquo;est vivre une vie de quartier tranquille, heureuse et s&eacute;curitaire.</p></p>523                        </div>524                    </div>525                </div>526            </div>527        </div>528    </div>529    <div class="bg-grey-lighter py-5 text-dark">530        <div class="container">531                            <div class="row">532                    <div class="col-12 mb-4">533                        <h2 class="h5">Services de l&#039;immeuble</h2>534                    </div>535                                                                        <div class="col-4 col-md-2 col-lg-2 text-center p-0 mb-3">536                                <img style="max-width: 50%;" src="/build/images/svg/pictos/statext.svg" alt="">537                                <p>Stationnement extérieur</p>538                            </div>539                                                                                                                                                                                                                                    <div class="col-4 col-md-2 col-lg-2 text-center p-0 mb-3">540                                <img style="max-width: 50%;" src="/build/images/svg/pictos/rangementext.svg" alt="">541                                <p>Espace de rangement</p>542                            </div>543                                                    <div class="col-4 col-md-2 col-lg-2 text-center p-0 mb-3">544                                <img style="max-width: 50%;" src="/build/images/svg/pictos/buanderie.svg" alt="">545                                <p>Buanderie</p>546                            </div>547                                                            </div>548                                        <div class="row">549                    <div class="col-12 mb-4 mt-5">550                        <h2 class="h5">Dispositifs de sécurité</h2>551                    </div>552                                                                        <div class="col-4 col-md-2 col-lg-2 text-center p-0 mb-3">553                                <img style="max-width: 50%;" src="/build/images/svg/pictos/carteacces.svg" alt="">554                                <p>Carte d&#039;accès</p>555                            </div>556                                                                                                                                                                                        <div class="col-4 col-md-2 col-lg-2 text-center p-0 mb-3">557                                <img style="max-width: 50%;" src="/build/images/svg/pictos/intercom.svg" alt="">558                                <p>Intercom</p>559                            </div>560                                                            </div>561                    </div>562    </div>563    <div class="bg-white text-dark">564        <div class="container">565            <div class="row">566                                                    <div class="col-12 col-lg-6 pt-5 apartment-plan">567                        <h2 class="h5">Plan du complexe <br><small>* Dimensions approximatives</small></h2>568                        <a href="/image/4737/plan/le-2910-canardiere-plan.svg"569                           data-fancybox570                           data-width="1000"571                           data-caption="Appartement - Beauport - Le 2910 Canardière #2910 - 34 - 4½ - plan"572                           style="cursor: zoom-in"573                        >574                            <img575                                src="/image/4737/plan/le-2910-canardiere-plan.svg"576                                alt="Le 2910 Canardière plan"577                                title="Le 2910 Canardière plan "578                                width="100%">579                        </a>580                    </div>581                            </div>582        </div>583    </div>584    <div class="bg-white text-dark" style="overflow:hidden;">585        <div class="container">586            <div class="row">587                <div class="col-12 col-xl-4 a-proximite pt-5" style="">588                    <div class="row no-gutters">589                        <div class="col-12 col-sm-4 col-xl-12">590                            <h2 class="h5">À proximité</h2>591                            <ul class=" d-none d-sm-block">592                                                                                                                                                                                                                                                                                                                                                    <li data-params='[{&quot;nom&quot;:&quot;Biblioth\u00e8que du Chemin-Royal&quot;,&quot;lat_lon&quot;:[&quot;46.849869&quot;,&quot;-71.2114001&quot;]}]'>593                                            <a class="h6" href="#services_map">594                                                Bibliothèque595                                            </a>596                                        </li>597                                                                                                                                                                                                                                                                                                                                                                                        <li data-params='[{&quot;nom&quot;:&quot;Les Galeries de la Canardi\u00e8re&quot;,&quot;lat_lon&quot;:[&quot;46.8456705&quot;,&quot;-71.2165128&quot;]}]'>598                                            <a class="h6" href="#services_map">599                                                Centre commercial600                                            </a>601                                        </li>602                                                                                                                                                                                                                                                                                                                                                                                        <li data-params='[{&quot;nom&quot;:&quot;Chalet Saint-Ignace&quot;,&quot;lat_lon&quot;:[&quot;46.8516889&quot;,&quot;-71.2092362&quot;]}]'>603                                            <a class="h6" href="#services_map">604                                                Centre de loisirs605                                            </a>606                                        </li>607                                                                                                                                                                                                                                                                                                                                                                                        <li data-params='[{&quot;nom&quot;:&quot;D\u00e9panneur&quot;,&quot;lat_lon&quot;:[&quot;46.8464512&quot;,&quot;-71.2164383&quot;]}]'>608                                            <a class="h6" href="#services_map">609                                                Dépanneur610                                            </a>611                                        </li>612                                                                                                                                                                                                                                                                                                                                                                                        <li data-params='[{&quot;nom&quot;:&quot;Centre du Nouvel-Horizon&quot;,&quot;lat_lon&quot;:[&quot;46.8483462&quot;,&quot;-71.2115102&quot;]}]'>613                                            <a class="h6" href="#services_map">614                                                École615                                            </a>616                                        </li>617                                                                                                                                                                                                                                                                                                                                                                                        <li data-params='[{&quot;nom&quot;:&quot;Maxi&quot;,&quot;lat_lon&quot;:[&quot;46.8438158&quot;,&quot;-71.2132663&quot;]}]'>618                                            <a class="h6" href="#services_map">619                                                Épicerie620                                            </a>621                                        </li>622                                                                                                                                                                                                                                                                                                                                                                                        <li data-params='[{&quot;nom&quot;:&quot;Baie de Beauport&quot;,&quot;lat_lon&quot;:[&quot;46.845435&quot;,&quot;-71.2371572&quot;]}]'>623                                            <a class="h6" href="#services_map">624                                                Loisir et sport625                                            </a>626                                        </li>627                                                                                                                                                                                                                                                                                                                                                                                        <li data-params='[{&quot;nom&quot;:&quot;Domaine de Maizerets&quot;,&quot;lat_lon&quot;:[&quot;46.8371813&quot;,&quot;-71.2155195&quot;]}]'>628                                            <a class="h6" href="#services_map">629                                                Parc630                                            </a>631                                        </li>632                                                                                                                                                                                                                                                                                                                                                                                        <li data-params='[{&quot;nom&quot;:&quot;Parc-O-Bus d&#039;Estimauville&quot;,&quot;lat_lon&quot;:[&quot;46.84642272736842&quot;,&quot;-71.21186761578947&quot;]}]'>633                                            <a class="h6" href="#services_map">634                                                Parc-O-Bus635                                            </a>636                                        </li>637                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <li data-params='[{&quot;nom&quot;:&quot;Jean Coutu&quot;,&quot;lat_lon&quot;:[&quot;46.8500458&quot;,&quot;-71.2112593&quot;]},{&quot;nom&quot;:&quot;Uniprix&quot;,&quot;lat_lon&quot;:[&quot;46.8456705&quot;,&quot;-71.2165128&quot;]}]'>638                                            <a class="h6" href="#services_map">639                                                Pharmacie640                                            </a>641                                        </li>642                                                                    643                            </ul>644                        </div>645                    </div>646                </div>647648                <div class="col-12 col-xl-8 pt-0 pt-sm-5 pb-2">649                    <div class="search_map pt-2">650                        <div class="map-immeuble" id="mapid" style="height: 420px;" data-ice-params="[46.8462228, -71.2153461]" data-nom="Le 2910 Canardière"></div>651                        <div class="flex-parent">652                            <p class="text-center"><img src="/build/images/svg/map_marker_1.svg" style="width:40px" alt="">Le 2910 Canardière</p>653                        </div>654                    </div>655                </div>656            </div>657        </div>658    </div>659</div>660661662                    </div>663                <div class="bg-cyan" id="form_contact">664    <div class="container">665        <div class="row">666            <div class="col-12 text-center py-5 text-dark">667                <h2 class="h5 m-0">Pour information ou visite</h2>668                <br>669                670                                                    <h3 class="h2 p-0" style="font-size: 2.81em;">671                                <a class="text-white" href="tel:418-667-2257">418-667-2257</a>672                            </h3>673                                                                            <p class='m-0'>2760 chemin de la Canardière app. 107, Québec, G1J 2G5</p>674                                                                            <p class='m-0'><a href="mailto:place.canardiere@laberge.qc.ca" class="text-dark">place.canardiere@laberge.qc.ca</a></p>675                                                    </div>676        </div>677    </div>678</div>679<div class="bg-grey-dark py-5 contact-form">680681        <div class="container">682            <form action="/complexe/le-2910-canardiere/contact" name="contact" method="POST">683            <div class="row">684                <style>685                    .form-group [disabled] {686                        opacity: 50%;687                    }688                </style>689                <div class="col-12">690                    <h2 class="h5 text-white mb-3"><i class="fa fa-question-circle-o mr-2"></i>Faire une demande d&#039;information</h2>691                </div>692                <div class="col-12 col-lg-6">693                    <div class="form-group">694                        <select class="form-control custom-select custom-select-lg" id="contact_type" name="contact_type">695                            <option value="1">Type de demande</option>696                            <option value="2">Je suis client actuel</option>697                            <option value="3">Je suis un futur client</option>698                        </select>699                    </div>700                                        <div class="form-group">701                        <input type="text" class="form-control" id="contact_name" name="contact_name" required="required" placeholder="Nom *">702                    </div>703                    <div class="form-group">704                        <input type="email" class="form-control" id="contact_email" name="contact_email" required="required" placeholder="Adresse courriel *">705                    </div>706                    <div class="form-group">707                        <input type="tel" class="form-control" id="contact_phone" name="contact_phone"  required="required" placeholder="Numéro de téléphone *">708                    </div>709                </div>710                <div class="col-12 col-lg-6">711                    <div class="form-group">712                        <textarea class="form-control" id="contact_message" name="contact_message" rows="8" placeholder="Message"></textarea>713                    </div>714                </div>715                <div class="col-12 clearfix">716                    <div class="text-white float-left" style="max-width: 85%;">717                        <p>Pour connaître les disponibilités des appartements ou pour planifier une visite, veuillez communiquer directement avec le responsable de l&#039;immeuble.</p>718                        <input type="hidden" name="recaptcha_response" id="recaptcha_response">719<script src="https://www.google.com/recaptcha/api.js?render=6Le__kYaAAAAAEa7eJKinMpok0bh9wSO4X8jagZQ"></script>720<script>721grecaptcha.ready(function() {722  grecaptcha.execute('6Le__kYaAAAAAEa7eJKinMpok0bh9wSO4X8jagZQ', {action: 'contact'}).then(function(token) {723    var el = document.getElementById('recaptcha_response');724    if (el) el.value = token;725  });726});727</script>728                    </div>729730                    <button type="submit" class="float-right btn-laberge-yellow mt-0" data-ice="main.validate">Envoyer</button>731                </div>732            </div>733            </form>734            <div class="row">735                <div class="col-12 ">736                    <div class="text-white float-left mt-4 p-2" style="border: 1px solid white">737                        <p class="my-0">Pour toutes questions relatives à la protection de vos renseignements personnels,<br> veuillez communiquer avec le Responsable de la protection des renseignements personnels.</p>738                        <p class="my-0 mt-1"><b> Responsable de la protection des renseignements personnels</b></p>739                        <p class="my-0">5355, boul. des Gradins <br> Québec (Québec) <br> G2J 1C8</p>740                        <a style="color: #eabc00" href="mailto:confidentialite@laberge.qc.ca">confidentialite@laberge.qc.ca</a>741                    </div>742                </div>743            </div>744        </div>745746</div>747                            </div>748749750        </main>751                <footer>752<div class="bg-dark-blue d-none d-md-block" id="footer-desktop">753  <div class="container">754    <div class="row">755      <div class="col-12 mb-4 mb-lg-0 border-grey-dark footer-desktop_section1">756        <div class="row d-flex">757          <div class="col border-right border-grey-dark">758            <ul id="footer-navigation" class="nav flex-column">759              <li class="nav-item"><a class="nav-link font-weight-bold text-uppercase" href="/carriere">Carrière</a></li>760              <li class="nav-item"><a class="nav-link font-weight-bold text-uppercase" href="/a-propos">À propos</a></li>761              <li class="nav-item"><a class="nav-link font-weight-bold text-uppercase" href="/faq">FAQ</a></li>762              763              <li class="nav-item"><a class="nav-link font-weight-bold text-uppercase" href="/nous-joindre">Nous joindre</a></li>764              <li class="nav-item lang-toggler"><a class="nav-link font-weight-bold text-uppercase text-grey" href="/complex/le-2910-canardiere/apartment/2910-34">English</a></li>765            </ul>766          </div>767          <div class="col">768            <ul class="nav flex-column footer-links">769              <li class="nav-item font-weight-bold text-uppercase">770                <a class="nav-link" href="/recherche?villes[]=quebec">771                  Appartements à Québec772                </a>773              </li>774              <li class="nav-item">775                <a class="nav-link" href="/recherche?secteurs[]=beauport">776                  Beauport777                </a>778              </li>779              <li class="nav-item">780                <a class="nav-link" href="/recherche?secteurs[]=charlesbourg">781                  Charlesbourg782                </a>783              </li>784              <li class="nav-item">785                <a class="nav-link" href="/recherche?secteurs[]=ancienne-lorette">786                  L&#039;Ancienne-Lorette787                </a>788              </li>789              <li class="nav-item">790                <a class="nav-link" href="/recherche?secteurs[]=les-saules">791                  Les Saules792                </a>793              </li>794              <li class="nav-item">795                <a class="nav-link" href="/recherche?secteurs[]=levis">796                  Lévis797                </a>798              </li>799            </ul>800          </div>801          <div class="col border-right border-grey-dark">802            <ul class="nav flex-column footer-links">803              <li class="nav-item font-weight-bold text-uppercase">804                <a class="nav-link">805                  &nbsp;806                </a>807              </li>808              <li class="nav-item">809                <a class="nav-link" href="/recherche?secteurs[]=montcalm">810                  Montcalm811                </a>812              </li>813              <li class="nav-item">814                <a class="nav-link" href="/recherche?secteurs[]=neufchatel">815                  Neufchâtel816                </a>817              </li>818              <li class="nav-item">819                <a class="nav-link" href="/recherche?secteurs[]=quebec">820                  Québec821                </a>822              </li>823              <li class="nav-item">824                <a class="nav-link" href="/recherche?secteurs[]=ste-foy">825                  Sainte-Foy826                </a>827              </li>828              <li class="nav-item">829                <a class="nav-link" href="/recherche?secteurs[]=vanier">830                  Vanier831                </a>832              </li>833            </ul>834          </div>835          <div class="col">836            <ul class="nav flex-column footer-links">837              <li class="nav-item font-weight-bold text-uppercase">838                <a class="nav-link" href="/recherche?villes[]=montreal">839                  Appartements à Montréal840                </a>841              </li>842              <li class="nav-item">843                <a class="nav-link" href="/recherche?secteurs[]=cote-st-luc">844                  Côte St-Luc845                </a>846              </li>847              <li class="nav-item">848                <a class="nav-link" href="/recherche?secteurs[]=lasalle">849                  LaSalle850                </a>851              </li>852              <li class="nav-item">853                <a class="nav-link" href="/recherche?secteurs[]=notre-dame-de-grace">854                  Notre-Dame-de-Grâce855                </a>856              </li>857              <li class="nav-item">858                <a class="nav-link" href="/recherche?secteurs[]=pierrefonds">859                  Pierrefonds860                </a>861              </li>862            </ul>863          </div>864        </div>865      </div>866    </div>867  </div>868</div>869<div class="" id="footer-secondary-nav">870  <div class="container py-2">871    <div class="row d-flex flex-column flex-md-row align-items-center">872      <div class="col text-center">873          <p class="h4 text-white text-uppercase font-weight-boldmb-sm-4 mb-md-0"><a href="http://labergecommercial.com/listings/commerciaux/?lang=fr" target="_blank">Espaces commerciaux</a></p>874      </div>875    </div>876  </div>877</div>878<div class="bg-grey-lighter" id="footer-copyrights">879  <div class="container">880    <div class="row d-flex flex-column flex-lg-row justify-content-between align-items-center py-3">881      <div class="col text-center text-lg-left">882        <p class="my-0 pb-3 pb-lg-0"> <a href="javascript:Didomi.preferences.show()">Paramètres des cookies</a> | <a href="/politique-de-confidentialite">Politique de confidentialité</a></p>883      </div>884      <div class="col text-center text-lg-left">885        <p class="my-0 text-center">© Groupe Laberge 2026</p>886      </div>887      <div class="col text-center text-lg-right">888        <p class="d-inline-flex mt-3 mt-sm-0 flex-column flex-sm-row align-items-center my-0">889            <a href="http://bisscomm.com" target="_blank">890              <img src="https://bisscomm.com/bundles/bcicms/assets/img/bissCommLogo.png" alt="Bissonnette Communication Impact" width="30" class="bisscomm-logo-copyright" style="margin-top: -16px;">891          		Réalisation © Bissonnette Communications Impact892            </a>893        </p>894      </div>895    </div>896  </div>897</div></footer>898    </body>899        <!-- BOOTSTRAP CND | THIS IS TMP -->900<script src="https://code.jquery.com/jquery-3.3.1.min.js" crossorigin="anonymous"></script>901<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>902<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>903<!-- FONT AWESOME CDN | THIS IS TMP -->904<script src="https://use.fontawesome.com/ed1f5a945e.js"></script>905906<script src="/bundles/bcicms/assets/assets/jquery-class/jquery.class.js?v=1.6"></script>907<script src="/bundles/bcicms/assets/assets/jquery-ice/jquery-ice.js?v=1.6"></script>908909<script src="https://unpkg.com/leaflet@1.3.4/dist/leaflet-src.js"></script>910<script src="/build/js/vendor-owl-carousel.js?v=1.6"></script>911<script src="/build/js/vendor-jquery.fancybox.js?v=1.6"></script>912<script src="/build/js/vendor-multiple-select.js?v=1.6"></script>913<script src="/build/js/leaflet-gesture-handling.js?v=1.6"></script>914<script src="/build/js/app.js?v=1.6"></script>915<script src="/build/js/main.class.js?v=1.6"></script>916<script src="/build/js/planSelector.class.js?v=1.6"></script>917<script src="/build/js/lazy.min.js?v=1.6"></script>918<script src="/build/js/custom-select.class.js?v=1.6"></script>919920<script src="https://unpkg.com/gijgo@1.9.11/js/gijgo.min.js" type="text/javascript"></script>921922<script type="text/javascript" src="https://cdn.datatables.net/v/bs4/dt-1.10.18/b-1.5.6/b-print-1.5.6/datatables.min.js"></script>923<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/js-cookie@rc/dist/js.cookie.min.js"></script>924925<script>926    $( function() {927        if ($('#datatables').length > 0) {928            $('#datatables').DataTable({929                "pagingType": "full_numbers",930                "lengthMenu": [931                    [10, 25, 50, -1],932                    [10, 25, 50, "Tous"]933                ],934                "pageLength": -1,935                responsive: true,936                dom:'<f l<t> p>',937                "order": [[ 0, "asc" ]],938                language: {939                    "sProcessing":     "En processus...",940                    "sSearch":         "Rechercher:",941                    "sLengthMenu":     "Afficher _MENU_ enregistrements",942                    "sInfo":           "Affichant _START_ à _END_ enregistrements sur un total de _TOTAL_",943                    "sInfoEmpty":      "Affichant 0 à 0 enregistrement sur un total de 0",944                    "sInfoFiltered":   "(filtrées d&#039;un total de _MAX_ enregistrements)",945                    "sInfoPostFix":    "",946                    "sLoadingRecords": "Chargement...",947                    "sZeroRecords":    "Aucun enregistrement trouvé",948                    "sEmptyTable":     "Aucune information disponible dans le tableau",949                    "oPaginate": {950                        "sFirst":      "Premier",951                        "sPrevious":   "Précédent",952                        "sNext":       "Prochain",953                        "sLast":       "Dernier"954                    },955                    "oAria": {956                        "sSortAscending":  "activer le trie de colonne en ordre croissante",957                        "sSortDescending": "activer le trie de colonne en ordre décroissante"958                    }959                },960                fnDrawCallback: function () {961                    if ($('select[name="datatables_length"]').val() > -1 || $('select[name="datatables_length"]').val() >= $('.table_apparts tbody tr').length) {962                        $('.dataTables_paginate').show();963                    } else {964                        $('.dataTables_paginate').hide();965                    }966                }967968            });969            $('.table-apparts tbody tr').on('click', function(event){970                if ($(this).find('a').attr('href')) {971                    window.location = $(this).find('a').attr('href');972                }973            });974        }975    });976</script>977978979    <script>980        (function () {981            $('#collapseImmeuble').collapse('hide');982            $('#collapseImmeuble').on('hidden.bs.collapse', function () {983                $('a.text-yellow[href="#collapseImmeuble"]').html("<i class='fa fa-chevron-down'></i> VOIR PLUS");984            });985            $('#collapseImmeuble').on('show.bs.collapse', function () {986                $('a.text-yellow[href="#collapseImmeuble"' +987                    ' ]').html("<i class='fa fa-chevron-up'></i> VOIR MOINS");988            });989        })();990    </script>991</html>992