SPB Git

spb/lou-ka Public

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

HTML 99.7%
12.5 KB · 208 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>401</h3>9            </li>10            <li>11                <p>Loyer</p>12                <h3>$1&#160;300</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>4</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/DJ8vJcX5DtavE7avApHZOqjHKLbiGb1JQ69oHt5EBqL8Oq9sE71HINDuMJD">51                            <img src="https://wfiles.buildingstack.com/resources/image/DJ8vJcX5DtavE7avApHZOqjHKLbiGb1JQ69oHt5EBqL8Oq9sE71HINDuMJD/preview" width="98" height="98">52                        </a>53                        <a href="https://wfiles.buildingstack.com/resources/image/JK9dGqihJsTQCZ91Ot9tHL1EUNHoLcHtHJ5eQpL3SdHwLpPFHdLqQdOtIJD">54                            <img src="https://wfiles.buildingstack.com/resources/image/JK9dGqihJsTQCZ91Ot9tHL1EUNHoLcHtHJ5eQpL3SdHwLpPFHdLqQdOtIJD/preview" width="98" height="98">55                        </a>56                        <a href="https://wfiles.buildingstack.com/resources/image/JqapKM8sPM8pQ7LbKbDvCdP4QKfrGs9MSKbDL4joOtHqDIyojIIrgBIRg9T">57                            <img src="https://wfiles.buildingstack.com/resources/image/JqapKM8sPM8pQ7LbKbDvCdP4QKfrGs9MSKbDL4joOtHqDIyojIIrgBIRg9T/preview" width="98" height="98">58                        </a>59                        <a href="https://wfiles.buildingstack.com/resources/image/DcvfLa94J6X9E6yYDhepCZWyabsPMnMI3XgKKWsGqL3QpbeGIj5UcWhTKqy1">60                            <img src="https://wfiles.buildingstack.com/resources/image/DcvfLa94J6X9E6yYDhepCZWyabsPMnMI3XgKKWsGqL3QpbeGIj5UcWhTKqy1/preview" width="98" height="98">61                        </a>62                        <a href="https://wfiles.buildingstack.com/resources/image/GZapOKX5EJD9SsDuJbLtLJ9jQayd9Q2vgxqv8o6g9JCnEnkyaPlHqfuHrKy1">63                            <img src="https://wfiles.buildingstack.com/resources/image/GZapOKX5EJD9SsDuJbLtLJ9jQayd9Q2vgxqv8o6g9JCnEnkyaPlHqfuHrKy1/preview" width="98" height="98">64                        </a>65                        <a href="https://wfiles.buildingstack.com/resources/image/R75YLqLcPqnIRrGsQ4LsOaCrGbTZTd1dUaDIJpbJIMXOStTGUc4qRMnGE3D">66                            <img src="https://wfiles.buildingstack.com/resources/image/R75YLqLcPqnIRrGsQ4LsOaCrGbTZTd1dUaDIJpbJIMXOStTGUc4qRMnGE3D/preview" width="98" height="98">67                        </a>68                        <a href="https://wfiles.buildingstack.com/resources/image/DqHEP4TlLMHhT34uLb1PL69QDrGmLbLiDqDaQb4vGMrJQLTXIbGsM6v6QpD">69                            <img src="https://wfiles.buildingstack.com/resources/image/DqHEP4TlLMHhT34uLb1PL69QDrGmLbLiDqDaQb4vGMrJQLTXIbGsM6v6QpD/preview" width="98" height="98">70                        </a>71                        <a href="https://wfiles.buildingstack.com/resources/image/HrbGIMbJOp17M7WtK6ilTML4Cq5gI4yehJcqAxYOA1UfAISojo6gfxWYe9T">72                            <img src="https://wfiles.buildingstack.com/resources/image/HrbGIMbJOp17M7WtK6ilTML4Cq5gI4yehJcqAxYOA1UfAISojo6gfxWYe9T/preview" width="98" height="98">73                        </a>74                        <a href="https://wfiles.buildingstack.com/resources/image/Gd57D6boIqLZOtDKIsnjSqjaU4StMc53JN1IQrfbIJbmDKLmHKyya8uRZGy1">75                            <img src="https://wfiles.buildingstack.com/resources/image/Gd57D6boIqLZOtDKIsnjSqjaU4StMc53JN1IQrfbIJbmDKLmHKyya8uRZGy1/preview" width="98" height="98">76                        </a>77                </div>78            </div>79        </div>80    </div>81<div class="content-item ">82        <div class="unit-notes">83            <h3 class="accent_color_2">Commentaires</h3>84                <p><p>Situé dans le secteur du Vieux-Longueuil, cet appartement bénéficie d’un emplacement stratégique à proximité du fleuve, des parcs, des commerces de quartier et de plusieurs services essentiels. Le secteur est apprécié pour son ambiance conviviale, son cachet urbain et sa qualité de vie.</p><p>Il offre :</p><p>• </p><p>• </p><p>• </p><p>L’immeuble convient parfaitement aux professionnels, étudiants, couples et petites familles recherchant un quartier paisible tout en restant près de tous les services.</p><p>Points forts du secteur :</p><p>• Situé dans le secteur recherché du Vieux-Longueuil </p><p>• À proximité du parc Marie-Victorin et du fleuve Saint-Laurent </p><p>• Accès rapide au boulevard René-Lévesque et aux principaux axes routiers </p><p>• Restaurants, cafés et commerces accessibles à pied </p><p>• À quelques minutes des épiceries, pharmacies et services essentiels </p><p>• Proche du cégep Édouard-Montpetit et de plusieurs écoles </p><p>• Secteur familial avec plusieurs espaces verts et installations sportives </p><p>• Transport en commun facilement accessible </p><p>• Quartier dynamique offrant une excellente qualité de vie </p><p>• Environnement paisible avec une ambiance de quartier agréable</p><p><strong><u>Contactez PROGIM : 514-856-7781</u></strong></p><p><strong><u>Voir tous les logements disponibles sur progim.com</u></strong></p></p>85        </div>86    <ul class="comment-links">87        <li>88            <button class="contact-button">Contactez-nous</button>89            <div class="tooltip contact-tooltip">90                <a class="close-tooltip"><img src="/Content/Images/listings/close.png" alt=""></a>91                <h3>Contactez-nous</h3>92                <div class="content-item">93                    <ul class="unit-floor-name">94                        <li>95                            <p>Unit&#233;</p>96                            <h3>401</h3>97                        </li>98                        <li>99                            <p>Loyer</p>100                            <h3>$1&#160;300</h3>101                        </li>102                    </ul>103                    <ul class="unit-floor-type">104                        <li class="residential-type">R&#233;sidentiel </li>105                    </ul>106                </div>107                <div class="content-item">108                    <ul class="main-items">109                        <li>110                            <p class="title">Superficie (pi.ca)</p>111                            <h4>--</h4>112                        </li>113                        <li>114                            <p class="title">&#201;tage</p>115                            <h4>4</h4>116                        </li>117                        <li>118                            <p class="title">Ch. &#224; coucher</p>119                            <h4>1</h4>120                        </li>121122                            <li>123                                <p class="title">Salles de bains</p>124                                <h4>1</h4>125                            </li>126127128                    </ul>129                </div>130                131132133134<script type="text/javascript">135    var onSuccess = function (data) {136        $(this).closest(".js-send-unit-request").html(data);137    }138</script>139140<div class="js-send-unit-request">141<form action="/Listing/Send/939705" 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="939705" /><input data-val="true" data-val-required="[[Apartment_UnitName_RequiredAttribute]]" id="Apartment_UnitName" name="Apartment.UnitName" type="hidden" value="401" /><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="87458" /><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="202633705604008745828" /><input id="lang" name="lang" type="hidden" value="fr-CA" />        <div class="contact-us-box">142            <div class="input-field">143                <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="" />144                <span class="field-validation-valid" data-valmsg-for="FirstName" data-valmsg-replace="true"></span>145            </div>146            <div class="input-field">147                <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="" />148                <span class="field-validation-valid" data-valmsg-for="LastName" data-valmsg-replace="true"></span>149            </div>150            <div class="input-field">151                <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="" />152                <span class="field-validation-valid" data-valmsg-for="Email" data-valmsg-replace="true"></span>153            </div>154            <div class="input-field">155                156157<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" />158159160                <span class="field-validation-valid" data-valmsg-for="Phone" data-valmsg-replace="true"></span>161            </div>162            <div class="input-field">163                <textarea class="input-box" cols="20" id="QuestionsAndComments" name="QuestionsAndComments" placeholder="Questions ou commentaires?" rows="2">164</textarea>165            </div>166            <input class="send" type="submit" onclick="gtag('event', 'contact_us_unit', {'event_category': 'Lead', 'event_label': 'Contact for 401'})" value="Envoyer">167        </div>168</form></div>169170            </div>171        </li>172    </ul>173</div>174175<script>176    $(document).ready(function () {177178        $(".contact-tooltip").wrap("<div class='popup'></div>");179        $("<div class='close-popup'></div>").insertAfter(".contact-tooltip");180181        //popup182        $('.contact-button').click(function () {183            $(this).siblings('.popup').toggleClass('is-visible');184            $('body').toggleClass('body-overflow');185            $(".contact-tooltip").click(function (event) {186                event.stopPropagation();187            });188        });189190        $('.popup').on('click', function (event) {191            if ($(event.target).is('.close-popup') || $(event.target).is('.popup')) {192                event.preventDefault();193                $(this).removeClass('is-visible');194                $('body').removeClass('body-overflow');195            }196        });197198199        //close popup when clicking the esc keyboard button200        $(document).keyup(function (event) {201            if (event.which == '27') {202                $('.popup').removeClass('is-visible');203                $('body').removeClass('body-overflow');204            }205        });206207    });208</script>