SPB Git

spb/lou-ka Public

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

HTML 99.7%
21.3 KB · 586 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 1 - 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="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="active" >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="" >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 1</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="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="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-1/etage-1/" data-available="1" rel="canonical" data-title="Étage 1" data-floor="floor_35"><span>Étage </span>1</a></li><li><a href="/appartements-condos-locatifs-levis/phase-1/etage-2/" data-available="1" rel="canonical" data-title="Étage 2" data-floor="floor_36"><span>Étage </span>2</a></li><li><a href="/appartements-condos-locatifs-levis/phase-1/etage-3/" data-available="1" rel="canonical" data-title="Étage 3" data-floor="floor_37"><span>Étage </span>3</a></li><li><a href="/appartements-condos-locatifs-levis/phase-1/etage-4/" data-available="1" rel="canonical" data-title="Étage 4" data-floor="floor_38"><span>Étage </span>4</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_13.jpg" id="img_etages" alt="Main" usemap="#etages" class="etages" />						<map name="etages" id="etages">414																<area rel="nofollow" id="floor_35"  data-available="1" href="/appartements-condos-locatifs-levis/phase-1/etage-1/" shape="poly" coords="30,356,309,352,464,349,606,347,898,354,898,378,925,378,926,403,834,413,834,416,801,420,756,422,606,421,464,413,464,419,429,421,334,416,32,393" />415																		<area rel="nofollow" id="floor_36"  data-available="1" href="/appartements-condos-locatifs-levis/phase-1/etage-2/" shape="poly" coords="31,323,207,304,308,294,465,279,606,262,900,310,900,326,915,328,923,329,927,331,927,353,606,343,464,348,309,351,207,353,116,355,54,356,30,355" />416																		<area rel="nofollow" id="floor_37"  data-available="1" href="/appartements-condos-locatifs-levis/phase-1/etage-3/" shape="poly" coords="31,288,57,283,207,256,309,237,464,208,607,189,707,210,845,248,900,264,900,274,912,277,918,278,923,281,926,283,926,305,888,308,859,302,607,267,464,279,249,301,58,320,30,324" />417																		<area rel="nofollow" id="floor_38"  data-available="1" href="/appartements-condos-locatifs-levis/phase-1/etage-4/" shape="poly" coords="32,246,46,242,31,240,31,235,103,210,183,184,237,166,297,146,365,124,404,113,429,106,465,118,465,109,497,99,503,102,503,107,606,77,690,114,738,103,768,114,792,124,810,133,810,162,844,156,872,166,897,178,915,187,926,197,926,203,900,207,900,223,914,228,926,236,926,259,900,262,888,261,805,238,707,211,607,187,464,209,248,249,86,279,57,285,31,290,31,287,33,286" />418															</map>419					</div>420					421					<div id="img_etages_mobile">422						<img src="/uploads/projects/photo_project_13.jpg" alt="Main" />					</div>423					424					<table class="table table-bordered table-striped" id="tableau_etages_mobile" width="100%">425						<thead></thead>426						<tbody>427						428													<tr width="100%">429								<td align="left">430									Étage 1								</td>431								<td align="right">432									<a href="/appartements-condos-locatifs-levis/phase-1/etage-1/" class="btn_details_table">Voir les unités</a>433								</td>434							</tr>435436						437													<tr width="100%">438								<td align="left">439									Étage 2								</td>440								<td align="right">441									<a href="/appartements-condos-locatifs-levis/phase-1/etage-2/" class="btn_details_table">Voir les unités</a>442								</td>443							</tr>444445						446													<tr width="100%">447								<td align="left">448									Étage 3								</td>449								<td align="right">450									<a href="/appartements-condos-locatifs-levis/phase-1/etage-3/" class="btn_details_table">Voir les unités</a>451								</td>452							</tr>453454						455													<tr width="100%">456								<td align="left">457									Étage 4								</td>458								<td align="right">459									<a href="/appartements-condos-locatifs-levis/phase-1/etage-4/" class="btn_details_table">Voir les unités</a>460								</td>461							</tr>462463												</tbody>464					</table>465					466				</div>467			</div>468		</div>469		<div style="clear: both;"></div>470	</div>471</div>472	</div>473	474		<section id="footer-information" class="section paraxify" style="background-image: url(/img/theme/bg_footer_info.jpg);">475		<div class="container">476	<div class="row">477		<div class="col-lg-12 txt_center">478			<h3>Réservez votre appartement dès aujourd'hui!</h3>479			480			<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>481			482			<div style="padding-top: 15px;" class="margin-top-50">483							<a href="/appartements-condos-locatifs-levis/phase-1/" 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>484				<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>485			</div>486		</div>487	</div>488</div>	</section>489		490	<section id="footer-widgets" class="section">491		<div class="container">492	<div class="row">493		<div class="col-sm-12 col-md-4 col-lg-4 col-footer-widget">494			<div class="footer-widget-element footer-widget-logo">495				<a href="/"><img src="/img/theme/logo_qle_blanc.png" alt="Quartier les éléments" style="max-width: 100%;height: auto;" /></a>496			</div>497		</div>498		<div class="col-sm-12 col-md-4 col-lg-4 col-footer-widget">499			<div class="footer-widget-element">500				<h4>À propos</h4>501				<div class="content-footer-widget-element">502					<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>503				</div>504			</div>505		</div>506		<div class="col-sm-12 col-md-4 col-lg-4 col-footer-widget">507			<div class="footer-widget-element">508				<h4>Coordonnées</h4>509				<div class="content-footer-widget-element">510					<p>1432 rue de Jupiter #102<br/>Lévis, QC  G6W 0N8</p>511					<p><strong>581 922-3334<br/>info@quartierleselements.com</strong></p>512					<a href="/contact/" class="btn btn-primary">Contactez-nous <i class="fa fa-angle-right" aria-hidden="true"></i></a>513				</div>514			</div>515		</div>516	<div>517</div>	</section>518	519	<footer id="main_footer">520		521<div class="container">522	<div id="copyright" class="pull-left">523		© 2026 Tous droits réservés524	</div>525	<div id="conception" class="pull-right">526		<a href="https://www.trois-soixante.com/" target="_blank"><img src="/img/theme/logo_ts.png" alt="Trois-Soixante - Web + Marketing" /></a>527	</div>528	<div style="clear: both;"></div>529</div>		<!-- TESTDOM -->530	</footer>531	532	<script>533534		jQuery(document).ready(function() {535			536			537			paraxify('.paraxify', {538				speed: 25,539				boost: 1540			});541			542			wow = new WOW(543			  {544				animateClass: 'animated',545				offset:       100,546				callback:     function(box) {547				  console.log("WOW: animating <" + box.tagName.toLowerCase() + ">")548				}549			  }550			);551			wow.init();552			553		  554			555			jQuery('#btn_nav_mobile').click(function() {556				557				if(jQuery('#nav_principale').hasClass('open')) {558					559					jQuery('#nav_principale').removeClass('open');560					jQuery('#bg_mob_nav').fadeOut(300);561					562					jQuery('body').removeClass('menu_open');563					jQuery(this).find('i').removeClass('fa-times');564					jQuery(this).find('i').addClass('fa-bars');565					566					567				} else {568				569					jQuery('#nav_principale').addClass('open');570					jQuery('#bg_mob_nav').fadeIn(300);571					572					jQuery('body').addClass('menu_open');573					jQuery(this).find('i').removeClass('fa-bars');574					jQuery(this).find('i').addClass('fa-times');575					576				}577				578			});579			580		});581		582	</script>583584		585</body>586</html>