spb/lou-ka Public
Lou·Ka — tous les logements à louer du Québec, un seul endroit.
HTML 99.7%
123<div class="content-item">4 <div class="content-item">5 <ul class="unit-floor-name">6 <li>7 <p>Unité</p>8 <h3>880 - 4</h3>9 </li>10 <li>11 <p>Loyer</p>12 <h3>$1 700</h3>13 </li>14 </ul>1516 <ul class="unit-floor-type">17 <li class="residential-type">Résidentiel </li>18 </ul>19 </div>20 <div class="content-item">21 <h3 class="accent_color_2">Général</h3>22 <ul class="main-items">23 <li>24 <p class="title">Superficie (pi.ca)</p>25 <h4>--</h4>26 </li>27 <li>28 <p class="title">Étage</p>29 <h4>1</h4>30 </li>31 <li>32 <p class="title">Ch. à coucher</p>33 <h4>2</h4>34 </li>3536 <li>37 <p class="title">Salles de bains</p>38 <h4>1</h4>39 </li>404142 </ul>43 </div>44</div>45 <div class="content-item tab-slider">46 <div class="demo">47 <div class="item">48 <div class="content-slider">4950 <a href="https://wfiles.buildingstack.com/resources/image/TKrOP4H4CNLXKcGmI4jtGqrFGbHhMN96TsTfIMSpL49IHr4mHZOoJ7LhC3D">51 <img src="https://wfiles.buildingstack.com/resources/image/TKrOP4H4CNLXKcGmI4jtGqrFGbHhMN96TsTfIMSpL49IHr4mHZOoJ7LhC3D/preview" width="98" height="98">52 </a>53 <a href="https://wfiles.buildingstack.com/resources/image/Od8uI5TcQbfiGcupRMbpJqDKTbP3OKrJLKTuLqPrRbb1K6D4LtXlM3WsLJD">54 <img src="https://wfiles.buildingstack.com/resources/image/Od8uI5TcQbfiGcupRMbpJqDKTbP3OKrJLKTuLqPrRbb1K6D4LtXlM3WsLJD/preview" width="98" height="98">55 </a>56 <a href="https://wfiles.buildingstack.com/resources/image/QsfGDdTAJtDFRtbMPa9dQqqqJpTdJa4hApbYRsvFIrPJK5OrHrWvIafXJJD">57 <img src="https://wfiles.buildingstack.com/resources/image/QsfGDdTAJtDFRtbMPa9dQqqqJpTdJa4hApbYRsvFIrPJK5OrHrWvIafXJJD/preview" width="98" height="98">58 </a>59 <a href="https://wfiles.buildingstack.com/resources/image/MbbAM359H5TnP6PmRMyR6Z4xBHgPlBSdco4okHYpABCd8ReQhJaheBge61T">60 <img src="https://wfiles.buildingstack.com/resources/image/MbbAM359H5TnP6PmRMyR6Z4xBHgPlBSdco4okHYpABCd8ReQhJaheBge61T/preview" width="98" height="98">61 </a>62 <a href="https://wfiles.buildingstack.com/resources/image/P4fbR7H3HcDLRafaQqybkJIvF36tDoKcFAkc72GRE9YP73IPgogxgpASe9T">63 <img src="https://wfiles.buildingstack.com/resources/image/P4fbR7H3HcDLRafaQqybkJIvF36tDoKcFAkc72GRE9YP73IPgogxgpASe9T/preview" width="98" height="98">64 </a>65 </div>66 </div>67 </div>68 </div>69 <div class="content-item">70 <h3 class="accent_color_2">Équipements</h3>71 <ul class="main-items amentities">72 <li>73 <p class="title"><label for="AirConditioning">Climatisation</label></p>74 <h4>Air climatisé mural</h4>75 </li>76 <li>77 <p class="title"><label for="Heating">Chauffage</label></p>78 <h4>Électricité</h4>79 </li>80 81</ul>82<ul class="amentity-links">83 84 <li><span><label for="Balcony">Balcon</label></span></li>85 86</ul>8788899091 </div>92<div class="content-item ">93 <div class="unit-notes">94 <h3 class="accent_color_2">Commentaires</h3>95 <p><p>Situé dans un quartier recherché de Sainte-Julie, cet appartement entièrement rénové offre tout le confort nécessaire. Il comprend notamment:</p><p><strong>Thermopompe</strong></p><p><strong>Comptoirs de quartz</strong></p><p><strong>Balcon</strong></p><p><strong>Stationnement</strong></p><p></p><p>L'appartement bénéficie de plus d'une excellente luminosité naturelle grâce à ses fenêtres et porte-patio. Vous apprécierez également la proximité de tous les parcs et commidités qui font la réputation de Sainte-Julie</p><p><strong>Contactez PROGIM : 514-856-7781</strong></p><p><strong><u>Voyez toutes les unités disponibles au www.progim.com</u></strong></p></p>96 </div>97 <ul class="comment-links">98 <li>99 <button class="contact-button">Contactez-nous</button>100 <div class="tooltip contact-tooltip">101 <a class="close-tooltip"><img src="/Content/Images/listings/close.png" alt=""></a>102 <h3>Contactez-nous</h3>103 <div class="content-item">104 <ul class="unit-floor-name">105 <li>106 <p>Unité</p>107 <h3>880 - 4</h3>108 </li>109 <li>110 <p>Loyer</p>111 <h3>$1 700</h3>112 </li>113 </ul>114 <ul class="unit-floor-type">115 <li class="residential-type">Résidentiel </li>116 </ul>117 </div>118 <div class="content-item">119 <ul class="main-items">120 <li>121 <p class="title">Superficie (pi.ca)</p>122 <h4>--</h4>123 </li>124 <li>125 <p class="title">Étage</p>126 <h4>1</h4>127 </li>128 <li>129 <p class="title">Ch. à coucher</p>130 <h4>2</h4>131 </li>132133 <li>134 <p class="title">Salles de bains</p>135 <h4>1</h4>136 </li>137138139 </ul>140 </div>141 142143144145<script type="text/javascript">146 var onSuccess = function (data) {147 $(this).closest(".js-send-unit-request").html(data);148 }149</script>150151<div class="js-send-unit-request">152<form action="/Listing/Send/519189" data-ajax="true" data-ajax-method="Post" data-ajax-success="onSuccess" id="form0" method="post"><input data-val="true" data-val-number="The field [[Apartment_UnitId]] must be a number." data-val-required="The [[Apartment_UnitId]] field is required." id="Apartment_UnitId" name="Apartment.UnitId" type="hidden" value="519189" /><input data-val="true" data-val-required="[[Apartment_UnitName_RequiredAttribute]]" id="Apartment_UnitName" name="Apartment.UnitName" type="hidden" value="880 - 4" /><input data-val="true" data-val-number="The field Immeuble must be a number." data-val-required="The Immeuble field is required." id="Apartment_BuildingId" name="Apartment.BuildingId" type="hidden" value="62708" /><input data-val="true" data-val-number="The field [[Apartment_AccountId]] must be a number." data-val-required="The [[Apartment_AccountId]] field is required." id="Apartment_AccountId" name="Apartment.AccountId" type="hidden" value="1057" /><input id="buildingKey" name="buildingKey" type="hidden" value="202333705604006270812" /><input id="lang" name="lang" type="hidden" value="fr-CA" /> <div class="contact-us-box">153 <div class="input-field">154 <input class="text-box single-line input-box" data-val="true" data-val-required="Le prénom est un champ requis" id="FirstName" name="FirstName" placeholder="Prénom" type="text" value="" />155 <span class="field-validation-valid" data-valmsg-for="FirstName" data-valmsg-replace="true"></span>156 </div>157 <div class="input-field">158 <input class="text-box single-line input-box" data-val="true" data-val-required="Le nom est un champ requis" id="LastName" name="LastName" placeholder="Nom" type="text" value="" />159 <span class="field-validation-valid" data-valmsg-for="LastName" data-valmsg-replace="true"></span>160 </div>161 <div class="input-field">162 <input class="text-box single-line input-box" data-val="true" data-val-email="Adresse de courriel n'est pas dans un format approprié" data-val-length="[[ListingApartmentModel_Email_StringLengthAttribute]]" data-val-length-max="255" data-val-required="L’adresse de courriel est un champ requis" id="Email" name="Email" placeholder="Courriel" type="text" value="" />163 <span class="field-validation-valid" data-valmsg-for="Email" data-valmsg-replace="true"></span>164 </div>165 <div class="input-field">166 167168<input class="text-box single-line input-box" data-inputmask="'alias': 'phone'" data-val="true" data-val-regex="Numéro de téléphone doit être dans un format international. Par exemple: +15145550123" data-val-regex-pattern="^\+[1-9]{1}[0-9()-]{7,15}$" data-val-required="Le numéro de téléphone est un champ requis" id="Phone" name="Phone" placeholder="Numéro de téléphone" type="text" value="+1" />169170171 <span class="field-validation-valid" data-valmsg-for="Phone" data-valmsg-replace="true"></span>172 </div>173 <div class="input-field">174 <textarea class="input-box" cols="20" id="QuestionsAndComments" name="QuestionsAndComments" placeholder="Questions ou commentaires?" rows="2">175</textarea>176 </div>177 <input class="send" type="submit" onclick="gtag('event', 'contact_us_unit', {'event_category': 'Lead', 'event_label': 'Contact for 880 - 4'})" value="Envoyer">178 </div>179</form></div>180181 </div>182 </li>183 </ul>184</div>185186<script>187 $(document).ready(function () {188189 $(".contact-tooltip").wrap("<div class='popup'></div>");190 $("<div class='close-popup'></div>").insertAfter(".contact-tooltip");191192 //popup193 $('.contact-button').click(function () {194 $(this).siblings('.popup').toggleClass('is-visible');195 $('body').toggleClass('body-overflow');196 $(".contact-tooltip").click(function (event) {197 event.stopPropagation();198 });199 });200201 $('.popup').on('click', function (event) {202 if ($(event.target).is('.close-popup') || $(event.target).is('.popup')) {203 event.preventDefault();204 $(this).removeClass('is-visible');205 $('body').removeClass('body-overflow');206 }207 });208209210 //close popup when clicking the esc keyboard button211 $(document).keyup(function (event) {212 if (event.which == '27') {213 $('.popup').removeClass('is-visible');214 $('body').removeClass('body-overflow');215 }216 });217218 });219</script>