SPB Git

spb/lou-ka Public

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

HTML 99.7%
19.5 KB · 570 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>Unité 210 - 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 - Unité 210" />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	<link rel="canonical" href="http://www.quartierleselements.com/appartements-condos-locatifs-levis/phase-3/" />	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=" 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="active" >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			344<div id="page_top_container">345	<div class="container">346		<div class="row">347			<div class="col-lg-12">348				                <h1>Phase 3 - Unité 210</h1>349                			</div>350		</div>351	</div>352</div>353	354<div class="content content_autres">355	<div class="container" id="container_etages_tootips" style="max-width: 990px !important;">356		<div class="row">357			<div class="col-sm-12">358				<div class="titre_etages_mobiles">Étages</div>359				<ul class="menu_etages">360					<li><a href="/appartements-condos-locatifs-levis/phase-3/etage-1/" rel="canonical" data-title="Étage 1" data-floor="floor_44"><span>Étage </span>1</a></li><li class="active"><a href="/appartements-condos-locatifs-levis/phase-3/etage-2/" rel="canonical" data-title="Étage 2" data-floor="floor_45"><span>Étage </span>2</a></li><li><a href="/appartements-condos-locatifs-levis/phase-3/etage-3/" rel="canonical" data-title="Étage 3" data-floor="floor_46"><span>Étage </span>3</a></li><li><a href="/appartements-condos-locatifs-levis/phase-3/etage-4/" rel="canonical" data-title="Étage 4" data-floor="floor_47"><span>Étage </span>4</a></li><li><a href="/appartements-condos-locatifs-levis/phase-3/etage-5/" rel="canonical" data-title="Étage 5" data-floor="floor_48"><span>Étage </span>5</a></li>				</ul>361			362			</div>363		</div>364		<div class="row">365			<div class="col-sm-4">366			367				<h2 style="margin-top: 0;">Unité 210</h2>368				<div id="size">369				370					371					Grandeur : 3 1/2<br/>372					Superficie brute : 952 pi2<br/>373					Superficie terrasse : 126 pi2<br/>374					Superficie totale : 1078 pi2<br/>375					376										Avec boudoir<br/>377																				Prix : 1470$ pour le 1er septembre 2026<br/>378									</div>379				380381382<form action="/appartements-condos-locatifs-levis/phase-3/etage-2/210/" class="form" id="InformationViewForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"/></div><div id="form">383	384	<div class="row">385		<div class="col-sm-12">386			<h3 style="margin-bottom: 30px;margin-top: 30px;">Demande d'information</h3>387		</div>388	</div>389	390		<div class="row">391		<div class="col-sm-12">392			<div class="form-group">393				<div class="field"><input name="data[Information][prenom]" class="form-control" placeholder="Prénom*" type="text" id="InformationPrenom"/></div>			</div>394		</div>395	</div>396	<div class="row">397		<div class="col-sm-12">398			<div class="form-group">399				<div class="field"><input name="data[Information][nom]" class="form-control" placeholder="Nom*" type="text" id="InformationNom"/></div>			</div>400		</div>401	</div>402	<div class="row">403		<div class="col-sm-12">404			<div class="form-group">405				<div class="field"><input name="data[Information][courriel]" class="form-control" placeholder="Courriel*" type="text" id="InformationCourriel"/></div>			</div>406		</div>407	</div>408	<div class="row">409		<div class="col-sm-12">410			<div class="form-group">411				<div class="field"><input name="data[Information][telephone]" class="form-control" placeholder="Entrez votre téléphone" type="text" id="InformationTelephone"/></div>			</div>412		</div>413	</div>414	<div class="row">415		<div class="col-sm-12">416			<div class="form-group">417				<div class="field"><textarea name="data[Information][question]" rows="2" cols="21" class="form-control" placeholder="Votre message" id="InformationQuestion"></textarea></div>			</div>418		</div>419	</div>420	421	<div style="display: none !important; visibility: hidden !important;">422	<div class="field"><label for="InformationHoneypot">Honeypot</label><input name="data[Information][honeypot]" class="form-control" style="display: none !important; visibility: hidden !important;" type="text" id="InformationHoneypot"/></div>	</div>423	424	425	426	<input type="hidden" name="data[Information][unit_id]" value="499" id="InformationUnitId"/>	427	428	<div class="g-recaptcha" style="margin-bottom: 30px;" data-sitekey="6LfGV7EZAAAAAPJGkepXc_j3BfTETMN96IDGy5mi"></div>429	430	431	<div class="row">432		<div class="col-sm-12">433			<div class="form-group">434				<div class="submit"><input  class="btn-secondary" type="submit" value="Envoyer"/></div>			</div>435		</div>436	</div>437	438</div>439</form>	440441				442			</div>443			<div class="col-sm-8">444				445				<img src="/uploads/unit_types/photos/photo_unit_type_363.jpg" style="max-width: 100%;height: auto;" alt="Unité 210" />				446				<div>447					<a href="/uploads/units/pdf/pdf_unit_499.pdf" target="_blank" class="btn-primary" style="display: inline-block;margin-top: 20px;" >Télécharger le plan <i class="fa fa-file-pdf-o" aria-hidden="true"></i></a>					448					<div id="share">449						<div class="addthis_toolbox addthis_default_style">450							<a class="addthis_button_facebook"></a>451							<a class="addthis_button_twitter"></a>452							<a class="addthis_button_email"></a>453							<a class="addthis_button_linkedin"></a>454							<a class="addthis_button_print"></a>455							<a class="addthis_button_compact"></a>456							<a class="addthis_counter addthis_bubble_style"></a>457						</div>458						<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4e5e7c6a2c634583"></script>459					</div>460				</div>461			</div>462		</div>463		<div class="row">464			<div class="col-sm-12">465				466			</div>467		</div>468	</div>469</div>470	471	</div>472	473		474	<section id="footer-widgets" class="section">475		<div class="container">476	<div class="row">477		<div class="col-sm-12 col-md-4 col-lg-4 col-footer-widget">478			<div class="footer-widget-element footer-widget-logo">479				<a href="/"><img src="/img/theme/logo_qle_blanc.png" alt="Quartier les éléments" style="max-width: 100%;height: auto;" /></a>480			</div>481		</div>482		<div class="col-sm-12 col-md-4 col-lg-4 col-footer-widget">483			<div class="footer-widget-element">484				<h4>À propos</h4>485				<div class="content-footer-widget-element">486					<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>487				</div>488			</div>489		</div>490		<div class="col-sm-12 col-md-4 col-lg-4 col-footer-widget">491			<div class="footer-widget-element">492				<h4>Coordonnées</h4>493				<div class="content-footer-widget-element">494					<p>1432 rue de Jupiter #102<br/>Lévis, QC  G6W 0N8</p>495					<p><strong>581 922-3334<br/>info@quartierleselements.com</strong></p>496					<a href="/contact/" class="btn btn-primary">Contactez-nous <i class="fa fa-angle-right" aria-hidden="true"></i></a>497				</div>498			</div>499		</div>500	<div>501</div>	</section>502	503	<footer id="main_footer">504		505<div class="container">506	<div id="copyright" class="pull-left">507		© 2026 Tous droits réservés508	</div>509	<div id="conception" class="pull-right">510		<a href="https://www.trois-soixante.com/" target="_blank"><img src="/img/theme/logo_ts.png" alt="Trois-Soixante - Web + Marketing" /></a>511	</div>512	<div style="clear: both;"></div>513</div>		<!-- TESTDOM -->514	</footer>515	516	<script>517518		jQuery(document).ready(function() {519			520			521			paraxify('.paraxify', {522				speed: 25,523				boost: 1524			});525			526			wow = new WOW(527			  {528				animateClass: 'animated',529				offset:       100,530				callback:     function(box) {531				  console.log("WOW: animating <" + box.tagName.toLowerCase() + ">")532				}533			  }534			);535			wow.init();536			537		  538			539			jQuery('#btn_nav_mobile').click(function() {540				541				if(jQuery('#nav_principale').hasClass('open')) {542					543					jQuery('#nav_principale').removeClass('open');544					jQuery('#bg_mob_nav').fadeOut(300);545					546					jQuery('body').removeClass('menu_open');547					jQuery(this).find('i').removeClass('fa-times');548					jQuery(this).find('i').addClass('fa-bars');549					550					551				} else {552				553					jQuery('#nav_principale').addClass('open');554					jQuery('#bg_mob_nav').fadeIn(300);555					556					jQuery('body').addClass('menu_open');557					jQuery(this).find('i').removeClass('fa-bars');558					jQuery(this).find('i').addClass('fa-times');559					560				}561				562			});563			564		});565		566	</script>567568		569</body>570</html>