SPB Git

spb/lou-ka Public

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

HTML 99.7%
13.4 KB · 238 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>408</h3>9            </li>10            <li>11                <p>Loyer</p>12                <h3>$1&#160;250</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>472</h4>26            </li>27                        <li>28                <p class="title">&#201;tage</p>29                <h4>1</h4>30            </li>31            <li>32                <p class="title">Ch. &#224; 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">4950                        <a href="https://wfiles.buildingstack.com/resources/image/GpL2RJ5rK71BMKurJqetLZTXDt5cCLDdQcT5L4juCL5kCc5hLdfGD5TlOpD">51                            <img src="https://wfiles.buildingstack.com/resources/image/GpL2RJ5rK71BMKurJqetLZTXDt5cCLDdQcT5L4juCL5kCc5hLdfGD5TlOpD/preview" width="98" height="98">52                        </a>53                        <a href="https://wfiles.buildingstack.com/resources/image/PbCrD7PrS4HeHdHQT2yagQmWg26bjwQpkZOcEBMacwkr63GsipEnjAWsAfT">54                            <img src="https://wfiles.buildingstack.com/resources/image/PbCrD7PrS4HeHdHQT2yagQmWg26bjwQpkZOcEBMacwkr63GsipEnjAWsAfT/preview" width="98" height="98">55                        </a>56                        <a href="https://wfiles.buildingstack.com/resources/image/DJX4TMLGScvPDd1DAtLoRNCoMYjFKKDdJbGlUcvbJqKtI7bgPKnESLTsPpD">57                            <img src="https://wfiles.buildingstack.com/resources/image/DJX4TMLGScvPDd1DAtLoRNCoMYjFKKDdJbGlUcvbJqKtI7bgPKnESLTsPpD/preview" width="98" height="98">58                        </a>59                        <a href="https://wfiles.buildingstack.com/resources/image/OKTQP6DOQ79EHtCoLrD4GpLnHb9uOMXcObavPavnQqHECsnlGKfaQ38pOpD">60                            <img src="https://wfiles.buildingstack.com/resources/image/OKTQP6DOQ79EHtCoLrD4GpLnHb9uOMXcObavPavnQqHECsnlGKfaQ38pOpD/preview" width="98" height="98">61                        </a>62                        <a href="https://wfiles.buildingstack.com/resources/image/OcPeGrfQC68sMZHGHJGqLbXIJpalIrfLLLTHKtKtDcvAOcv6LIj8ENPjTpD">63                            <img src="https://wfiles.buildingstack.com/resources/image/OcPeGrfQC68sMZHGHJGqLbXIJpalIrfLLLTHKtKtDcvAOcv6LIj8ENPjTpD/preview" width="98" height="98">64                        </a>65                        <a href="https://wfiles.buildingstack.com/resources/image/LZDHGr5aTNXLR3blRqv9T6yS99MZcxgjA3SxB2kdg9ia8RqhChehBJMnEvT">66                            <img src="https://wfiles.buildingstack.com/resources/image/LZDHGr5aTNXLR3blRqv9T6yS99MZcxgjA3SxB2kdg9ia8RqhChehBJMnEvT/preview" width="98" height="98">67                        </a>68                        <a href="https://wfiles.buildingstack.com/resources/image/D2jPOLLEMIjCMbP9SpLsKcT3It0lM3XIL6DhIcLwPd5BTajhH4jiTLbpRpD">69                            <img src="https://wfiles.buildingstack.com/resources/image/D2jPOLLEMIjCMbP9SpLsKcT3It0lM3XIL6DhIcLwPd5BTajhH4jiTLbpRpD/preview" width="98" height="98">70                        </a>71                        <a href="https://wfiles.buildingstack.com/resources/image/L6XwLMPkCdTpSaSrU6LlQcLnCpHrRsfhRMbZCoirH7PoEN1kRb5NBrChOpD">72                            <img src="https://wfiles.buildingstack.com/resources/image/L6XwLMPkCdTpSaSrU6LlQcLnCpHrRsfhRMbZCoirH7PoEN1kRb5NBrChOpD/preview" width="98" height="98">73                        </a>74                        <a href="https://wfiles.buildingstack.com/resources/image/I5HiS3XNHaDwI79ARLLmSNH3DMmsKsL4RtXKMcreLsTPKM5uHcXiP4X8KJD">75                            <img src="https://wfiles.buildingstack.com/resources/image/I5HiS3XNHaDwI79ARLLmSNH3DMmsKsL4RtXKMcreLsTPKM5uHcXiP4X8KJD/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">&#201;quipements</h3>83        <ul class="main-items amentities">84        <li>85            <p class="title"><label for="ElectricityIncluded">&#201;lectricit&#233; incluse</label></p>86            <h4>Oui</h4>87        </li>88            <li>89            <p class="title"><label for="HeatingIncluded">Chauffage inclus</label></p>90            <h4>Oui</h4>91        </li>92            <li>93            <p class="title"><label for="HotWaterIncluded">Eau chaude inclus</label></p>94            <h4>Oui</h4>95        </li>96                                        <li>97            <p class="title"><label for="Furnished">Meubl&#233;</label></p>98            <h4>Oui</h4>99        </li>100    101</ul>102<ul class="amentity-links">103                        104                                                                                                105</ul>106107108109110    </div>111<div class="content-item ">112        <div class="unit-notes">113            <h3 class="accent_color_2">Commentaires</h3>114                <p><p>Situé sur le boulevard Henri-Bourassa Est, cet appartement offre un emplacement pratique dans un secteur résidentiel bien desservi, à proximité des commerces, des services essentiels et des principaux axes routiers de Montréal.</p><p>Il comprend :</p><ul><li><p> </p></li><li><p> </p></li><li><p> </p></li></ul><p>L'appartement bénéficie d'un emplacement stratégique à proximité des transports en commun, des parcs, des écoles et de nombreux commerces.</p><p><strong>Caractéristiques du quartier :</strong></p><ul><li><p>Secteur résidentiel pratique et recherché</p></li><li><p>À proximité de plusieurs commerces, épiceries et restaurants</p></li><li><p>Accès rapide aux autoroutes 15, 19 et 40</p></li><li><p>Plusieurs lignes d'autobus à quelques pas</p></li><li><p>Près de parcs, espaces verts et installations sportives</p></li><li><p>À proximité d'écoles, garderies et services de santé</p></li><li><p>Accès facile aux centres commerciaux et services essentiels</p></li><li><p>Quartier idéal pour les professionnels, les familles et les étudiants</p></li><li><p>Déplacements simplifiés vers les différents secteurs de Montréal</p></li></ul><p><strong><u>Contactez PROGIM :</u></strong><u> 514-856-7781</u></p><p><strong><u>Voyez toutes les unités disponibles au progim.com</u></strong></p></p>115        </div>116    <ul class="comment-links">117        <li>118            <button class="contact-button">Contactez-nous</button>119            <div class="tooltip contact-tooltip">120                <a class="close-tooltip"><img src="/Content/Images/listings/close.png" alt=""></a>121                <h3>Contactez-nous</h3>122                <div class="content-item">123                    <ul class="unit-floor-name">124                        <li>125                            <p>Unit&#233;</p>126                            <h3>408</h3>127                        </li>128                        <li>129                            <p>Loyer</p>130                            <h3>$1&#160;250</h3>131                        </li>132                    </ul>133                    <ul class="unit-floor-type">134                        <li class="residential-type">R&#233;sidentiel </li>135                    </ul>136                </div>137                <div class="content-item">138                    <ul class="main-items">139                        <li>140                            <p class="title">Superficie (pi.ca)</p>141                            <h4>472</h4>142                        </li>143                        <li>144                            <p class="title">&#201;tage</p>145                            <h4>1</h4>146                        </li>147                        <li>148                            <p class="title">Ch. &#224; coucher</p>149                            <h4>1</h4>150                        </li>151152                            <li>153                                <p class="title">Salles de bains</p>154                                <h4>1</h4>155                            </li>156157158                    </ul>159                </div>160                161162163164<script type="text/javascript">165    var onSuccess = function (data) {166        $(this).closest(".js-send-unit-request").html(data);167    }168</script>169170<div class="js-send-unit-request">171<form action="/Listing/Send/332367" 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="332367" /><input data-val="true" data-val-required="[[Apartment_UnitName_RequiredAttribute]]" id="Apartment_UnitName" name="Apartment.UnitName" type="hidden" value="408" /><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">172            <div class="input-field">173                <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="" />174                <span class="field-validation-valid" data-valmsg-for="FirstName" data-valmsg-replace="true"></span>175            </div>176            <div class="input-field">177                <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="" />178                <span class="field-validation-valid" data-valmsg-for="LastName" data-valmsg-replace="true"></span>179            </div>180            <div class="input-field">181                <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="" />182                <span class="field-validation-valid" data-valmsg-for="Email" data-valmsg-replace="true"></span>183            </div>184            <div class="input-field">185                186187<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" />188189190                <span class="field-validation-valid" data-valmsg-for="Phone" data-valmsg-replace="true"></span>191            </div>192            <div class="input-field">193                <textarea class="input-box" cols="20" id="QuestionsAndComments" name="QuestionsAndComments" placeholder="Questions ou commentaires?" rows="2">194</textarea>195            </div>196            <input class="send" type="submit" onclick="gtag('event', 'contact_us_unit', {'event_category': 'Lead', 'event_label': 'Contact for 408'})" value="Envoyer">197        </div>198</form></div>199200            </div>201        </li>202    </ul>203</div>204205<script>206    $(document).ready(function () {207208        $(".contact-tooltip").wrap("<div class='popup'></div>");209        $("<div class='close-popup'></div>").insertAfter(".contact-tooltip");210211        //popup212        $('.contact-button').click(function () {213            $(this).siblings('.popup').toggleClass('is-visible');214            $('body').toggleClass('body-overflow');215            $(".contact-tooltip").click(function (event) {216                event.stopPropagation();217            });218        });219220        $('.popup').on('click', function (event) {221            if ($(event.target).is('.close-popup') || $(event.target).is('.popup')) {222                event.preventDefault();223                $(this).removeClass('is-visible');224                $('body').removeClass('body-overflow');225            }226        });227228229        //close popup when clicking the esc keyboard button230        $(document).keyup(function (event) {231            if (event.which == '27') {232                $('.popup').removeClass('is-visible');233                $('body').removeClass('body-overflow');234            }235        });236237    });238</script>