SPB Git

spb/lou-ka Public

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

HTML 99.7%
21.6 KB · 596 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 2 - 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="active" >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="" >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 2</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="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="not_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-2/etage-1/" data-available="1" rel="canonical" data-title="Étage 1" data-floor="floor_39"><span>Étage </span>1</a></li><li><a href="/appartements-condos-locatifs-levis/phase-2/etage-2/" data-available="1" rel="canonical" data-title="Étage 2" data-floor="floor_40"><span>Étage </span>2</a></li><li><a href="/appartements-condos-locatifs-levis/phase-2/etage-3/" data-available="1" rel="canonical" data-title="Étage 3" data-floor="floor_41"><span>Étage </span>3</a></li><li><a href="/appartements-condos-locatifs-levis/phase-2/etage-4/" data-available="1" rel="canonical" data-title="Étage 4" data-floor="floor_42"><span>Étage </span>4</a></li><li><a href="/appartements-condos-locatifs-levis/phase-2/etage-5/" data-available="1" rel="canonical" data-title="Étage 5" data-floor="floor_43"><span>Étage </span>5</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_14.jpg" id="img_etages" alt="Main" usemap="#etages" class="etages" />						<map name="etages" id="etages">414																<area rel="nofollow" id="floor_39"  data-available="1" href="/appartements-condos-locatifs-levis/phase-2/etage-1/" shape="poly" coords="46,402,718,395,902,404,903,424,925,425,926,438,933,439,932,445,722,473,45,448" />415																		<area rel="nofollow" id="floor_40"  data-available="1" href="/appartements-condos-locatifs-levis/phase-2/etage-2/" shape="poly" coords="47,402,720,393,926,404,926,389,904,382,901,368,720,325,387,346,305,352,46,363" />416																		<area rel="nofollow" id="floor_41"  data-available="1" href="/appartements-condos-locatifs-levis/phase-2/etage-3/" shape="poly" coords="44,361,387,349,719,323,900,366,926,365,925,349,904,339,899,330,719,258,491,267,487,274,388,291,387,295,229,310,44,321" />417																		<area rel="nofollow" id="floor_42"  data-available="1" href="/appartements-condos-locatifs-levis/phase-2/etage-4/" shape="poly" coords="46,319,386,296,425,282,489,276,718,256,900,331,928,329,932,329,926,325,926,311,910,299,720,184,490,206,488,218,387,233,387,249,153,270,48,280" />418																		<area rel="nofollow" id="floor_43"  data-available="1" href="/appartements-condos-locatifs-levis/phase-2/etage-5/" shape="poly" coords="45,279,386,250,386,229,489,216,718,185,901,292,926,291,925,272,912,255,813,178,797,159,720,109,491,149,388,171,386,182,48,231" />419															</map>420					</div>421					422					<div id="img_etages_mobile">423						<img src="/uploads/projects/photo_project_14.jpg" alt="Main" />					</div>424					425					<table class="table table-bordered table-striped" id="tableau_etages_mobile" width="100%">426						<thead></thead>427						<tbody>428						429													<tr width="100%">430								<td align="left">431									Étage 1								</td>432								<td align="right">433									<a href="/appartements-condos-locatifs-levis/phase-2/etage-1/" class="btn_details_table">Voir les unités</a>434								</td>435							</tr>436437						438													<tr width="100%">439								<td align="left">440									Étage 2								</td>441								<td align="right">442									<a href="/appartements-condos-locatifs-levis/phase-2/etage-2/" class="btn_details_table">Voir les unités</a>443								</td>444							</tr>445446						447													<tr width="100%">448								<td align="left">449									Étage 3								</td>450								<td align="right">451									<a href="/appartements-condos-locatifs-levis/phase-2/etage-3/" class="btn_details_table">Voir les unités</a>452								</td>453							</tr>454455						456													<tr width="100%">457								<td align="left">458									Étage 4								</td>459								<td align="right">460									<a href="/appartements-condos-locatifs-levis/phase-2/etage-4/" class="btn_details_table">Voir les unités</a>461								</td>462							</tr>463464						465													<tr width="100%">466								<td align="left">467									Étage 5								</td>468								<td align="right">469									<a href="/appartements-condos-locatifs-levis/phase-2/etage-5/" class="btn_details_table">Voir les unités</a>470								</td>471							</tr>472473												</tbody>474					</table>475					476				</div>477			</div>478		</div>479		<div style="clear: both;"></div>480	</div>481</div>482	</div>483	484		<section id="footer-information" class="section paraxify" style="background-image: url(/img/theme/bg_footer_info.jpg);">485		<div class="container">486	<div class="row">487		<div class="col-lg-12 txt_center">488			<h3>Réservez votre appartement dès aujourd'hui!</h3>489			490			<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>491			492			<div style="padding-top: 15px;" class="margin-top-50">493							<a href="/appartements-condos-locatifs-levis/phase-2/" 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>494				<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>495			</div>496		</div>497	</div>498</div>	</section>499		500	<section id="footer-widgets" class="section">501		<div class="container">502	<div class="row">503		<div class="col-sm-12 col-md-4 col-lg-4 col-footer-widget">504			<div class="footer-widget-element footer-widget-logo">505				<a href="/"><img src="/img/theme/logo_qle_blanc.png" alt="Quartier les éléments" style="max-width: 100%;height: auto;" /></a>506			</div>507		</div>508		<div class="col-sm-12 col-md-4 col-lg-4 col-footer-widget">509			<div class="footer-widget-element">510				<h4>À propos</h4>511				<div class="content-footer-widget-element">512					<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>513				</div>514			</div>515		</div>516		<div class="col-sm-12 col-md-4 col-lg-4 col-footer-widget">517			<div class="footer-widget-element">518				<h4>Coordonnées</h4>519				<div class="content-footer-widget-element">520					<p>1432 rue de Jupiter #102<br/>Lévis, QC  G6W 0N8</p>521					<p><strong>581 922-3334<br/>info@quartierleselements.com</strong></p>522					<a href="/contact/" class="btn btn-primary">Contactez-nous <i class="fa fa-angle-right" aria-hidden="true"></i></a>523				</div>524			</div>525		</div>526	<div>527</div>	</section>528	529	<footer id="main_footer">530		531<div class="container">532	<div id="copyright" class="pull-left">533		© 2026 Tous droits réservés534	</div>535	<div id="conception" class="pull-right">536		<a href="https://www.trois-soixante.com/" target="_blank"><img src="/img/theme/logo_ts.png" alt="Trois-Soixante - Web + Marketing" /></a>537	</div>538	<div style="clear: both;"></div>539</div>		<!-- TESTDOM -->540	</footer>541	542	<script>543544		jQuery(document).ready(function() {545			546			547			paraxify('.paraxify', {548				speed: 25,549				boost: 1550			});551			552			wow = new WOW(553			  {554				animateClass: 'animated',555				offset:       100,556				callback:     function(box) {557				  console.log("WOW: animating <" + box.tagName.toLowerCase() + ">")558				}559			  }560			);561			wow.init();562			563		  564			565			jQuery('#btn_nav_mobile').click(function() {566				567				if(jQuery('#nav_principale').hasClass('open')) {568					569					jQuery('#nav_principale').removeClass('open');570					jQuery('#bg_mob_nav').fadeOut(300);571					572					jQuery('body').removeClass('menu_open');573					jQuery(this).find('i').removeClass('fa-times');574					jQuery(this).find('i').addClass('fa-bars');575					576					577				} else {578				579					jQuery('#nav_principale').addClass('open');580					jQuery('#bg_mob_nav').fadeIn(300);581					582					jQuery('body').addClass('menu_open');583					jQuery(this).find('i').removeClass('fa-bars');584					jQuery(this).find('i').addClass('fa-times');585					586				}587				588			});589			590		});591		592	</script>593594		595</body>596</html>