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>206</h3>9 </li>10 <li>11 <p>Loyer</p>12 <h3>$1 500</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>790</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/SaOqIcvOMMHMTrb1Rd1PRaHuD4L9OKXEPKyn9HgXeIqPeAYpEpAo9vYof9T">51 <img src="https://wfiles.buildingstack.com/resources/image/SaOqIcvOMMHMTrb1Rd1PRaHuD4L9OKXEPKyn9HgXeIqPeAYpEpAo9vYof9T/preview" width="98" height="98">52 </a>53 <a href="https://wfiles.buildingstack.com/resources/image/I4v9DtPfM3TKDMPcLr5DU4LIRqrvDZGtRcSvKMyqeZmXhBCmkxURDoEPCvT">54 <img src="https://wfiles.buildingstack.com/resources/image/I4v9DtPfM3TKDMPcLr5DU4LIRqrvDZGtRcSvKMyqeZmXhBCmkxURDoEPCvT/preview" width="98" height="98">55 </a>56 <a href="https://wfiles.buildingstack.com/resources/image/Pd56AsjjQ4qvELfiUKfgK5XFDsntRoyQbREOfw6y7LHCaLCJaavSdXIHZGy1">57 <img src="https://wfiles.buildingstack.com/resources/image/Pd56AsjjQ4qvELfiUKfgK5XFDsntRoyQbREOfw6y7LHCaLCJaavSdXIHZGy1/preview" width="98" height="98">58 </a>59 <a href="https://wfiles.buildingstack.com/resources/image/Kb9dD6yWgw4dCQcwj3QnAJ6oFAcSfPkZiPmycLPDZKuI4XLRcL7E35CDtSy1">60 <img src="https://wfiles.buildingstack.com/resources/image/Kb9dD6yWgw4dCQcwj3QnAJ6oFAcSfPkZiPmycLPDZKuI4XLRcL7E35CDtSy1/preview" width="98" height="98">61 </a>62 <a href="https://wfiles.buildingstack.com/resources/image/TM5eKdbGSbDZMavhJ5PoS6f7J2yr8nYWk2IfbPkfgAOPenoNixkceAKsgfT">63 <img src="https://wfiles.buildingstack.com/resources/image/TM5eKdbGSbDZMavhJ5PoS6f7J2yr8nYWk2IfbPkfgAOPenoNixkceAKsgfT/preview" width="98" height="98">64 </a>65 <a href="https://wfiles.buildingstack.com/resources/image/QLDPSL1aUKnlSLfqCZ11C6bsQL8oKoinHtHPDJb4K4bcI5X4RMrnHq9fQpD">66 <img src="https://wfiles.buildingstack.com/resources/image/QLDPSL1aUKnlSLfqCZ11C6bsQL8oKoinHtHPDJb4K4bcI5X4RMrnHq9fQpD/preview" width="98" height="98">67 </a>68 <a href="https://wfiles.buildingstack.com/resources/image/JNfnI4fPJt4rRtXND4DhCZ9JGtLNLNahI6XrRdD9RMbeTJ9QSMrBD5bmC3D">69 <img src="https://wfiles.buildingstack.com/resources/image/JNfnI4fPJt4rRtXND4DhCZ9JGtLNLNahI6XrRdD9RMbeTJ9QSMrBD5bmC3D/preview" width="98" height="98">70 </a>71 <a href="https://wfiles.buildingstack.com/resources/image/E3OhGMj8CNHqPaTsPrWtI759SLHZJKXsR49XHaPCD7WuGp1CPLahDrDJKJD">72 <img src="https://wfiles.buildingstack.com/resources/image/E3OhGMj8CNHqPaTsPrWtI759SLHZJKXsR49XHaPCD7WuGp1CPLahDrDJKJD/preview" width="98" height="98">73 </a>74 <a href="https://wfiles.buildingstack.com/resources/image/Pc4vQ58uJ7LqOsXMMNX7H4XgLcvIMajjELfMGZ9ZDdX6MKurQ6X4BsrYD3D">75 <img src="https://wfiles.buildingstack.com/resources/image/Pc4vQ58uJ7LqOsXMMNX7H4XgLcvIMajjELfMGZ9ZDdX6MKurQ6X4BsrYD3D/preview" width="98" height="98">76 </a>77 </div>78 </div>79 </div>80 </div>81 <div class="content-item">82 <h3 class="accent_color_2">Équipements</h3>83 <ul class="main-items amentities">84 <li>85 <p class="title"><label for="Furnished">Meublé</label></p>86 <h4>Oui</h4>87 </li>88 89</ul>90<ul class="amentity-links">91 92 93</ul>9495969798 </div>99<div class="content-item ">100 <div class="unit-notes">101 <h3 class="accent_color_2">Commentaires</h3>102 <p><p>Situé dans un quartier tranquille 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><strong><u>Voyez toutes les unités dispoibles au www.progim.com</u></strong></p></p>103 </div>104 <ul class="comment-links">105 <li>106 <button class="contact-button">Contactez-nous</button>107 <div class="tooltip contact-tooltip">108 <a class="close-tooltip"><img src="/Content/Images/listings/close.png" alt=""></a>109 <h3>Contactez-nous</h3>110 <div class="content-item">111 <ul class="unit-floor-name">112 <li>113 <p>Unité</p>114 <h3>206</h3>115 </li>116 <li>117 <p>Loyer</p>118 <h3>$1 500</h3>119 </li>120 </ul>121 <ul class="unit-floor-type">122 <li class="residential-type">Résidentiel </li>123 </ul>124 </div>125 <div class="content-item">126 <ul class="main-items">127 <li>128 <p class="title">Superficie (pi.ca)</p>129 <h4>790</h4>130 </li>131 <li>132 <p class="title">Étage</p>133 <h4>1</h4>134 </li>135 <li>136 <p class="title">Ch. à coucher</p>137 <h4>2</h4>138 </li>139140 <li>141 <p class="title">Salles de bains</p>142 <h4>1</h4>143 </li>144145146 </ul>147 </div>148 149150151152<script type="text/javascript">153 var onSuccess = function (data) {154 $(this).closest(".js-send-unit-request").html(data);155 }156</script>157158<div class="js-send-unit-request">159<form action="/Listing/Send/332575" 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="332575" /><input data-val="true" data-val-required="[[Apartment_UnitName_RequiredAttribute]]" id="Apartment_UnitName" name="Apartment.UnitName" type="hidden" value="206" /><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="49444" /><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="202133705601004944419" /><input id="lang" name="lang" type="hidden" value="fr-CA" /> <div class="contact-us-box">160 <div class="input-field">161 <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="" />162 <span class="field-validation-valid" data-valmsg-for="FirstName" data-valmsg-replace="true"></span>163 </div>164 <div class="input-field">165 <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="" />166 <span class="field-validation-valid" data-valmsg-for="LastName" data-valmsg-replace="true"></span>167 </div>168 <div class="input-field">169 <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="" />170 <span class="field-validation-valid" data-valmsg-for="Email" data-valmsg-replace="true"></span>171 </div>172 <div class="input-field">173 174175<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" />176177178 <span class="field-validation-valid" data-valmsg-for="Phone" data-valmsg-replace="true"></span>179 </div>180 <div class="input-field">181 <textarea class="input-box" cols="20" id="QuestionsAndComments" name="QuestionsAndComments" placeholder="Questions ou commentaires?" rows="2">182</textarea>183 </div>184 <input class="send" type="submit" onclick="gtag('event', 'contact_us_unit', {'event_category': 'Lead', 'event_label': 'Contact for 206'})" value="Envoyer">185 </div>186</form></div>187188 </div>189 </li>190 </ul>191</div>192193<script>194 $(document).ready(function () {195196 $(".contact-tooltip").wrap("<div class='popup'></div>");197 $("<div class='close-popup'></div>").insertAfter(".contact-tooltip");198199 //popup200 $('.contact-button').click(function () {201 $(this).siblings('.popup').toggleClass('is-visible');202 $('body').toggleClass('body-overflow');203 $(".contact-tooltip").click(function (event) {204 event.stopPropagation();205 });206 });207208 $('.popup').on('click', function (event) {209 if ($(event.target).is('.close-popup') || $(event.target).is('.popup')) {210 event.preventDefault();211 $(this).removeClass('is-visible');212 $('body').removeClass('body-overflow');213 }214 });215216217 //close popup when clicking the esc keyboard button218 $(document).keyup(function (event) {219 if (event.which == '27') {220 $('.popup').removeClass('is-visible');221 $('body').removeClass('body-overflow');222 }223 });224225 });226</script>