SPB Git

spb/lou-ka Public

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

HTML 99.7%
14.1 KB · 272 lines html
Raw Blame History
1<!DOCTYPE html>2<html class="wide wow-animation" lang="en">3  <head>4    <title>Logements à louer 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 src="https://io.dropinblog.com/embedjs/dcc6791b-355d-4d9b-bb91-a30d855f6cdf.js"></script>33<script async defer crossorigin="anonymous" src="https://connect.facebook.net/fr_CA/sdk.js#xfbml=1&version=v10.0" nonce="2hgpLZ8P"></script>34    35    <div class="preloader"> 36      <div class="banter-loader"> 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 class="banter-loader__box"></div>46      </div>47    </div>48    <div class="page">49      <!-- Page Header-->50      <meta http-equiv="Content-Type" content="text/html; charset=utf-8">51<header class="section page-header">52        <!-- RD Navbar-->53        <div class="rd-navbar-wrap">54          <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">55            <div class="rd-navbar-aside-outer">56              <div class="rd-navbar-aside">57                <div class="rd-navbar-collapse-toggle rd-navbar-fixed-element-1" data-rd-navbar-toggle=".rd-navbar-collapse"><span></span></div>58                <ul class="rd-navbar-aside-list rd-navbar-collapse">59                  <li>60                    <div class="block-inline unit unit-spacing-xs align-items-center">61                      <div class="unit-left"><span class="icon text-middle mdi mdi-phone"></span></div>62                      <div class="unit-body"><a href="tel:4186264613">418.626.4613</a></div>63                    </div>64                  </li>65                  <li>66                    <div class="block-inline unit unit-spacing-xs align-items-center">67                      <div class="unit-left"><span class="icon text-middle mdi mdi-email-outline"></span></div>68                      <div class="unit-body"><a href="mailto:bribourg@videotron.ca">bribourg@videotron.ca</a></div>69                    </div>70                  </li>71                  <li>72                    <div class="block-inline unit unit-spacing-xs align-items-center">73                      <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>74                      <div class="unit-body"></div>75                    </div>76                  </li>77                  <li>78                    <div class="block-inline unit unit-spacing-xs align-items-center">79                      <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>80                      <div class="unit-body"></div>81                    </div>82                  </li>83                </ul>84                85              </div>86            </div>87            <div class="rd-navbar-main-outer">88              <div class="rd-navbar-main">89                <!-- RD Navbar Panel-->90                <div class="rd-navbar-panel">91                  <!-- RD Navbar Toggle-->92                  <button class="rd-navbar-toggle" data-rd-navbar-toggle=".rd-navbar-nav-wrap"><span></span></button>93                  <!-- RD Navbar Brand-->94                  <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>95                  </div>96                </div>97                <div class="rd-navbar-nav-wrap">98                  <!-- RD Navbar Nav-->99                  <ul class="rd-navbar-nav">100                    <li class="rd-nav-item"><a class="rd-nav-link" href="index.php">Accueil</a></li>101					<li class="rd-nav-item"><a class="rd-nav-link" href="A-propos-Bri-Bourg.php">À propos</a></li>102					<li class="rd-nav-item active"><a class="rd-nav-link" href="Logements-a-louer.php">Logements à louer</a></li>103					<li class="rd-nav-item"><a class="rd-nav-link" href="Immeubles.php">Immeubles</a></li>104					<li class="rd-nav-item"><a class="rd-nav-link" href="Emplois.php">Carrières</a></li>105					<li class="rd-nav-item"><a class="rd-nav-link" href="Contact.php">Nous joindre</a></li>106                    107                  </ul>108                  109                </div>110              </div>111            </div>112          </nav>113        </div>114      </header>      <!-- FScreen-->115      <!-- Breadcrumbs-->116      <section class="breadcrumbs-custom bg-image context-dark" data-opacity="59" style="background-image: url(images/Logements-a-louer-quebec-001b.jpg);">117        <div class="container">118          <h2 class="breadcrumbs-custom-title">Logements à louer</h2>119        </div>120      </section>121      <section class="section-xs bg-white">122        <div class="container">123          <ul class="breadcrumbs-custom-path">124            <li><a href="index.php">Accueil</a></li>125            <li class="active">Logements à louer</li>126          </ul>127        </div>128      </section>129      <div class="divider-section"></div>130      131	  <section class="section section-md bg-gray-12">132        <div class="container">133          <div class="row row-50">134            <div class="col-lg-12">135			   <div class="text-center">136                     <h2>Nos logements à louer</h2><br />137                           </div>138				<div id="dib-posts"></div>	139			  140             141             142             143            </div>144          </div>145        </div>146      </section>147	  148     149	 <!-- Subscribe to Our Newsletter-->150      <section class="section parallax-container" data-parallax-img="images/Logements-a-louer-quebec-002.jpg">151        <div class="parallax-content section-lg context-dark text-center bg-darkblue-2">152          <div class="container">153            <div class="row justify-content-md-center">154              <div class="col-md-9 col-lg-8 col-xl-7">155                156                <h2>Bail</h2>157				<div class="divider divider-secondary"></div>158                <h4 class="mw-700 block-center">Pour Bri Bourg, le respect des lois québécoises en matière de logement est au coeur de de son action. </h4>159				<br />160				<h4 class="mw-700 block-center">« Le bail est un contrat verbal ou écrit par lequel le locateur s'engage à procurer la jouissance exclusive d'un logement pendant un certain temps au locataire qui consent à payer le loyer convenu. » 161                <br />- Tribunal administratif du logement</h4>162				<br /><a class="button button-primary" href="https://www.tal.gouv.qc.ca/fr/signature-d-un-bail" target="_blank">En savoir plus</a>163				164                      165              </div>166            </div>167          </div>168        </div>169      </section>170	 <!-- Agents-->171      <section class="section section-md bg-default">172        <div class="container">173          <h2 class="heading-decoration-1"><span class="heading-inner">Bri Bourg</span></h2>174          <div class="row row-30">175            <div class="col-sm-6 col-lg-3">176                        <!-- Block Agent--><a class="block-agent" href="A-propos-Bri-Bourg.php"><img src="images/apropos-007.jpg" alt="" width="540" height="460"/>177                          <div class="block-agent-body">178                            <h3 class="block-agent-title">À propos</h3>179                            <p>Une entreprise familiale</p>180                          </div></a>181            </div>182            <div class="col-sm-6 col-lg-3">183                         <!-- Block Agent--><a class="block-agent" href="Immeubles.php"><img src="images/apropos-003.jpg" alt="" width="540" height="460"/>184                          <div class="block-agent-body">185                            <h3 class="block-agent-title">Nos immeubles</h3>186                            <p>Région de Québec</p>187                          </div></a>188            </div>189            <div class="col-sm-6 col-lg-3">190                        <!-- Block Agent--><a class="block-agent" href="Emplois.php"><img src="images/apropos-005.jpg" alt="" width="540" height="460"/>191                          <div class="block-agent-body">192                            <h3 class="block-agent-title">Carrières</h3>193                            <p>Postulez dès maintenant</p>194                          </div></a>195            </div>196            <div class="col-sm-6 col-lg-3">197                        <!-- Block Agent--><a class="block-agent" href="Contact.php"><img src="images/apropos-006.jpg" alt="" width="540" height="460"/>198                          <div class="block-agent-body">199                            <h3 class="block-agent-title">Nous joindre</h3>200                            <p>Contactez-nous</p>201                          </div></a>202            </div>203          </div>204        </div>205      </section>206      <!-- Page Footer-->207      <!-- Pre footer section-->208      <meta http-equiv="Content-Type" content="text/html; charset=utf-8">209<!-- Page Footer-->210      <!-- Pre footer section-->211      <section class="section section-md bg-gray-31 context-dark">212        <div class="container">213          <div class="row row-40 justify-content-lg-between">214            <div class="col-md-6 col-lg-4 col-xl-3 pad30">215216                  217                  <div class="post-minimal-title"><span>Lundi au vendredi<br />De 8h à 12h et de 13h à 16h30</span></div>218		<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>219                  <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>220                   <ul class="list-inline-1">221                      <li><a class="icon fa-facebook" href="https://www.facebook.com/profile.php?id=100069842006841" target="_blank"></a></li>222                      <li><a class="icon fa-linkedin" href="https://www.linkedin.com/company/bribourg" target="_blank"></a></li>223                   </ul>224		   <div class="pad10">225                   <a class="button button-primary" href="Logements-a-louer.php">Nos logements à louer</a>226                   </div>		227            </div>228            <div class="col-md-6 col-lg-4 col-xl-3 col-bordered pad30">229230              <div class="link-with-icon heading-4 font-sec" data-item=".icon">231			  <div class="mar10"><a href="index.php">Accueil</a></div>232			  <div class="mar10"><a href="A-propos-Bri-Bourg.php">À propos</a></div>233			  <div class="mar10"><a href="Logements-a-louer.php">Logements à louer</a></div>234			  <div class="mar10"><a href="Immeubles.php">Immeubles</a></div>235			  <div class="mar10"><a href="Emplois.php">Carrières</a></div>236			  <div class="mar10"><a href="Contact.php">Nous joindre</a></div>237			  </div>238              239            </div>240            <div class="col-md-6 col-lg-4 col-xl-3 pad30">241              242			  <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>243			  <br /><img src="images/Bri-Bourg-logo-122-122.png" alt="" width="122" height="122"/>244              245              246            </div>247          </div>248        </div>249      </section>250      <!-- Page footer-->251      <footer class="section footer-classic context-dark bg-gray-21">252        <div class="container">253          <div class="row row-10 justify-content-sm-between">254            <div class="col-sm-6">255              <!-- Rights-->256              <p class="rights"><span>Bri Bourg</span> <span>&copy;&nbsp;</span><span class="copyright-year"></span><span>&nbsp;</span>257              </p>258            </div>259            <div class="col-sm-6 text-sm-right">260              <div class="right-1"></div>261            </div>262          </div>263        </div>264      </footer>265266    </div>267268    <!-- Javascript-->269    <script src="js/core.min.js"></script>270    <script src="js/script.js"></script>271  </body>272</html>