SPB Git

spb/lou-ka Public

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

HTML 99.7%
22.6 KB · 606 lines html
Raw Blame History
1<!DOCTYPE html>2<html lang="fr">3<head>4	<meta charset="utf-8">5	<meta http-equiv="X-UA-Compatible" content="IE=edge">6    <meta name="viewport" content="width=device-width, initial-scale=1.0">7	8	<meta name="robots" content="index, follow" />9	10	<!-- Google Tag Manager -->11	<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':12	new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],13	j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=14	'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);15	})(window,document,'script','dataLayer','GTM-WMJJMS');</script>16	<!-- End Google Tag Manager -->17	18	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />	19	<title>Phase 5 - Appartements et Condos Locatifs Lévis - Quartier les éléments</title>20	<meta name="Description" content="Habitez à 5 minutes des ponts dans un condo neuf et spacieux. 3, 4 et 5 et demi disponibles." /> 21	<meta name="Author" content="Trois-Soixante (www.trois-soixante.com)" /> 22	<meta name="Copyright" content="Copyright (c) 2016 Trois-Soixante" /> 23	<meta name="Distribution" content="global" /> 24	<meta name="Position number-one" content="always" /> 25	<meta name="Revisit-after" content="8 days" /> 26	<meta name="Robots" content="index, follow" /> 27	<meta name="Expires" content="never" /> 28	<meta property="og:title" content="Quartier les éléments - Projects" />29	<meta property="og:type" content="website" />30	<meta property="og:description" content="Habitez à 5 minutes des ponts dans un condo neuf et spacieux. 3, 4 et 5 et demi disponibles." />31	<meta property="og:image" content="http://www.quartierleselements.com/images/qle_og.jpg" />32		33	<link rel="alternate" hreflang="fr-ca" href="http://www.quartierleselements.com" />34	35	<link rel="apple-touch-icon" sizes="57x57" href="/img/favicon/apple-icon-57x57.png">36	<link rel="apple-touch-icon" sizes="60x60" href="/img/favicon/apple-icon-60x60.png">37	<link rel="apple-touch-icon" sizes="72x72" href="/img/favicon/apple-icon-72x72.png">38	<link rel="apple-touch-icon" sizes="76x76" href="/img/favicon/apple-icon-76x76.png">39	<link rel="apple-touch-icon" sizes="114x114" href="/img/favicon/apple-icon-114x114.png">40	<link rel="apple-touch-icon" sizes="120x120" href="/img/favicon/apple-icon-120x120.png">41	<link rel="apple-touch-icon" sizes="144x144" href="/img/favicon/apple-icon-144x144.png">42	<link rel="apple-touch-icon" sizes="152x152" href="/img/favicon/apple-icon-152x152.png">43	<link rel="apple-touch-icon" sizes="180x180" href="/img/favicon/apple-icon-180x180.png">44	<link rel="icon" type="image/png" sizes="192x192"  href="/img/favicon/android-icon-192x192.png">45	<link rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32x32.png">46	<link rel="icon" type="image/png" sizes="96x96" href="/img/favicon/favicon-96x96.png">47	<link rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16x16.png">48	<link rel="manifest" href="/img/favicon/manifest.json/">49	<meta name="msapplication-TileColor" content="#ffffff">50	<meta name="msapplication-TileImage" content="/img/favicon/ms-icon-144x144.png">51	<meta name="theme-color" content="#ffffff">52	53	<link href="/favicon.ico" type="image/x-icon" rel="icon" /><link href="/favicon.ico" type="image/x-icon" rel="shortcut icon" />54	<link rel="stylesheet" type="text/css" href="/css/style.css" />55<script type="text/javascript">56	var www_root = "/";57</script>		58	<script src="https://maps.google.com/maps/api/js?sensor=false&libraries=geometry&v=3.22&key=AIza_CLE_CAVIARDEE_LOUKA_000000000000000"></script>59	60	<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>61	<script type="text/javascript" src="/js/bootstrap.min.js"></script>62	<script type="text/javascript" src="/js/jquery.maphilight.js"></script>63	<script type="text/javascript" src="/js/jquery.fancybox.pack.js"></script>64	<script type="text/javascript" src="/js/jquery.slides.min.js"></script>65	<script type="text/javascript" src="/js/wow.min.js"></script>66	<script type="text/javascript" src="/js/owl.carousel.min.js"></script>67	<script type="text/javascript" src="/js/paraxify.min.js"></script>68	<script type="text/javascript" src="/js/jquery.metadata.js"></script>69	<script type="text/javascript" src="/js/custom.js"></script>70	<script type="text/javascript" src="/js/lightbox.js"></script>71	<script type="text/javascript" src="/js/jquery.cookie.js"></script>72	<script type="text/javascript" src="/js/commandesJQuery.js"></script>73	74	75	<!-- Start Visual Website Optimizer Asynchronous Code -->76	<script type='text/javascript'>77	var _vwo_code=(function(){78	var account_id=262814,79	settings_tolerance=2000,80	library_tolerance=2500,81	use_existing_jquery=false,82	// DO NOT EDIT BELOW THIS LINE83	f=false,d=document;return{use_existing_jquery:function(){return use_existing_jquery;},library_tolerance:function(){return library_tolerance;},finish:function(){if(!f){f=true;var a=d.getElementById('_vis_opt_path_hides');if(a)a.parentNode.removeChild(a);}},finished:function(){return f;},load:function(a){var b=d.createElement('script');b.src=a;b.type='text/javascript';b.innerText;b.onerror=function(){_vwo_code.finish();};d.getElementsByTagName('head')[0].appendChild(b);},init:function(){settings_timer=setTimeout('_vwo_code.finish()',settings_tolerance);var a=d.createElement('style'),b='body{opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important;}',h=d.getElementsByTagName('head')[0];a.setAttribute('id','_vis_opt_path_hides');a.setAttribute('type','text/css');if(a.styleSheet)a.styleSheet.cssText=b;else a.appendChild(d.createTextNode(b));h.appendChild(a);this.load('//dev.visualwebsiteoptimizer.com/j.php?a='+account_id+'&u='+encodeURIComponent(d.URL)+'&r='+Math.random());return settings_timer;}};}());_vwo_settings_timer=_vwo_code.init();84	</script>85	<!-- End Visual Website Optimizer Asynchronous Code -->86	87	<script src='https://www.google.com/recaptcha/api.js'></script>88	89</head>90<body>919293<!-- Google Tag Manager (noscript) -->94<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WMJJMS"95height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>96<!-- End Google Tag Manager (noscript) -->97	98		99100	101	<div id="top_bar">102		<div class="container">103			<div class="row">104				<div class="col-lg-12">105					<div class="txt_top_bar">106						<a href="/contact/">107							108								<span class="mention_modele">109									<strong>Logement modèle à visiter, <span class="span_planifiez">planifiez une visite ici!</span></strong> 110								</span>111							112							113							114								<span class="bureau_location">115									<strong>Bureau de location : </strong>1432 rue de Jupiter #102, Lévis <span style="padding-left: 10px;">Appelez-nous pour prévoir une rencontre</span>116																	</span>117							118						</a>119					</div>120				</div>121			</div>122		</div>123	</div>124125	<header id="main_header">126		<div class="container">127	<div class="row">128		<div class="col-lg-12">129			<a href="/" id="logo_qle"><img src="/img/theme/logo_qle@3x.png" alt="Quartier les éléments" /></a>130			131			<div class="pull-right">132				<div id="header_top">133									134					<a href="tel:5819223334" class="telephone"><img src="/img/theme/icone_tel.png" alt="Téléphone" /> 581 922-3334</a>135		136					<a href="/contact/" class="nous_contacter"><img src="/img/theme/icone_courriel.png" alt="Courriel" /> Écrivez-nous</a>137				</div>138				<nav id="nav_principale">139					<div id="bg_mob_nav">140						<ul>141							<li class="" >142								<a href="/">Accueil</a>							</li>143144							<li class="ancestor-active has-child hide-parent-mobile" >145                                <a href="#">Phases <i class="fa fa-angle-down" aria-hidden="true"></i></a>146                                <ul class="sub-menu">147                                    <li class="" >148                                        <a href="/appartements-condos-locatifs-levis/phase-1/">Phase 1</a>                                    </li>149150                                    <li class="" >151                                        <a href="/appartements-condos-locatifs-levis/phase-2/">Phase 2</a>                                    </li>152153                                    <li class="" >154                                        <a href="/appartements-condos-locatifs-levis/phase-3/">Phase 3</a>                                    </li>155156                                    <li class="" >157                                        <a href="/appartements-condos-locatifs-levis/phase-4/">Phase 4</a>									</li>158									159									<li class="active" >160                                        <a href="/appartements-condos-locatifs-levis/phase-5/">Phase 5</a>                                    </li>161                                </ul>162                            </li>163							164					165							<li class="" >166								<a href="/multimedia/galerie/">Multimédia</a>							</li>167	168							<li class="" >169								<a href="/attraits/">Attraits</a>							</li>170							171							<li class="" >172								<a href="/contact/">Contact</a>							</li>173							174							175							176						</ul>177					</div>178					<div id="btn_nav_mobile"><i class="fa fa-bars" aria-hidden="true"></i></div>179				</nav>180				181			</div>182			<div style="clear: both;"></div>183		</div>184	</div>185</div>186187188<style>189190#header_top a{191	margin-left: 30px;192}193194a.btn-third{195	background: #ffa245;196    color: #1e1c1a !important;197    text-transform: uppercase;198    border-radius: 0px;199    border: 1px solid #ffa245;200    font-size: 13px !important;201    font-weight: 700;202	line-height: 40px;203    padding: 0 0 0 0;204    -webkit-transition: all 0.3s;205    -moz-transition: all 0.3s;206    -ms-transition: all 0.3s;207    -o-transition: all 0.3s;208    transition: all 0.3s;209	position: relative;210	box-sizing: border-box;211	top: -6px;212}213214#header_top a.btn-third div{215	padding: 0 15px 0 15px;216}217218.btn-third i{219	font-size: 16px;220	line-height: 40px;221    font-weight: 900;222    padding-left: 10px;223}224225a.btn-third:hover{226	background: #1e1c1a;227    color: #ffffff !important;228	border: 1px solid #1e1c1a;229}230231@media screen and (max-width: 1408px) {232	a.btn-third{233		line-height: 30px;234		font-size: 12px !important;235		top: -3px;236	}237	238	.btn-third i{239		font-size: 14px;240		line-height: 30px;241		font-weight: 900;242		padding-left: 10px;243	}244}245246@media screen and (max-width: 1087px) {247	#top_bar .bureau_location > span{248		display: block;249		padding-left: 0 !important;250	}251	252	#main_header{253		margin-top: 0;254		padding-top: 33px;255	}256	257	#top_bar {258		position: relative !important;259	}260}261262@media screen and (max-width: 991px) {263	264	265	266	267	#header_top{268		display: block;269	}270	271	#header_top .telephone, #header_top .nous_contacter{272		display: none;273	}274	275	#header_top a.btn-third{276		position: absolute;277		right: 90px;278		top: 30px;279		line-height: 15px;280	}281	282	#header_top a.btn-third div{283		padding: 15px 15px !important;284	}285	286	#header_top a.btn-third i{287		line-height: 15px;288	}289	290}291292@media screen and (max-width: 767px) {293	294	#header_top a.btn-third{295		position: absolute;296		right: 90px;297		top: 30px;298		line-height: 15px;299		text-align: left;300	}301	302	#header_top a.btn-third div{303		position: relative;304		padding: 15px 35px 15px 15px !important;305	}306	307	#header_top a.btn-third div > span > span{308		display: block;309	}310	311	#header_top a.btn-third i{312		line-height: 20px;313		position: absolute;314		font-size: 20px;315		right: 15px;316		top: calc(50% - 10px);317	}318	319	320}321322@media screen and (max-width: 600px) {323	#header_top a.btn-third{324		right: 80px;325		font-size: 11px !important;326	}327	328	#top_bar .span_planifiez{329		display: block;330	}331}332333@media screen and (max-width: 320px) {334	#header_top a.btn-third{335		display: none;336	}337}338339340</style>	341	</header>342	<div id="page_content" >343		344345346347<div id="page_top_container">348	<div class="container">349		<div class="row">350			<div class="col-lg-12">351																				                <h1>Phase 5</h1>352                			</div>353		</div>354	</div>355</div>356357<div class="content content_autres">358	<div class="container" style="position: relative;">359		<div class="nav_container_phases">360			<ul class="nav_phases">361				<li class="not_active">362					<a href="/appartements-condos-locatifs-levis/phase-1/">363						<span class="txt_lien_phase">Phase 1</span>364						<span class="btn_pointe"></span>365					</a>366				</li>367				<li class="not_active">368					<a href="/appartements-condos-locatifs-levis/phase-2/">369						<span class="txt_lien_phase">Phase 2</span>370						<span class="btn_pointe"></span>371					</a>372				</li>373				<li class="not_active">374					<a href="/appartements-condos-locatifs-levis/phase-3/">375						<span class="txt_lien_phase">Phase 3</span>376						<span class="btn_pointe"></span>377					</a>378				</li>379				<li class="not_active">380                    <a href="/appartements-condos-locatifs-levis/phase-4/">381                        <span class="txt_lien_phase">Phase 4</span>382                        <span class="btn_pointe"></span>383                    </a>384				</li>385				<li class="active">386                    <a href="/appartements-condos-locatifs-levis/phase-5/">387                        <span class="txt_lien_phase">Phase 5</span>388                        <span class="btn_pointe"></span>389                    </a>390                </li>391			</ul>392		</div>393		<div class="plans_phases_container">394			<div class="row">395				<div class="col-sm-12">396					<div class="titre_etages_mobiles">Étages</div>397					<ul class="menu_etages page_phase">398						399						<li><a href="/appartements-condos-locatifs-levis/phase-5/etage-1/" data-available="1" rel="canonical" data-title="Étage 1" data-floor="floor_55"><span>Étage </span>1</a></li><li><a href="/appartements-condos-locatifs-levis/phase-5/etage-2/" data-available="1" rel="canonical" data-title="Étage 2" data-floor="floor_56"><span>Étage </span>2</a></li><li><a href="/appartements-condos-locatifs-levis/phase-5/etage-3/" data-available="1" rel="canonical" data-title="Étage 3" data-floor="floor_57"><span>Étage </span>3</a></li><li><a href="/appartements-condos-locatifs-levis/phase-5/etage-4/" data-available="1" rel="canonical" data-title="Étage 4" data-floor="floor_58"><span>Étage </span>4</a></li><li><a href="/appartements-condos-locatifs-levis/phase-5/etage-5/" data-available="1" rel="canonical" data-title="Étage 5" data-floor="floor_59"><span>Étage </span>5</a></li><li><a href="/appartements-condos-locatifs-levis/phase-5/etage-6/" data-available="1" rel="canonical" data-title="Étage 6" data-floor="floor_60"><span>Étage </span>6</a></li>					</ul>400				</div>401			</div>402			<div class="row">		403				<div class="col-sm-12" style="position: relative;overflow: hidden;">404					405					<div id="etage_phase_over">406						<span class="hide_mobile">Sélectionnez un étage sur l'image<br/>pour voir les unités disponibles</span>407					</div>408					409									410411					412					<div id="container_etages">413						<img src="/uploads/projects/photo_project_17.jpg" id="img_etages" alt="Main" usemap="#etages" class="etages" />						<map name="etages" id="etages">414																<area rel="nofollow" id="floor_55"  data-available="1" href="/appartements-condos-locatifs-levis/phase-5/etage-1/" shape="poly" coords="61, 434, 242, 447, 437, 439, 470, 440, 604, 437, 641, 439, 727, 439, 768, 442, 906, 436, 906, 401, 768, 404, 726, 404, 640, 403, 602, 402, 466, 404, 437, 404, 240, 405, 62, 402" />415																		<area rel="nofollow" id="floor_56"  data-available="1" href="/appartements-condos-locatifs-levis/phase-5/etage-2/" shape="poly" coords="60, 400, 241, 403, 439, 404, 468, 404, 603, 403, 641, 403, 726, 403, 768, 404, 906, 400, 907, 368, 767, 368, 725, 369, 640, 367, 603, 368, 467, 364, 438, 364, 240, 360, 60, 363" />416																		<area rel="nofollow" id="floor_57"  data-available="1" href="/appartements-condos-locatifs-levis/phase-5/etage-3/" shape="poly" coords="59, 365, 240, 360, 439, 364, 467, 364, 604, 368, 641, 367, 726, 368, 767, 368, 906, 367, 906, 333, 766, 330, 724, 331, 639, 328, 603, 332, 467, 324, 438, 324, 241, 315, 60, 334" />417																		<area rel="nofollow" id="floor_58"  data-available="1" href="/appartements-condos-locatifs-levis/phase-5/etage-4/" shape="poly" coords="60, 337, 240, 316, 439, 324, 467, 324, 604, 333, 641, 330, 726, 333, 766, 329, 906, 335, 907, 303, 766, 292, 725, 299, 640, 291, 603, 297, 239, 270, 60, 302" />418																		<area rel="nofollow" id="floor_59"  data-available="1" href="/appartements-condos-locatifs-levis/phase-5/etage-5/" shape="poly" coords="60, 301, 241, 269, 605, 297, 642, 292, 726, 297, 767, 292, 906, 302, 906, 271, 766, 255, 725, 262, 640, 253, 604, 261, 239, 223, 59, 266" />419																		<area rel="nofollow" id="floor_60"  data-available="1" href="/appartements-condos-locatifs-levis/phase-5/etage-6/" shape="poly" coords="60, 228, 240, 174, 603, 222, 640, 213, 727, 224, 769, 215, 905, 235, 905, 267, 767, 250, 728, 257, 641, 249, 604, 259, 241, 220, 59, 262" />420															</map>421					</div>422					423					<div id="img_etages_mobile">424						<img src="/uploads/projects/photo_project_17.jpg" alt="Main" />					</div>425					426					<table class="table table-bordered table-striped" id="tableau_etages_mobile" width="100%">427						<thead></thead>428						<tbody>429						430													<tr width="100%">431								<td align="left">432									Étage 1								</td>433								<td align="right">434									<a href="/appartements-condos-locatifs-levis/phase-5/etage-1/" class="btn_details_table">Voir les unités</a>435								</td>436							</tr>437438						439													<tr width="100%">440								<td align="left">441									Étage 2								</td>442								<td align="right">443									<a href="/appartements-condos-locatifs-levis/phase-5/etage-2/" class="btn_details_table">Voir les unités</a>444								</td>445							</tr>446447						448													<tr width="100%">449								<td align="left">450									Étage 3								</td>451								<td align="right">452									<a href="/appartements-condos-locatifs-levis/phase-5/etage-3/" class="btn_details_table">Voir les unités</a>453								</td>454							</tr>455456						457													<tr width="100%">458								<td align="left">459									Étage 4								</td>460								<td align="right">461									<a href="/appartements-condos-locatifs-levis/phase-5/etage-4/" class="btn_details_table">Voir les unités</a>462								</td>463							</tr>464465						466													<tr width="100%">467								<td align="left">468									Étage 5								</td>469								<td align="right">470									<a href="/appartements-condos-locatifs-levis/phase-5/etage-5/" class="btn_details_table">Voir les unités</a>471								</td>472							</tr>473474						475													<tr width="100%">476								<td align="left">477									Étage 6								</td>478								<td align="right">479									<a href="/appartements-condos-locatifs-levis/phase-5/etage-6/" class="btn_details_table">Voir les unités</a>480								</td>481							</tr>482483												</tbody>484					</table>485					486				</div>487			</div>488		</div>489		<div style="clear: both;"></div>490	</div>491</div>492	</div>493	494		<section id="footer-information" class="section paraxify" style="background-image: url(/img/theme/bg_footer_info.jpg);">495		<div class="container">496	<div class="row">497		<div class="col-lg-12 txt_center">498			<h3>Réservez votre appartement dès aujourd'hui!</h3>499			500			<p>Vous pouvez choisir parmi notre vaste éventail de condos locatifs alliant style, confort, espace et sécurité qui sauront répondre à tous vos besoins. Parlez-en à un de nos conseillers, il leur fera plaisir de vous aider à trouver le logement qui vous convient !</p>501			502			<div style="padding-top: 15px;" class="margin-top-50">503							<a href="/appartements-condos-locatifs-levis/phase-5/" class="btn-secondary wow fadeInDown" style="margin-left: 5px;margin-right: 5px;margin-bottom: 10px;">Voir les unités <i class="fa fa-angle-right" aria-hidden="true"></i></a>504				<a href="/contact/" class="btn-secondary wow fadeInDown" style="margin-left: 5px;margin-right: 5px;margin-bottom: 10px;">Obtenir de l'information <i class="fa fa-angle-right" aria-hidden="true"></i></a>505			</div>506		</div>507	</div>508</div>	</section>509		510	<section id="footer-widgets" class="section">511		<div class="container">512	<div class="row">513		<div class="col-sm-12 col-md-4 col-lg-4 col-footer-widget">514			<div class="footer-widget-element footer-widget-logo">515				<a href="/"><img src="/img/theme/logo_qle_blanc.png" alt="Quartier les éléments" style="max-width: 100%;height: auto;" /></a>516			</div>517		</div>518		<div class="col-sm-12 col-md-4 col-lg-4 col-footer-widget">519			<div class="footer-widget-element">520				<h4>À propos</h4>521				<div class="content-footer-widget-element">522					<p>En choisissant le <strong class="txt_uppercase">Quartier les éléments</strong>, vous optez pour une qualité de vie incomparable. Par sa localisation exceptionnelle incluant un espace boisé protégé, vous profitez du meilleur des deux mondes.</p>523				</div>524			</div>525		</div>526		<div class="col-sm-12 col-md-4 col-lg-4 col-footer-widget">527			<div class="footer-widget-element">528				<h4>Coordonnées</h4>529				<div class="content-footer-widget-element">530					<p>1432 rue de Jupiter #102<br/>Lévis, QC  G6W 0N8</p>531					<p><strong>581 922-3334<br/>info@quartierleselements.com</strong></p>532					<a href="/contact/" class="btn btn-primary">Contactez-nous <i class="fa fa-angle-right" aria-hidden="true"></i></a>533				</div>534			</div>535		</div>536	<div>537</div>	</section>538	539	<footer id="main_footer">540		541<div class="container">542	<div id="copyright" class="pull-left">543		© 2026 Tous droits réservés544	</div>545	<div id="conception" class="pull-right">546		<a href="https://www.trois-soixante.com/" target="_blank"><img src="/img/theme/logo_ts.png" alt="Trois-Soixante - Web + Marketing" /></a>547	</div>548	<div style="clear: both;"></div>549</div>		<!-- TESTDOM -->550	</footer>551	552	<script>553554		jQuery(document).ready(function() {555			556			557			paraxify('.paraxify', {558				speed: 25,559				boost: 1560			});561			562			wow = new WOW(563			  {564				animateClass: 'animated',565				offset:       100,566				callback:     function(box) {567				  console.log("WOW: animating <" + box.tagName.toLowerCase() + ">")568				}569			  }570			);571			wow.init();572			573		  574			575			jQuery('#btn_nav_mobile').click(function() {576				577				if(jQuery('#nav_principale').hasClass('open')) {578					579					jQuery('#nav_principale').removeClass('open');580					jQuery('#bg_mob_nav').fadeOut(300);581					582					jQuery('body').removeClass('menu_open');583					jQuery(this).find('i').removeClass('fa-times');584					jQuery(this).find('i').addClass('fa-bars');585					586					587				} else {588				589					jQuery('#nav_principale').addClass('open');590					jQuery('#bg_mob_nav').fadeIn(300);591					592					jQuery('body').addClass('menu_open');593					jQuery(this).find('i').removeClass('fa-bars');594					jQuery(this).find('i').addClass('fa-times');595					596				}597				598			});599			600		});601		602	</script>603604		605</body>606</html>