SPB Git

spb/lou-ka Public

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

HTML 99.7%
12.5 KB · 227 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>205</h3>9            </li>10            <li>11                <p>Loyer</p>12                <h3>$2&#160;525</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>1130</h4>26            </li>27                        <li>28                <p class="title">&#201;tage</p>29                <h4>2</h4>30            </li>31            <li>32                <p class="title">Ch. &#224; coucher</p>33                <h4>3</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/DdD2K3buEJHaH3bJQLLvR6XYLc9QOKv7McrhUMOtRKraC65pLqTlD79QJJD">51                            <img src="https://wfiles.buildingstack.com/resources/image/DdD2K3buEJHaH3bJQLLvR6XYLc9QOKv7McrhUMOtRKraC65pLqTlD79QJJD/preview" width="98" height="98">52                        </a>53                        <a href="https://wfiles.buildingstack.com/resources/image/S4HMHNHkE7CsCsXLU7GsKrbFHq9BD6T6KrfNI553CYyvjZWo8BWccYCb99T">54                            <img src="https://wfiles.buildingstack.com/resources/image/S4HMHNHkE7CsCsXLU7GsKrbFHq9BD6T6KrfNI553CYyvjZWo8BWccYCb99T/preview" width="98" height="98">55                        </a>56                        <a href="https://wfiles.buildingstack.com/resources/image/HaDMJb9aL58sLampIcanJq9fLp5tR5OmKMmuC6rIUMXBE35ILaPEUdLPRpD">57                            <img src="https://wfiles.buildingstack.com/resources/image/HaDMJb9aL58sLampIcanJq9fLp5tR5OmKMmuC6rIUMXBE35ILaPEUdLPRpD/preview" width="98" height="98">58                        </a>59                        <a href="https://wfiles.buildingstack.com/resources/image/IrLkDrD2Ds8mK55oH5TcDNXgH7GrGKH6C4riR6yP72euEpMh6JWPiJayNCy1">60                            <img src="https://wfiles.buildingstack.com/resources/image/IrLkDrD2Ds8mK55oH5TcDNXgH7GrGKH6C4riR6yP72euEpMh6JWPiJayNCy1/preview" width="98" height="98">61                        </a>62                        <a href="https://wfiles.buildingstack.com/resources/image/SYjdDKfNSdDZPr9bPqnNPJHvOsTfR31IHKTNP4P5LqyOkRWqCgavkQanefT">63                            <img src="https://wfiles.buildingstack.com/resources/image/SYjdDKfNSdDZPr9bPqnNPJHvOsTfR31IHKTNP4P5LqyOkRWqCgavkQanefT/preview" width="98" height="98">64                        </a>65                        <a href="https://wfiles.buildingstack.com/resources/image/QdGhAqjZL3T3KMepL4DrH6jMHNPYIMPOJNXsT6amDIypAfYy6HLRrL5JZ0y1">66                            <img src="https://wfiles.buildingstack.com/resources/image/QdGhAqjZL3T3KMepL4DrH6jMHNPYIMPOJNXsT6amDIypAfYy6HLRrL5JZ0y1/preview" width="98" height="98">67                        </a>68                        <a href="https://wfiles.buildingstack.com/resources/image/MMvMJ4GhIcPBJNLhGqrGU6nXQb5pJ5KmJ3btR5TQU4XBHNHKD6vnIqvIJJD">69                            <img src="https://wfiles.buildingstack.com/resources/image/MMvMJ4GhIcPBJNLhGqrGU6nXQb5pJ5KmJ3btR5TQU4XBHNHKD6vnIqvIJJD/preview" width="98" height="98">70                        </a>71                        <a href="https://wfiles.buildingstack.com/resources/image/DN4oJq9nRJb7K7KoOafnS75sSNStHtGlHZCrGsHJCayX7BgSfBGPkgUSg9T">72                            <img src="https://wfiles.buildingstack.com/resources/image/DN4oJq9nRJb7K7KoOafnS75sSNStHtGlHZCrGsHJCayX7BgSfBGPkgUSg9T/preview" width="98" height="98">73                        </a>74                </div>75            </div>76        </div>77    </div>78    <div class="content-item">79        <h3 class="accent_color_2">&#201;quipements</h3>80        <ul class="main-items amentities">81                <li>82            <p class="title"><label for="HotWaterIncluded">Eau chaude inclus</label></p>83            <h4>Oui</h4>84        </li>85                                    86</ul>87<ul class="amentity-links">88                        <li><span><label for="Washer">Laveuse</label></span></li>89            <li><span><label for="Dryer">S&#232;cheuse</label></span></li>90    91            <li><span><label for="Balcony">Balcon</label></span></li>92                                                                                                    <li><span><label for="WasherDryerInlet">Entr&#233;e laveuse/s&#233;cheuse</label></span></li>9394</ul>9596979899    </div>100<div class="content-item ">101        <div class="unit-notes">102            <h3 class="accent_color_2">Commentaires</h3>103                <p><p>VOTRE FUTUR CHEZ-VOUS À STE-JULIE ! 🏢✨</p><p>Vous cherchez un espace de vie moderne et clé en main ?</p><p>Découvrez les nouveaux condos de PROGIM au 125, Jacquelin Beaulieu.</p><p>📍 CE QUI EST INCLUS DANS VOTRE LOYER :</p><p>Confort total : Eau chaude, unité de climatisation inclus.</p><p>Commodités : Luminaires, stores, 1 espace de stationnement et un espace de rangement privé.</p><p>💎 OPTIONS supplémentaires disponibles : </p><p>Électroménagers, </p><p>2ieme Stationnement additionnel, </p><p>Borne électrique dédiée avec électricité incluse </p><p>(*frais mensuels additionnels)</p><p>OCCUPATION OFFICIELLE : JUILLET 2026.</p><p>🏢 UNITÉS DISPONIBLES :</p><p>3.5 / 4.5 / 5.5</p><p>VOIR LES PLANS ET CHOISIR VOTRE UNITÉ :</p><p>👉 https://app.planpoint.io/125-jacquelin-beaulieu/125</p><p>📞CONTACTEZ-NOUS POUR PLUS D'INFORMATION : </p><p>Téléphone : 450 804-4953 </p><p>Courriel : 125jacquelinbeaulieu@progim.com</p></p>104        </div>105    <ul class="comment-links">106        <li>107            <button class="contact-button">Contactez-nous</button>108            <div class="tooltip contact-tooltip">109                <a class="close-tooltip"><img src="/Content/Images/listings/close.png" alt=""></a>110                <h3>Contactez-nous</h3>111                <div class="content-item">112                    <ul class="unit-floor-name">113                        <li>114                            <p>Unit&#233;</p>115                            <h3>205</h3>116                        </li>117                        <li>118                            <p>Loyer</p>119                            <h3>$2&#160;525</h3>120                        </li>121                    </ul>122                    <ul class="unit-floor-type">123                        <li class="residential-type">R&#233;sidentiel </li>124                    </ul>125                </div>126                <div class="content-item">127                    <ul class="main-items">128                        <li>129                            <p class="title">Superficie (pi.ca)</p>130                            <h4>1130</h4>131                        </li>132                        <li>133                            <p class="title">&#201;tage</p>134                            <h4>2</h4>135                        </li>136                        <li>137                            <p class="title">Ch. &#224; coucher</p>138                            <h4>3</h4>139                        </li>140141                            <li>142                                <p class="title">Salles de bains</p>143                                <h4>1</h4>144                            </li>145146147                    </ul>148                </div>149                150151152153<script type="text/javascript">154    var onSuccess = function (data) {155        $(this).closest(".js-send-unit-request").html(data);156    }157</script>158159<div class="js-send-unit-request">160<form action="/Listing/Send/918837" 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="918837" /><input data-val="true" data-val-required="[[Apartment_UnitName_RequiredAttribute]]" id="Apartment_UnitName" name="Apartment.UnitName" type="hidden" value="205" /><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="86456" /><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="202633705602008645620" /><input id="lang" name="lang" type="hidden" value="fr-CA" />        <div class="contact-us-box">161            <div class="input-field">162                <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="" />163                <span class="field-validation-valid" data-valmsg-for="FirstName" data-valmsg-replace="true"></span>164            </div>165            <div class="input-field">166                <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="" />167                <span class="field-validation-valid" data-valmsg-for="LastName" data-valmsg-replace="true"></span>168            </div>169            <div class="input-field">170                <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="" />171                <span class="field-validation-valid" data-valmsg-for="Email" data-valmsg-replace="true"></span>172            </div>173            <div class="input-field">174                175176<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" />177178179                <span class="field-validation-valid" data-valmsg-for="Phone" data-valmsg-replace="true"></span>180            </div>181            <div class="input-field">182                <textarea class="input-box" cols="20" id="QuestionsAndComments" name="QuestionsAndComments" placeholder="Questions ou commentaires?" rows="2">183</textarea>184            </div>185            <input class="send" type="submit" onclick="gtag('event', 'contact_us_unit', {'event_category': 'Lead', 'event_label': 'Contact for 205'})" value="Envoyer">186        </div>187</form></div>188189            </div>190        </li>191    </ul>192</div>193194<script>195    $(document).ready(function () {196197        $(".contact-tooltip").wrap("<div class='popup'></div>");198        $("<div class='close-popup'></div>").insertAfter(".contact-tooltip");199200        //popup201        $('.contact-button').click(function () {202            $(this).siblings('.popup').toggleClass('is-visible');203            $('body').toggleClass('body-overflow');204            $(".contact-tooltip").click(function (event) {205                event.stopPropagation();206            });207        });208209        $('.popup').on('click', function (event) {210            if ($(event.target).is('.close-popup') || $(event.target).is('.popup')) {211                event.preventDefault();212                $(this).removeClass('is-visible');213                $('body').removeClass('body-overflow');214            }215        });216217218        //close popup when clicking the esc keyboard button219        $(document).keyup(function (event) {220            if (event.which == '27') {221                $('.popup').removeClass('is-visible');222                $('body').removeClass('body-overflow');223            }224        });225226    });227</script>