SPB Git

spb/lou-ka Public

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

HTML 99.7%
9.9 KB · 184 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>308</h3>9            </li>10            <li>11                <p>Loyer</p>12                <h3>$1&#160;450</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/JJOsRs4mMdHAM3XhSNL3K65wLcyulHgqjZAy3SoDrGlTL4pGL5vPdSvIMSy1">51                            <img src="https://wfiles.buildingstack.com/resources/image/JJOsRs4mMdHAM3XhSNL3K65wLcyulHgqjZAy3SoDrGlTL4pGL5vPdSvIMSy1/preview" width="98" height="98">52                        </a>53                </div>54            </div>55        </div>56    </div>57<div class="content-item ">58        <div class="unit-notes">59            <h3 class="accent_color_2">Commentaires</h3>60                <p><p>Situé dans un secteur recherché de Longueuil, cet appartement offre un cadre de vie agréable à proximité des commerces, des transports en commun et de nombreux espaces verts.</p><p>Il comprend :</p><p>• Une aire de vie lumineuse et spacieuse</p><p>• Un emplacement pour lave-vaisselle</p><p>• Des chambres confortablement grandes</p><p>L'appartement bénéficie d'un emplacement stratégique permettant un accès rapide aux services essentiels, aux établissements scolaires et aux principales voies de circulation, tout en profitant d'un environnement calme et convivial.</p><p><strong>Caractéristiques du quartier :</strong></p><p>• À proximité du parc Saint-Mark, du parc Michel-Chartrand et de plusieurs espaces verts</p><p>• Accès rapide au boulevard Taschereau, à la route 132 et aux principaux axes routiers</p><p>• Situé à quelques minutes du centre-ville de Longueuil et de la station de métro Longueuil–Université-de-Sherbrooke</p><p>• À proximité de l'Hôpital Charles-Le Moyne et de nombreux services médicaux</p><p>• Plusieurs commerces, restaurants, cafés et épiceries accessibles rapidement</p><p>• Proximité des écoles, des garderies et des installations sportives</p><p>• Accès facile au transport en commun vers Montréal et les différents secteurs de la Rive-Sud</p><p>• Secteur idéal pour les familles et les professionnels</p><p><strong><u>Contactez PROGIM : 514-856-7781</u></strong></p><p><strong><u>Voyez toutes les unités disponibles au progim.com.</u></strong></p></p>61        </div>62    <ul class="comment-links">63        <li>64            <button class="contact-button">Contactez-nous</button>65            <div class="tooltip contact-tooltip">66                <a class="close-tooltip"><img src="/Content/Images/listings/close.png" alt=""></a>67                <h3>Contactez-nous</h3>68                <div class="content-item">69                    <ul class="unit-floor-name">70                        <li>71                            <p>Unit&#233;</p>72                            <h3>308</h3>73                        </li>74                        <li>75                            <p>Loyer</p>76                            <h3>$1&#160;450</h3>77                        </li>78                    </ul>79                    <ul class="unit-floor-type">80                        <li class="residential-type">R&#233;sidentiel </li>81                    </ul>82                </div>83                <div class="content-item">84                    <ul class="main-items">85                        <li>86                            <p class="title">Superficie (pi.ca)</p>87                            <h4>--</h4>88                        </li>89                        <li>90                            <p class="title">&#201;tage</p>91                            <h4></h4>92                        </li>93                        <li>94                            <p class="title">Ch. &#224; coucher</p>95                            <h4>2</h4>96                        </li>9798                            <li>99                                <p class="title">Salles de bains</p>100                                <h4>1</h4>101                            </li>102103104                    </ul>105                </div>106                107108109110<script type="text/javascript">111    var onSuccess = function (data) {112        $(this).closest(".js-send-unit-request").html(data);113    }114</script>115116<div class="js-send-unit-request">117<form action="/Listing/Send/828355" 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="828355" /><input data-val="true" data-val-required="[[Apartment_UnitName_RequiredAttribute]]" id="Apartment_UnitName" name="Apartment.UnitName" type="hidden" value="308" /><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="83310" /><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="202533705609008331018" /><input id="lang" name="lang" type="hidden" value="fr-CA" />        <div class="contact-us-box">118            <div class="input-field">119                <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="" />120                <span class="field-validation-valid" data-valmsg-for="FirstName" data-valmsg-replace="true"></span>121            </div>122            <div class="input-field">123                <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="" />124                <span class="field-validation-valid" data-valmsg-for="LastName" data-valmsg-replace="true"></span>125            </div>126            <div class="input-field">127                <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="" />128                <span class="field-validation-valid" data-valmsg-for="Email" data-valmsg-replace="true"></span>129            </div>130            <div class="input-field">131                132133<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" />134135136                <span class="field-validation-valid" data-valmsg-for="Phone" data-valmsg-replace="true"></span>137            </div>138            <div class="input-field">139                <textarea class="input-box" cols="20" id="QuestionsAndComments" name="QuestionsAndComments" placeholder="Questions ou commentaires?" rows="2">140</textarea>141            </div>142            <input class="send" type="submit" onclick="gtag('event', 'contact_us_unit', {'event_category': 'Lead', 'event_label': 'Contact for 308'})" value="Envoyer">143        </div>144</form></div>145146            </div>147        </li>148    </ul>149</div>150151<script>152    $(document).ready(function () {153154        $(".contact-tooltip").wrap("<div class='popup'></div>");155        $("<div class='close-popup'></div>").insertAfter(".contact-tooltip");156157        //popup158        $('.contact-button').click(function () {159            $(this).siblings('.popup').toggleClass('is-visible');160            $('body').toggleClass('body-overflow');161            $(".contact-tooltip").click(function (event) {162                event.stopPropagation();163            });164        });165166        $('.popup').on('click', function (event) {167            if ($(event.target).is('.close-popup') || $(event.target).is('.popup')) {168                event.preventDefault();169                $(this).removeClass('is-visible');170                $('body').removeClass('body-overflow');171            }172        });173174175        //close popup when clicking the esc keyboard button176        $(document).keyup(function (event) {177            if (event.which == '27') {178                $('.popup').removeClass('is-visible');179                $('body').removeClass('body-overflow');180            }181        });182183    });184</script>