SPB Git

spb/lou-ka Public

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

HTML 99.7%
15.2 KB · 244 lines html
Raw Blame History
123<div class="content-item">4    <div class="content-item">5        <ul class="unit-floor-name">6            <li>7                <p>Unit&#233;</p>8                <h3>210</h3>9            </li>10            <li>11                <p>Loyer</p>12                <h3>$1&#160;500</h3>13            </li>14        </ul>1516        <ul class="unit-floor-type">17            <li class="residential-type">R&#233;sidentiel </li>18        </ul>19    </div>20    <div class="content-item">21        <h3 class="accent_color_2">G&#233;n&#233;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">&#201;tage</p>29                <h4></h4>30            </li>31            <li>32                <p class="title">Ch. &#224; 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/E3HFScquPJDBSsr9CpDeLJTaT5GmJ6DZIZOuCcTrDqr7StbBDNavIKb1C3D">51                            <img src="https://wfiles.buildingstack.com/resources/image/E3HFScquPJDBSsr9CpDeLJTaT5GmJ6DZIZOuCcTrDqr7StbBDNavIKb1C3D/preview" width="98" height="98">52                        </a>53                        <a href="https://wfiles.buildingstack.com/resources/image/RLSsSND2IJbwQN9cC49bP6f3PanhSNHhUN1pUd5YGrCmQ6yRfhIdD9Yi9fT">54                            <img src="https://wfiles.buildingstack.com/resources/image/RLSsSND2IJbwQN9cC49bP6f3PanhSNHhUN1pUd5YGrCmQ6yRfhIdD9Yi9fT/preview" width="98" height="98">55                        </a>56                        <a href="https://wfiles.buildingstack.com/resources/image/KNb2SL9cGaLiELf3MaXtJ7LvM5fdAp0sCKDsL4nqH4yZcx8eA2gshJqfCPT">57                            <img src="https://wfiles.buildingstack.com/resources/image/KNb2SL9cGaLiELf3MaXtJ7LvM5fdAp0sCKDsL4nqH4yZcx8eA2gshJqfCPT/preview" width="98" height="98">58                        </a>59                        <a href="https://wfiles.buildingstack.com/resources/image/JqOqCafMSs99LKX7CK5LR6CsRp5DKZTYIqasMZ4qDaCnJr4vEJ1HDs4pQpD">60                            <img src="https://wfiles.buildingstack.com/resources/image/JqOqCafMSs99LKX7CK5LR6CsRp5DKZTYIqasMZ4qDaCnJr4vEJ1HDs4pQpD/preview" width="98" height="98">61                        </a>62                        <a href="https://wfiles.buildingstack.com/resources/image/Oan8HKf8I3LBGMmsPdGtHMqrPcLYE4nNDrfZUK8mJ6PiC7XrGrLFU3OqC3D">63                            <img src="https://wfiles.buildingstack.com/resources/image/Oan8HKf8I3LBGMmsPdGtHMqrPcLYE4nNDrfZUK8mJ6PiC7XrGrLFU3OqC3D/preview" width="98" height="98">64                        </a>65                        <a href="https://wfiles.buildingstack.com/resources/image/KLDfKIjgU69LSLXjKsTgLIilTJSlIdWvI3X7P5CoH35hPNL4UdPgEKDaMJD">66                            <img src="https://wfiles.buildingstack.com/resources/image/KLDfKIjgU69LSLXjKsTgLIilTJSlIdWvI3X7P5CoH35hPNL4UdPgEKDaMJD/preview" width="98" height="98">67                        </a>68                        <a href="https://wfiles.buildingstack.com/resources/image/TpD8Bs97HJapHqLXRMOpI35MTdX2DZKnMMOqHcb9LdfLKqyu6IKh91gth9T">69                            <img src="https://wfiles.buildingstack.com/resources/image/TpD8Bs97HJapHqLXRMOpI35MTdX2DZKnMMOqHcb9LdfLKqyu6IKh91gth9T/preview" width="98" height="98">70                        </a>71                        <a href="https://wfiles.buildingstack.com/resources/image/IZX6K3XrS6XeI6TlD6frIsXvI4irUaj6T4fIKbDOSdOuSbHvGdClSNPfOpD">72                            <img src="https://wfiles.buildingstack.com/resources/image/IZX6K3XrS6XeI6TlD6frIsXvI4irUaj6T4fIKbDOSdOuSbHvGdClSNPfOpD/preview" width="98" height="98">73                        </a>74                        <a href="https://wfiles.buildingstack.com/resources/image/U7WhDcH3RtH2KbDbI3XrAqPYPsPKGaPgQ4quDbH4ScvbDb1kGqnDHJOoLJD">75                            <img src="https://wfiles.buildingstack.com/resources/image/U7WhDcH3RtH2KbDbI3XrAqPYPsPKGaPgQ4quDbH4ScvbDb1kGqnDHJOoLJD/preview" width="98" height="98">76                        </a>77                        <a href="https://wfiles.buildingstack.com/resources/image/McyWcB6X6QqycD3DavNJ4yeA2OdjPUrEXeaBBmrAoomj2Owc1oWbPUrDJcU1">78                            <img src="https://wfiles.buildingstack.com/resources/image/McyWcB6X6QqycD3DavNJ4yeA2OdjPUrEXeaBBmrAoomj2Owc1oWbPUrDJcU1/preview" width="98" height="98">79                        </a>80                        <a href="https://wfiles.buildingstack.com/resources/image/ULLAUbXFRLLfOsGmSKrtDaDoLaTdHcjbTtfZK4LhK79gI5bJGsfACqHeTpD">81                            <img src="https://wfiles.buildingstack.com/resources/image/ULLAUbXFRLLfOsGmSKrtDaDoLaTdHcjbTtfZK4LhK79gI5bJGsfACqHeTpD/preview" width="98" height="98">82                        </a>83                        <a href="https://wfiles.buildingstack.com/resources/image/C7elH7KpI3LXE6muJqjtRJDlRcfkDJ9KT6bjE4LmQtKsSr1JKMjtSMTERpD">84                            <img src="https://wfiles.buildingstack.com/resources/image/C7elH7KpI3LXE6muJqjtRJDlRcfkDJ9KT6bjE4LmQtKsSr1JKMjtSMTERpD/preview" width="98" height="98">85                        </a>86                        <a href="https://wfiles.buildingstack.com/resources/image/EJPeDcboAqyrixAPgvMhjgKd8hEPDY8uiY6WfJgQghAPgJMceYgZ9hecc1T">87                            <img src="https://wfiles.buildingstack.com/resources/image/EJPeDcboAqyrixAPgvMhjgKd8hEPDY8uiY6WfJgQghAPgJMceYgZ9hecc1T/preview" width="98" height="98">88                        </a>89                        <a href="https://wfiles.buildingstack.com/resources/image/K4X1IIyq8JGpk3ovihQy5TGUKyO9vihivgngJCRk9aYjQcXB1MwCYgs8Y2U1">90                            <img src="https://wfiles.buildingstack.com/resources/image/K4X1IIyq8JGpk3ovihQy5TGUKyO9vihivgngJCRk9aYjQcXB1MwCYgs8Y2U1/preview" width="98" height="98">91                        </a>92                        <a href="https://wfiles.buildingstack.com/resources/image/U75FMMvkE6qhKayi8vYyK5QGsKnD3HhCrPACp9ORMnNDab7ULD3S4bBINSy1">93                            <img src="https://wfiles.buildingstack.com/resources/image/U75FMMvkE6qhKayi8vYyK5QGsKnD3HhCrPACp9ORMnNDab7ULD3S4bBINSy1/preview" width="98" height="98">94                        </a>95                </div>96            </div>97        </div>98    </div>99    <div class="content-item">100        <h3 class="accent_color_2">&#201;quipements</h3>101        <ul class="main-items amentities">102                                                <li>103            <p class="title"><label for="Furnished">Meubl&#233;</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 secteur central et recherché de Châteauguay, cet appartement offre un espace de vie confortable, lumineux et idéalement situé à proximité de nombreux commerces, services et espaces verts.</p><p>Il comprend :</p><p>•</p><p>•  </p><p>• </p><p>L’appartement bénéficie d’une excellente luminosité naturelle.. Son emplacement stratégique permet un accès rapide aux commerces, aux restaurants ainsi qu’aux principaux axes routiers facilitant les déplacements quotidiens.</p><p><strong>Caractéristiques du quartier :</strong></p><p>• Secteur dynamique offrant un excellent équilibre entre tranquillité résidentielle et proximité des services </p><p>• Situé à quelques minutes du boulevard d’Anjou et du boulevard Saint-Jean-Baptiste </p><p>• À proximité de plusieurs commerces et services tels que Canadian Tire, IGA Extra, Maxi, Super C, Winners, Starbucks Coffee, Tim Hortons et SAQ </p><p>• Plusieurs restaurants, cafés et commerces accessibles rapidement dans le secteur </p><p>• Présence de plusieurs espaces verts et installations récréatives à proximité, dont Parc Billings, Parc Mac Donell et le bord de la rivière Châteauguay </p><p>• Proximité d’écoles, bibliothèques, garderies et services municipaux facilitant la vie quotidienne </p><p>• Quartier pratique et recherché offrant une excellente accessibilité aux services essentiels</p><p><strong><u>Contactez PROGIM : 514-856-7781</u></strong></p><p><strong><u>Voyez toutes les unités disponibles au PROGIM</u></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&#233;</p>132                            <h3>210</h3>133                        </li>134                        <li>135                            <p>Loyer</p>136                            <h3>$1&#160;500</h3>137                        </li>138                    </ul>139                    <ul class="unit-floor-type">140                        <li class="residential-type">R&#233;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>--</h4>148                        </li>149                        <li>150                            <p class="title">&#201;tage</p>151                            <h4></h4>152                        </li>153                        <li>154                            <p class="title">Ch. &#224; coucher</p>155                            <h4>2</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/799558" 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="799558" /><input data-val="true" data-val-required="[[Apartment_UnitName_RequiredAttribute]]" id="Apartment_UnitName" name="Apartment.UnitName" type="hidden" value="210" /><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="82409" /><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="202533705606008240912" /><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&#39;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="&#39;alias&#39;: &#39;phone&#39;" 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 210'})" 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>