SPB Git

spb/lou-ka Public

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

HTML 99.7%
20.1 KB · 373 lines html
Raw Blame History
1<!DOCTYPE html>2<html class="wide wow-animation" lang="en">3  <head>4    <title>1353 boulevard Jean-Talon Ouest Charlesbourg Québec</title>5    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">6	<meta name="format-detection" content="telephone=yes">7    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0">8    <meta http-equiv="X-UA-Compatible" content="IE=edge">9    10    <link rel="icon" href="images/favicon.ico" type="image/x-icon">11    <!-- Stylesheets-->12    <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900%7CRoboto:300,400,500,700,900">13    <link rel="stylesheet" href="css/bootstrap.css">14    <link rel="stylesheet" href="css/style.css">15    <link rel="stylesheet" href="css/fonts.css">16    <style>.ie-panel{display: none;background: #212121;padding: 10px 0;box-shadow: 3px 3px 5px 0 rgba(0,0,0,.3);clear: both;text-align:center;position: relative;z-index: 1;} html.ie-10 .ie-panel, html.lt-ie-10 .ie-panel {display: block;}</style>17    <script language="javascript" type="text/javascript">18function bascule(elem)19   {20   etat=document.getElementById(elem).style.display;21   if(etat=="none"){22   document.getElementById(elem).style.display="block";23   }24   else{25   document.getElementById(elem).style.display="none";26   }27   }28</script>29<!-- Start cookieyes banner --> <script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/87ea4e2ed74539a850910b010698e939/script.js"></script> <!-- End cookieyes banner -->  </head>30  <body>31  <div id="fb-root"></div>32<script async defer crossorigin="anonymous" src="https://connect.facebook.net/fr_CA/sdk.js#xfbml=1&version=v10.0" nonce="2hgpLZ8P"></script>33    34    <div class="preloader"> 35      <div class="banter-loader"> 36        <div class="banter-loader__box"> </div>37        <div class="banter-loader__box"> </div>38        <div class="banter-loader__box"></div>39        <div class="banter-loader__box"></div>40        <div class="banter-loader__box"></div>41        <div class="banter-loader__box"></div>42        <div class="banter-loader__box"></div>43        <div class="banter-loader__box"></div>44        <div class="banter-loader__box"></div>45      </div>46    </div>47    <div class="page">48      <!-- Page Header-->49      <meta http-equiv="Content-Type" content="text/html; charset=utf-8">50<header class="section page-header">51        <!-- RD Navbar-->52        <div class="rd-navbar-wrap">53          <nav class="rd-navbar rd-navbar-classic" data-layout="rd-navbar-fixed" data-sm-layout="rd-navbar-fixed" data-md-layout="rd-navbar-fixed" data-md-device-layout="rd-navbar-fixed" data-lg-layout="rd-navbar-static" data-lg-device-layout="rd-navbar-fixed" data-xl-layout="rd-navbar-static" data-xl-device-layout="rd-navbar-static" data-lg-stick-up-offset="46px" data-xl-stick-up-offset="46px" data-xxl-stick-up-offset="46px" data-lg-stick-up="true" data-xl-stick-up="true" data-xxl-stick-up="true">54            <div class="rd-navbar-aside-outer">55              <div class="rd-navbar-aside">56                <div class="rd-navbar-collapse-toggle rd-navbar-fixed-element-1" data-rd-navbar-toggle=".rd-navbar-collapse"><span></span></div>57                <ul class="rd-navbar-aside-list rd-navbar-collapse">58                  <li>59                    <div class="block-inline unit unit-spacing-xs align-items-center">60                      <div class="unit-left"><span class="icon text-middle mdi mdi-phone"></span></div>61                      <div class="unit-body"><a href="tel:4186264613">418.626.4613</a></div>62                    </div>63                  </li>64                  <li>65                    <div class="block-inline unit unit-spacing-xs align-items-center">66                      <div class="unit-left"><span class="icon text-middle mdi mdi-email-outline"></span></div>67                      <div class="unit-body"><a href="mailto:bribourg@videotron.ca">bribourg@videotron.ca</a></div>68                    </div>69                  </li>70                  <li>71                    <div class="block-inline unit unit-spacing-xs align-items-center">72                      <div class="unit-left"><a href="https://www.facebook.com/profile.php?id=100069842006841" target="_blank"><span class="icon text-middle mdi fa-facebook"></span></a></div>73                      <div class="unit-body"></div>74                    </div>75                  </li>76                  <li>77                    <div class="block-inline unit unit-spacing-xs align-items-center">78                      <div class="unit-left"><a href="https://www.linkedin.com/company/bribourg" target="_blank"><span class="icon text-middle mdi fa-linkedin"></span></a></div>79                      <div class="unit-body"></div>80                    </div>81                  </li>82                </ul>83                84              </div>85            </div>86            <div class="rd-navbar-main-outer">87              <div class="rd-navbar-main">88                <!-- RD Navbar Panel-->89                <div class="rd-navbar-panel">90                  <!-- RD Navbar Toggle-->91                  <button class="rd-navbar-toggle" data-rd-navbar-toggle=".rd-navbar-nav-wrap"><span></span></button>92                  <!-- RD Navbar Brand-->93                  <div class="rd-navbar-brand"><a class="brand" href="index.php"><img class="brand-logo-dark" src="images/Bri-Bourg-logo-121-119.png" alt="" width="121" height="119" srcset="images/Bri-Bourg-logo-242-122.png 2x"/><img class="brand-logo-light" src="images/logo-inverse-121x61.png" alt="" width="121" height="119" srcset="images/logo-inverse-242x122.png 2x"/></a>94                  </div>95                </div>96                <div class="rd-navbar-nav-wrap">97                  <!-- RD Navbar Nav-->98                  <ul class="rd-navbar-nav">99                    <li class="rd-nav-item"><a class="rd-nav-link" href="index.php">Accueil</a></li>100					<li class="rd-nav-item"><a class="rd-nav-link" href="A-propos-Bri-Bourg.php">À propos</a></li>101					<li class="rd-nav-item"><a class="rd-nav-link" href="Logements-a-louer.php">Logements à louer</a></li>102					<li class="rd-nav-item active"><a class="rd-nav-link" href="Immeubles.php">Immeubles</a></li>103					<li class="rd-nav-item"><a class="rd-nav-link" href="Emplois.php">Carrières</a></li>104					<li class="rd-nav-item"><a class="rd-nav-link" href="Contact.php">Nous joindre</a></li>105                    106                  </ul>107                  108                </div>109              </div>110            </div>111          </nav>112        </div>113      </header>      <!-- FScreen-->114      <!-- Breadcrumbs-->115      <section class="breadcrumbs-custom bg-image context-dark" data-opacity="59" style="background-image: url(images/1353-boulevard-Jean-Talon-Ouest-Charlesbourg-Quebec-003.jpg);">116        <div class="container">117          <h2 class="breadcrumbs-custom-title">1353, boulevard Jean-Talon Ouest, Charlesbourg, Québec</h2>118        </div>119      </section>120      <section class="section-xs bg-white">121        <div class="container">122          <ul class="breadcrumbs-custom-path">123            <li><a href="index.php">Accueil</a></li>124			<li><a href="Immeubles.php">Immeubles</a></li>125            <li class="active">1353, boulevard Jean-Talon Ouest</li>126          </ul>127        </div>128      </section>129      <div class="divider-section"></div>130      <section class="section section-md bg-gray-12">131        <div class="container">132          <div class="row row-50">133            <div class="col-lg-7 col-xl-8">134              <!-- Slick Carousel-->135              <div class="slick-slider-1">136                <div class="slick-slider-price">CHARLESBOURG</div>137                <div class="slick-slider carousel-parent" id="parent-carousel" data-arrows="true" data-loop="true" data-dots="false" data-swipe="true" data-fade="true" data-items="1" data-child="#child-carousel" data-for="#child-carousel">138                  <div class="item"><img src="images/1353-boulevard-Jean-Talon-Ouest-Charlesbourg-Quebec-002.jpg" alt="" width="763" height="443"/>139                  </div>140				  141				  142				  143				 144                  145                </div>146                <div class="slick-slider carousel-child" id="child-carousel" data-arrows="true" data-loop="true" data-dots="false" data-swipe="true" data-items="1" data-sm-items="3" data-md-items="4" data-lg-items="4" data-xl-items="5" data-slide-to-scroll="1" data-for="#parent-carousel">147                  <div>148                    <div class="slick-slide-inner" style="background-image: url(images/1353-boulevard-Jean-Talon-Ouest-Charlesbourg-Quebec-002.jpg);"></div>149                  </div>150				  151				  152                  153                  154                </div>155              </div>156              <div class="features-block">157                <div class="features-block-inner">158                  <div class="features-block-item">159                    <ul class="features-block-list">160                      <li><span><img class="" src="images/ico-a.png" alt=""></span> &nbsp;<span class="icoespace">1972</span></li>161                     162                      <li><span><img class="" src="images/ico-c.png" alt=""></span> &nbsp;<span class="icoespace">13 UNITÉS</span></li>163                      <li><span><img class="" src="images/ico-d.png" alt=""></span> &nbsp;<span class="icoespace">CHARLESBOURG</span></li>164                    </ul>165                  </div>166                  167                </div>168              </div>169              <p>Près de l'autoroute laurentienne, votre famille profitera des multiples services à proximité, notamment, CPE, École l'Oasis, Parc du Lyonnais. Vous aurez également accès à pied aux différents commerces et restaurants situés sur le boulevard Henri-Bourassa tout près. Venez visiter nos appartements rénovés et abordables.</p>170			  <br /><ul class="">171                              <li></li>172			                  <li><a href="" onclick="bascule('3'); return false;" class="button button-primary">Écrivez-nous!</a><br /><span></span> 173							  <div id='3' style='display:none;'><span>174							  <br />175							  <div class="">176							       <iframe src="20191001-ec32/form.php" width="290" height="580" frameborder="0"></iframe>177						     </div><br />&nbsp;</span></div></li>178							 179							  <li></li>180							</ul>181              <!-- Bootstrap collapse-->182              <div class="card-group-custom card-group-corporate" id="accordion1" role="tablist" aria-multiselectable="false">183                <!-- Bootstrap card-->184                <article class="card card-custom card-corporate">185                  <div class="card-header" id="accordion1-heading-1" role="tab">186                    <div class="card-title"><a class="card-link" role="button" data-toggle="collapse" href="#accordion1-collapse-1" aria-controls="accordion1-collapse-1" aria-expanded="true"><span>Adresse</span>187                        <div class="card-arrow"></div></a></div>188                  </div>189                  <div class="collapse show" id="accordion1-collapse-1" role="tabpanel" aria-labelledby="accordion1-heading-1" data-parent="#accordion1">190                    <div class="card-body">191                      <div class="layout-1">192                        <dl class="list-terms-inline">193                          <dt>Adresse :</dt>194                          <dd>1353</dd>195                        </dl>196						<dl class="list-terms-inline">197                          <dt>Rue :</dt>198                          <dd>boulevard Jean-Talon Ouest</dd>199                        </dl>200                        <dl class="list-terms-inline">201                          <dt>Ville :</dt>202                          <dd>Québec</dd>203                        </dl>204						<dl class="list-terms-inline">205                          <dt>Code postal :</dt>206                          <dd>G1G 2L5</dd>207                        </dl>208                        <dl class="list-terms-inline">209                          <dt>Pays :</dt>210                          <dd>Canada</dd>211                        </dl>212                        <dl class="list-terms-inline">213                          <dt>Quartier :</dt>214                          <dd>Charlesbourg</dd>215                        </dl>216                        217                      </div>218                    </div>219                  </div>220                </article>221              </div>222              <!-- Bootstrap collapse-->223              <div class="card-group-custom card-group-corporate" id="accordion2" role="tablist" aria-multiselectable="false">224                <!-- Bootstrap card-->225                <article class="card card-custom card-corporate">226                  <div class="card-header" id="accordion2-heading-1" role="tab">227                    <div class="card-title"><a class="card-link" role="button" data-toggle="collapse" href="#accordion2-collapse-1" aria-controls="accordion2-collapse-1" aria-expanded="true"><span>SERVICES À PROXIMITÉ</span>228                        <div class="card-arrow"></div></a></div>229                  </div>230                  <div class="collapse show" id="accordion2-collapse-1" role="tabpanel" aria-labelledby="accordion2-heading-1" data-parent="#accordion2">231                    <div class="card-body">232                      <ul class="list-marked-2 layout-2">233                        <li>Centre commercial</li>234                        <li>École primaire</li>235                        <li>Restaurant</li>236                        <li>Supermarché</li>237                        <li>Pharmacie</li>238                      </ul>239                    </div>240                  </div>241                </article>242              </div>243             244             245            </div>246            <div class="col-lg-5 col-xl-4">247              <div class="row row-50">248                <div class="col-md-6 col-lg-12">249                  <div class="block-info">250                         <div class="">251                              <h3>Écrivez-nous!</h3><br />252							       <iframe src="20191001-ec32/form.php" width="290" height="580" frameborder="0"></iframe>253						     254							<h3>Logements à louer</h3><br />255							<div class="feed10">256				             <script src="https://feeds.feedburner.com/logementslouerqubec?format=sigpro" type="text/javascript" ></script><noscript><p>Subscribe to RSS headline updates from: <a href="http://feeds.feedburner.com/logementslouerqubec"></a><br/>Powered by FeedBurner</p> </noscript>	                  257							</div>258							<br /><a class="button button-primary" href="Logements-a-louer.php">Voir tous les logements</a>259                        </div>260                  </div>261                </div>262               263               264              </div>265            </div>266          </div>267        </div>268      </section>269	  270     <section class="section section-lg bg-default text-center" id="section-1">271         <h2>Nos immeubles</h2><br />272	       <iframe src="https://www.google.com/maps/d/embed?mid=1xXygOtoaSui26BQfiGr8b7awWBx_wOem" class="map22" frameborder="0" style="border:0" allowfullscreen></iframe>273	    274     </section>275	 <!-- Agents-->276      <section class="section section-md bg-default">277        <div class="container">278          <h2 class="heading-decoration-1"><span class="heading-inner">Bri Bourg</span></h2>279          <div class="row row-30">280            <div class="col-sm-6 col-lg-3">281                        <!-- Block Agent--><a class="block-agent" href="A-propos-Bri-Bourg.php"><img src="images/apropos-007.jpg" alt="" width="540" height="460"/>282                          <div class="block-agent-body">283                            <h3 class="block-agent-title">À propos</h3>284                            <p>Une entreprise familiale</p>285                          </div></a>286            </div>287            <div class="col-sm-6 col-lg-3">288                         <!-- Block Agent--><a class="block-agent" href="Immeubles.php"><img src="images/apropos-003.jpg" alt="" width="540" height="460"/>289                          <div class="block-agent-body">290                            <h3 class="block-agent-title">Nos immeubles</h3>291                            <p>Région de Québec</p>292                          </div></a>293            </div>294            <div class="col-sm-6 col-lg-3">295                        <!-- Block Agent--><a class="block-agent" href="Logements-a-louer.php"><img src="images/apropos-004.jpg" alt="" width="540" height="460"/>296                          <div class="block-agent-body">297                            <h3 class="block-agent-title">Logements à louer</h3>298                            <p>Découvrez nos disponibilités</p>299                          </div></a>300            </div>301            <div class="col-sm-6 col-lg-3">302                        <!-- Block Agent--><a class="block-agent" href="Contact.php"><img src="images/apropos-006.jpg" alt="" width="540" height="460"/>303                          <div class="block-agent-body">304                            <h3 class="block-agent-title">Nous joindre</h3>305                            <p>Contactez-nous</p>306                          </div></a>307            </div>308          </div>309        </div>310      </section>311      <meta http-equiv="Content-Type" content="text/html; charset=utf-8">312<!-- Page Footer-->313      <!-- Pre footer section-->314      <section class="section section-md bg-gray-31 context-dark">315        <div class="container">316          <div class="row row-40 justify-content-lg-between">317            <div class="col-md-6 col-lg-4 col-xl-3 pad30">318319                  320                  <div class="post-minimal-title"><span>Lundi au vendredi<br />De 8h à 12h et de 13h à 16h30</span></div>321		<div class="link-with-icon heading-4 text-spacing-150 font-sec" data-item=".icon"><span class="icon icon-1 mdi mdi-phone"></span><a href="tel:4186264613">418.626.4613</a></div>322                  <div class="link-with-icon text-spacing-100" data-item=".icon"><span class="icon icon-2 mdi mdi-email-outline"></span><a href="mailto:bribourg@videotron.ca">bribourg@videotron.ca</a></div>323                   <ul class="list-inline-1">324                      <li><a class="icon fa-facebook" href="https://www.facebook.com/profile.php?id=100069842006841" target="_blank"></a></li>325                      <li><a class="icon fa-linkedin" href="https://www.linkedin.com/company/bribourg" target="_blank"></a></li>326                   </ul>327		   <div class="pad10">328                   <a class="button button-primary" href="Logements-a-louer.php">Nos logements à louer</a>329                   </div>		330            </div>331            <div class="col-md-6 col-lg-4 col-xl-3 col-bordered pad30">332333              <div class="link-with-icon heading-4 font-sec" data-item=".icon">334			  <div class="mar10"><a href="index.php">Accueil</a></div>335			  <div class="mar10"><a href="A-propos-Bri-Bourg.php">À propos</a></div>336			  <div class="mar10"><a href="Logements-a-louer.php">Logements à louer</a></div>337			  <div class="mar10"><a href="Immeubles.php">Immeubles</a></div>338			  <div class="mar10"><a href="Emplois.php">Carrières</a></div>339			  <div class="mar10"><a href="Contact.php">Nous joindre</a></div>340			  </div>341              342            </div>343            <div class="col-md-6 col-lg-4 col-xl-3 pad30">344              345			  <div class="post-minimal-title"><span>Notre compagnie est une entreprise familiale, fière de travailler depuis plusieurs années avec des valeurs fondamentales comme l'écoute, le professionnalisme et le désir de satisfaire de nos clients.</span></div>346			  <br /><img src="images/Bri-Bourg-logo-122-122.png" alt="" width="122" height="122"/>347              348              349            </div>350          </div>351        </div>352      </section>353      <!-- Page footer-->354      <footer class="section footer-classic context-dark bg-gray-21">355        <div class="container">356          <div class="row row-10 justify-content-sm-between">357            <div class="col-sm-6">358              <!-- Rights-->359              <p class="rights"><span>Bri Bourg</span> <span>&copy;&nbsp;</span><span class="copyright-year"></span><span>&nbsp;</span>360              </p>361            </div>362            <div class="col-sm-6 text-sm-right">363              <div class="right-1"></div>364            </div>365          </div>366        </div>367      </footer>    </div>368    369    <!-- Javascript-->370    <script src="js/core.min.js"></script>371    <script src="js/script.js"></script>372  </body>373</html>