SPB Git

spb/lou-ka Public

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

HTML 99.7%
13.0 KB · 219 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>4838 - 3</h3>9            </li>10            <li>11                <p>Loyer</p>12                <h3>$1&#160;550</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>485</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>1</h4>34            </li>3536                <li>37                    <p class="title">Salles de bains</p>38                    <h4>1</h4>39                </li>4041                <li>42                    <p class="title">Salles &#224; manger</p>43                    <h4>1</h4>44                </li>4546        </ul>47    </div>48</div>49    <div class="content-item tab-slider">50        <div class="demo">51            <div class="item">52                <div class="content-slider">5354                        <a href="https://wfiles.buildingstack.com/resources/image/U6SvJcXJPMHBIZ4hS51QMc9PE6uoQM5nJanoCrT3I3LQJJPFK2jJC7LgGJD">55                            <img src="https://wfiles.buildingstack.com/resources/image/U6SvJcXJPMHBIZ4hS51QMc9PE6uoQM5nJanoCrT3I3LQJJPFK2jJC7LgGJD/preview" width="98" height="98">56                        </a>57                        <a href="https://wfiles.buildingstack.com/resources/image/Q4qpIp97UJ1OSsbbP65ZIZ5HHdbPJs8mTqf3J4LaOcX8GaHiTpPJPbLhHJD">58                            <img src="https://wfiles.buildingstack.com/resources/image/Q4qpIp97UJ1OSsbbP65ZIZ5HHdbPJs8mTqf3J4LaOcX8GaHiTpPJPbLhHJD/preview" width="98" height="98">59                        </a>60                        <a href="https://wfiles.buildingstack.com/resources/image/R5DOOtX2D5PrHcnQKLOvTZ1XTcTJUL57T5CoPNDCR7HwSqviC6HXRNDpSpD">61                            <img src="https://wfiles.buildingstack.com/resources/image/R5DOOtX2D5PrHcnQKLOvTZ1XTcTJUL57T5CoPNDCR7HwSqviC6HXRNDpSpD/preview" width="98" height="98">62                        </a>63                        <a href="https://wfiles.buildingstack.com/resources/image/LZ1FOMDiIL1bGMvFK4vkUaf5KNLEJdfjQsP1KrChIp57T7HsOd1ML4TJHJD">64                            <img src="https://wfiles.buildingstack.com/resources/image/LZ1FOMDiIL1bGMvFK4vkUaf5KNLEJdfjQsP1KrChIp57T7HsOd1ML4TJHJD/preview" width="98" height="98">65                        </a>66                        <a href="https://wfiles.buildingstack.com/resources/image/ELPwI4naUaDLLp5YMKLvTqGlH5XeQN9gL4L6RKmhHqyrD3OtDIIof3Apc1T">67                            <img src="https://wfiles.buildingstack.com/resources/image/ELPwI4naUaDLLp5YMKLvTqGlH5XeQN9gL4L6RKmhHqyrD3OtDIIof3Apc1T/preview" width="98" height="98">68                        </a>69                        <a href="https://wfiles.buildingstack.com/resources/image/H6b7EJDaK554UMvKOKfQOqShKqPNCcrXQdXbQrWmC6raSqysAgISfJ6u9fT">70                            <img src="https://wfiles.buildingstack.com/resources/image/H6b7EJDaK554UMvKOKfQOqShKqPNCcrXQdXbQrWmC6raSqysAgISfJ6u9fT/preview" width="98" height="98">71                        </a>72                        <a href="https://wfiles.buildingstack.com/resources/image/AtPXQKOrUNT7Hp5aRsn1HaD8QtWhKKLPQJ4sP6yrCAQe9nMqApkOEgSiivT">73                            <img src="https://wfiles.buildingstack.com/resources/image/AtPXQKOrUNT7Hp5aRsn1HaD8QtWhKKLPQJ4sP6yrCAQe9nMqApkOEgSiivT/preview" width="98" height="98">74                        </a>75                        <a href="https://wfiles.buildingstack.com/resources/image/Lpb5I6vZCcbDK4DLEMPCHKjmPNatL5TBPojsSan9Ot18GqWsAqvLH7L9MJD">76                            <img src="https://wfiles.buildingstack.com/resources/image/Lpb5I6vZCcbDK4DLEMPCHKjmPNatL5TBPojsSan9Ot18GqWsAqvLH7L9MJD/preview" width="98" height="98">77                        </a>78                        <a href="https://wfiles.buildingstack.com/resources/image/HbfcTancQ7TKENeqGqDQS7HdSqyvhHgpDRAbkneyLLwU6riGd9vHMKhMaay1">79                            <img src="https://wfiles.buildingstack.com/resources/image/HbfcTancQ7TKENeqGqDQS7HdSqyvhHgpDRAbkneyLLwU6riGd9vHMKhMaay1/preview" width="98" height="98">80                        </a>81                        <a href="https://wfiles.buildingstack.com/resources/image/LtLiUMTcRM9jPc5tOsf1K6j8EL0oC5bIHN1fJ65XJcfoUb8tTqioIMn4SpD">82                            <img src="https://wfiles.buildingstack.com/resources/image/LtLiUMTcRM9jPc5tOsf1K6j8EL0oC5bIHN1fJ65XJcfoUb8tTqioIMn4SpD/preview" width="98" height="98">83                        </a>84                </div>85            </div>86        </div>87    </div>88<div class="content-item ">89        <div class="unit-notes">90            <h3 class="accent_color_2">Commentaires</h3>91                <p><p>🏠 3 1/2 avec Frigo et Four 🏠</p><p>📆 Disponible Dès Maintenant!</p><p>📍Situé au coeur ♥️ de Montréal au 4838 St-Urbain, près de tous les services!</p><p>🎓Universités/Collèges</p><p>🌲 Parcs</p><p>🚍 Autobus</p><p>🚊 Métro</p><p>🛒 Épicerie</p><p>🏋️‍♀️ Gym</p><p>… Et tout ce dont vous avez besoin!</p><p>🛋️ Coquet 3 1/2, idéal pour personne seule ou couple!</p><p>🔍Incluant :</p><p>❄️ Réfrigérateur</p><p>🔥 Four</p><p>🐾 Droit aux petits animaux (sous certaines conditions, 🚫Pas de chiens 🐕)</p><p></p><p>✨SVP si intéressé laissez vos coordonnés par message ainsi que la réponse à ces 5 questions et un agent pourra vous contacter! ✨</p><p>1 - Quand voudriez-vous emménager?</p><p>2 - Qui habitera le logement (animaux et membres de la famille)?</p><p>3 - Quand peut-on vous contacter et à quel numéro?</p><p>4 - Quelles sont vos disponibilités pour visite?</p><p>5 - Lorsque nous ferons notre enquête Pré-location (TAL, Criminel, Crédit), y a-t-il quelque chose digne de mention qui risque de ressortir?</p><p>- - - - - - - - - - - - - - - - - - - - - - - -</p></p>92        </div>93    <ul class="comment-links">94        <li>95            <button class="contact-button">Contactez-nous</button>96            <div class="tooltip contact-tooltip">97                <a class="close-tooltip"><img src="/Content/Images/listings/close.png" alt=""></a>98                <h3>Contactez-nous</h3>99                <div class="content-item">100                    <ul class="unit-floor-name">101                        <li>102                            <p>Unit&#233;</p>103                            <h3>4838 - 3</h3>104                        </li>105                        <li>106                            <p>Loyer</p>107                            <h3>$1&#160;550</h3>108                        </li>109                    </ul>110                    <ul class="unit-floor-type">111                        <li class="residential-type">R&#233;sidentiel </li>112                    </ul>113                </div>114                <div class="content-item">115                    <ul class="main-items">116                        <li>117                            <p class="title">Superficie (pi.ca)</p>118                            <h4>485</h4>119                        </li>120                        <li>121                            <p class="title">&#201;tage</p>122                            <h4></h4>123                        </li>124                        <li>125                            <p class="title">Ch. &#224; coucher</p>126                            <h4>1</h4>127                        </li>128129                            <li>130                                <p class="title">Salles de bains</p>131                                <h4>1</h4>132                            </li>133134                            <li>135                                <p class="title">Salles &#224; manger</p>136                                <h4>1</h4>137                            </li>138139                    </ul>140                </div>141                142143144145<script type="text/javascript">146    var onSuccess = function (data) {147        $(this).closest(".js-send-unit-request").html(data);148    }149</script>150151<div class="js-send-unit-request">152<form action="/Listing/Send/586211" 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="586211" /><input data-val="true" data-val-required="[[Apartment_UnitName_RequiredAttribute]]" id="Apartment_UnitName" name="Apartment.UnitName" type="hidden" value="4838 - 3" /><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="67984" /><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="202333705612006798423" /><input id="lang" name="lang" type="hidden" value="fr-CA" />        <div class="contact-us-box">153            <div class="input-field">154                <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="" />155                <span class="field-validation-valid" data-valmsg-for="FirstName" data-valmsg-replace="true"></span>156            </div>157            <div class="input-field">158                <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="" />159                <span class="field-validation-valid" data-valmsg-for="LastName" data-valmsg-replace="true"></span>160            </div>161            <div class="input-field">162                <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="" />163                <span class="field-validation-valid" data-valmsg-for="Email" data-valmsg-replace="true"></span>164            </div>165            <div class="input-field">166                167168<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" />169170171                <span class="field-validation-valid" data-valmsg-for="Phone" data-valmsg-replace="true"></span>172            </div>173            <div class="input-field">174                <textarea class="input-box" cols="20" id="QuestionsAndComments" name="QuestionsAndComments" placeholder="Questions ou commentaires?" rows="2">175</textarea>176            </div>177            <input class="send" type="submit" onclick="gtag('event', 'contact_us_unit', {'event_category': 'Lead', 'event_label': 'Contact for 4838 - 3'})" value="Envoyer">178        </div>179</form></div>180181            </div>182        </li>183    </ul>184</div>185186<script>187    $(document).ready(function () {188189        $(".contact-tooltip").wrap("<div class='popup'></div>");190        $("<div class='close-popup'></div>").insertAfter(".contact-tooltip");191192        //popup193        $('.contact-button').click(function () {194            $(this).siblings('.popup').toggleClass('is-visible');195            $('body').toggleClass('body-overflow');196            $(".contact-tooltip").click(function (event) {197                event.stopPropagation();198            });199        });200201        $('.popup').on('click', function (event) {202            if ($(event.target).is('.close-popup') || $(event.target).is('.popup')) {203                event.preventDefault();204                $(this).removeClass('is-visible');205                $('body').removeClass('body-overflow');206            }207        });208209210        //close popup when clicking the esc keyboard button211        $(document).keyup(function (event) {212            if (event.which == '27') {213                $('.popup').removeClass('is-visible');214                $('body').removeClass('body-overflow');215            }216        });217218    });219</script>