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>304</h3>9 </li>10 <li>11 <p>Loyer</p>12 <h3>$1 250</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>472</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>1</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">49 <a href="http://www.youtube.com/embed/WrKNSO4xTis" class="video">50 <img src="http://img.youtube.com/vi/WrKNSO4xTis/1.jpg" width="174" height="98">51 <div class="demo-gallery-poster">52 <img src="/Content/Images/Listings/video-play.png">53 </div>54 </a>5556 <a href="https://wfiles.buildingstack.com/resources/image/OZ0qMN17Q3TlKdLfKLClDcLvCKHgRMbBQt9BU6ThU5bhHKPsPcTuTtb9D3D">57 <img src="https://wfiles.buildingstack.com/resources/image/OZ0qMN17Q3TlKdLfKLClDcLvCKHgRMbBQt9BU6ThU5bhHKPsPcTuTtb9D3D/preview" width="98" height="98">58 </a>59 <a href="https://wfiles.buildingstack.com/resources/image/HKXkLMbHSa5dJbPQQtPbPdPfT6roKrf7H7DuJcr9JqHQLrHuD3HeUMDjTpD">60 <img src="https://wfiles.buildingstack.com/resources/image/HKXkLMbHSa5dJbPQQtPbPdPfT6roKrf7H7DuJcr9JqHQLrHuD3HeUMDjTpD/preview" width="98" height="98">61 </a>62 <a href="https://wfiles.buildingstack.com/resources/image/EJPYD4ntHqyx5vYsDA8uCxqLffWq9ACrjACWkpcb6vaigp6a9pGZeggX6XT">63 <img src="https://wfiles.buildingstack.com/resources/image/EJPYD4ntHqyx5vYsDA8uCxqLffWq9ACrjACWkpcb6vaigp6a9pGZeggX6XT/preview" width="98" height="98">64 </a>65 <a href="https://wfiles.buildingstack.com/resources/image/Gp5eD755GanMLsTlCa9fJayLggoP8wmrEHaWgxIWch8ucYEZfgIv6IAvd1T">66 <img src="https://wfiles.buildingstack.com/resources/image/Gp5eD755GanMLsTlCa9fJayLggoP8wmrEHaWgxIWch8ucYEZfgIv6IAvd1T/preview" width="98" height="98">67 </a>68 <a href="https://wfiles.buildingstack.com/resources/image/P4SpIaTZGNDuJanpJ78nRtfkIcTwQ4OvQ5PQLcX2JbTnScvOPZP4TKbDIJD">69 <img src="https://wfiles.buildingstack.com/resources/image/P4SpIaTZGNDuJanpJ78nRtfkIcTwQ4OvQ5PQLcX2JbTnScvOPZP4TKbDIJD/preview" width="98" height="98">70 </a>71 <a href="https://wfiles.buildingstack.com/resources/image/H6TNHcHnI3TuE48uJ6LHP55kTLGlK7DwQt0tDcemIpTaL79IJdbkRrerQpD">72 <img src="https://wfiles.buildingstack.com/resources/image/H6TNHcHnI3TuE48uJ6LHP55kTLGlK7DwQt0tDcemIpTaL79IJdbkRrerQpD/preview" width="98" height="98">73 </a>74 <a href="https://wfiles.buildingstack.com/resources/image/QsnvTMPBJJ0vJbX2Gbf7CdbgDd4hLK9BQcLBJ794Ir5CUailKp8hGZPYE3D">75 <img src="https://wfiles.buildingstack.com/resources/image/QsnvTMPBJJ0vJbX2Gbf7CdbgDd4hLK9BQcLBJ794Ir5CUailKp8hGZPYE3D/preview" width="98" height="98">76 </a>77 <a href="https://wfiles.buildingstack.com/resources/image/SJPaGtbBOKXDCbTZTs9vI3DkR6DmC3btKoyhDQYS6Y2cCIauDB4NiXWSjPT">78 <img src="https://wfiles.buildingstack.com/resources/image/SJPaGtbBOKXDCbTZTs9vI3DkR6DmC3btKoyhDQYS6Y2cCIauDB4NiXWSjPT/preview" width="98" height="98">79 </a>80 <a href="https://wfiles.buildingstack.com/resources/image/OaGlSJanItDLTr5bHJLnU65HS5LHCrTfJpD4HKPmD6njJK5cQKTHBqvvD3D">81 <img src="https://wfiles.buildingstack.com/resources/image/OaGlSJanItDLTr5bHJLnU65HS5LHCrTfJpD4HKPmD6njJK5cQKTHBqvvD3D/preview" width="98" height="98">82 </a>83 </div>84 </div>85 </div>86 </div>87 <div class="content-item">88 <h3 class="accent_color_2">Équipements</h3>89 <ul class="main-items amentities">90 <li>91 <p class="title"><label for="ElectricityIncluded">Électricité incluse</label></p>92 <h4>Oui</h4>93 </li>94 <li>95 <p class="title"><label for="HeatingIncluded">Chauffage inclus</label></p>96 <h4>Oui</h4>97 </li>98 <li>99 <p class="title"><label for="HotWaterIncluded">Eau chaude inclus</label></p>100 <h4>Oui</h4>101 </li>102 <li>103 <p class="title"><label for="Furnished">Meublé</label></p>104 <h4>Oui</h4>105 </li>106 107</ul>108<ul class="amentity-links">109 110 111</ul>112113114115116 </div>117<div class="content-item ">118 <div class="unit-notes">119 <h3 class="accent_color_2">Commentaires</h3>120 <p><p>Situé dans un quartier recherché, cet appartement offre tout le confort nécessaire.</p><p><strong>Il comprend :</strong></p><p><strong>• Pièces bien disposées</strong></p><p><strong>• Un beau salon</strong></p><p>L'appartement bénéficie d'une excellente luminosité naturelle grâce à ses fenêtres. Vous apprécierez également la proximité des commerces et/ou des écoles, et/ou des parcs et/ou des transports en commun.</p><p><strong>Caractéristiques supplémentaires :</strong></p><p><strong>•</strong></p><p><strong>Contactez PROGIM : 514-856-7781</strong></p></p>121 </div>122 <ul class="comment-links">123 <li>124 <button class="contact-button">Contactez-nous</button>125 <div class="tooltip contact-tooltip">126 <a class="close-tooltip"><img src="/Content/Images/listings/close.png" alt=""></a>127 <h3>Contactez-nous</h3>128 <div class="content-item">129 <ul class="unit-floor-name">130 <li>131 <p>Unité</p>132 <h3>304</h3>133 </li>134 <li>135 <p>Loyer</p>136 <h3>$1 250</h3>137 </li>138 </ul>139 <ul class="unit-floor-type">140 <li class="residential-type">Résidentiel </li>141 </ul>142 </div>143 <div class="content-item">144 <ul class="main-items">145 <li>146 <p class="title">Superficie (pi.ca)</p>147 <h4>472</h4>148 </li>149 <li>150 <p class="title">Étage</p>151 <h4>1</h4>152 </li>153 <li>154 <p class="title">Ch. à coucher</p>155 <h4>1</h4>156 </li>157158 <li>159 <p class="title">Salles de bains</p>160 <h4>1</h4>161 </li>162163164 </ul>165 </div>166 167168169170<script type="text/javascript">171 var onSuccess = function (data) {172 $(this).closest(".js-send-unit-request").html(data);173 }174</script>175176<div class="js-send-unit-request">177<form action="/Listing/Send/332319" 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="332319" /><input data-val="true" data-val-required="[[Apartment_UnitName_RequiredAttribute]]" id="Apartment_UnitName" name="Apartment.UnitName" type="hidden" value="304" /><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="49434" /><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="202133705601004943419" /><input id="lang" name="lang" type="hidden" value="fr-CA" /> <div class="contact-us-box">178 <div class="input-field">179 <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="" />180 <span class="field-validation-valid" data-valmsg-for="FirstName" data-valmsg-replace="true"></span>181 </div>182 <div class="input-field">183 <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="" />184 <span class="field-validation-valid" data-valmsg-for="LastName" data-valmsg-replace="true"></span>185 </div>186 <div class="input-field">187 <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="" />188 <span class="field-validation-valid" data-valmsg-for="Email" data-valmsg-replace="true"></span>189 </div>190 <div class="input-field">191 192193<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" />194195196 <span class="field-validation-valid" data-valmsg-for="Phone" data-valmsg-replace="true"></span>197 </div>198 <div class="input-field">199 <textarea class="input-box" cols="20" id="QuestionsAndComments" name="QuestionsAndComments" placeholder="Questions ou commentaires?" rows="2">200</textarea>201 </div>202 <input class="send" type="submit" onclick="gtag('event', 'contact_us_unit', {'event_category': 'Lead', 'event_label': 'Contact for 304'})" value="Envoyer">203 </div>204</form></div>205206 </div>207 </li>208 </ul>209</div>210211<script>212 $(document).ready(function () {213214 $(".contact-tooltip").wrap("<div class='popup'></div>");215 $("<div class='close-popup'></div>").insertAfter(".contact-tooltip");216217 //popup218 $('.contact-button').click(function () {219 $(this).siblings('.popup').toggleClass('is-visible');220 $('body').toggleClass('body-overflow');221 $(".contact-tooltip").click(function (event) {222 event.stopPropagation();223 });224 });225226 $('.popup').on('click', function (event) {227 if ($(event.target).is('.close-popup') || $(event.target).is('.popup')) {228 event.preventDefault();229 $(this).removeClass('is-visible');230 $('body').removeClass('body-overflow');231 }232 });233234235 //close popup when clicking the esc keyboard button236 $(document).keyup(function (event) {237 if (event.which == '27') {238 $('.popup').removeClass('is-visible');239 $('body').removeClass('body-overflow');240 }241 });242243 });244</script>