SPB Git

spb/lou-ka Public

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

HTML 99.7%
13.2 KB · 214 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>1</h3>9            </li>10            <li>11                <p>Loyer</p>12                <h3>$1&#160;650</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>705</h4>26            </li>27                        <li>28                <p class="title">&#201;tage</p>29                <h4>SS</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/RdP6PdDDJMb7HaioOYyi63GWfAOieB2v8JAbfBaOEBCy3bPM6T6HZX3DKay1">51                            <img src="https://wfiles.buildingstack.com/resources/image/RdP6PdDDJMb7HaioOYyi63GWfAOieB2v8JAbfBaOEBCy3bPM6T6HZX3DKay1/preview" width="98" height="98">52                        </a>53                        <a href="https://wfiles.buildingstack.com/resources/image/HdfNS6PeTaDLDMPmTaTASMuqKtXuKKbBGcClJrbiPcOvSKflJr9sQcWqPpD">54                            <img src="https://wfiles.buildingstack.com/resources/image/HdfNS6PeTaDLDMPmTaTASMuqKtXuKKbBGcClJrbiPcOvSKflJr9sQcWqPpD/preview" width="98" height="98">55                        </a>56                        <a href="https://wfiles.buildingstack.com/resources/image/UbTNJbb4PcOqI4D5Gt5sCNDEOMTmHMurGKyhDZkj5QejEveoivUrAIkY61T">57                            <img src="https://wfiles.buildingstack.com/resources/image/UbTNJbb4PcOqI4D5Gt5sCNDEOMTmHMurGKyhDZkj5QejEveoivUrAIkY61T/preview" width="98" height="98">58                        </a>59                        <a href="https://wfiles.buildingstack.com/resources/image/CKfwPa9hQLOoMJDZJsetS7epGsynkQUO9hEa9BatCRKt8w2c6QcpeRIw71T">60                            <img src="https://wfiles.buildingstack.com/resources/image/CKfwPa9hQLOoMJDZJsetS7epGsynkQUO9hEa9BatCRKt8w2c6QcpeRIw71T/preview" width="98" height="98">61                        </a>62                        <a href="https://wfiles.buildingstack.com/resources/image/KbDGBrevP6v4QKPnKKf9CNfYPdGuL752DtKqUbbgKZbHENfYEMjLTbHXE3D">63                            <img src="https://wfiles.buildingstack.com/resources/image/KbDGBrevP6v4QKPnKKf9CNfYPdGuL752DtKqUbbgKZbHENfYEMjLTbHXE3D/preview" width="98" height="98">64                        </a>65                        <a href="https://wfiles.buildingstack.com/resources/image/BpPqOrCpQb5pS3XrTKfPJqnNONHnJLavJsKmJqerLMXrHN8hDqvpHavsRpD">66                            <img src="https://wfiles.buildingstack.com/resources/image/BpPqOrCpQb5pS3XrTKfPJqnNONHnJLavJsKmJqerLMXrHN8hDqvpHavsRpD/preview" width="98" height="98">67                        </a>68                        <a href="https://wfiles.buildingstack.com/resources/image/QLTeOZXFPpHsDIyZjwGy4WnMKTIRIj6CtXBS7L4ItHYTsjlE7PdUKTnE6Sy1">69                            <img src="https://wfiles.buildingstack.com/resources/image/QLTeOZXFPpHsDIyZjwGy4WnMKTIRIj6CtXBS7L4ItHYTsjlE7PdUKTnE6Sy1/preview" width="98" height="98">70                        </a>71                        <a href="https://wfiles.buildingstack.com/resources/image/PbDAHauuQ3HiLpCvHMGsS34vGtT1RMP2PLLPK4LcApDbQt5LIaDkGMvLKJD">72                            <img src="https://wfiles.buildingstack.com/resources/image/PbDAHauuQ3HiLpCvHMGsS34vGtT1RMP2PLLPK4LcApDbQt5LIaDkGMvLKJD/preview" width="98" height="98">73                        </a>74                        <a href="https://wfiles.buildingstack.com/resources/image/U6nlTL8nQd4rENLlIsfuE6bOOJTAKb53OZX7T3XNSqTnGdPDQLfIJNLCRpD">75                            <img src="https://wfiles.buildingstack.com/resources/image/U6nlTL8nQd4rENLlIsfuE6bOOJTAKb53OZX7T3XNSqTnGdPDQLfIJNLCRpD/preview" width="98" height="98">76                        </a>77                        <a href="https://wfiles.buildingstack.com/resources/image/ULfiPcydAwqwiPcXcw8mfQoOEvegeYCOA3CdiHUaefkuc2KSDvgpAQ6NkvT">78                            <img src="https://wfiles.buildingstack.com/resources/image/ULfiPcydAwqwiPcXcw8mfQoOEvegeYCOA3CdiHUaefkuc2KSDvgpAQ6NkvT/preview" width="98" height="98">79                        </a>80                        <a href="https://wfiles.buildingstack.com/resources/image/C7D8PbGlDaqnMZHuDpOrMZLbRNehBsHGL5epJtDbQNf8R3HjM4DuIJToLJD">81                            <img src="https://wfiles.buildingstack.com/resources/image/C7D8PbGlDaqnMZHuDpOrMZLbRNehBsHGL5epJtDbQNf8R3HjM4DuIJToLJD/preview" width="98" height="98">82                        </a>83                </div>84            </div>85        </div>86    </div>87<div class="content-item ">88        <div class="unit-notes">89            <h3 class="accent_color_2">Commentaires</h3>90                <p><p>Situé dans un secteur paisible et recherché de Longueuil, cet appartement offre un environnement résidentiel agréable à proximité des espaces verts, des services essentiels et des principaux axes routiers.</p><p>Il comprend :</p><p>•  Rénové</p><p>• Terrasse</p><p>• Entrée Laveuse-Sécheuse</p><p>L’appartement bénéficie d’un emplacement stratégique offrant un accès rapide aux commerces, aux parcs et aux services du secteur, tout en profitant d’un environnement calme et familial.</p><p><strong>Caractéristiques du quartier :</strong></p><p>• À proximité du Parc Michel-Chartrand, du Parc Gentilly et de plusieurs espaces verts </p><p>• Accès rapide au boulevard Jacques-Cartier, au boulevard Curé-Poirier et aux grands axes routiers </p><p>• Situé près de l’Hôpital Pierre-Boucher et de plusieurs services médicaux </p><p>• À quelques minutes du Colisée Jean-Béliveau et des installations sportives </p><p>• Proximité des écoles, garderies et services de quartier </p><p>• Secteur résidentiel tranquille idéal pour les familles et les professionnels </p><p>• Plusieurs commerces, restaurants et services accessibles rapidement </p><p>• Accès facile au transport en commun et aux différents secteurs de Longueuil</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>91        </div>92    <ul class="comment-links">93        <li>94            <button class="contact-button">Contactez-nous</button>95            <div class="tooltip contact-tooltip">96                <a class="close-tooltip"><img src="/Content/Images/listings/close.png" alt=""></a>97                <h3>Contactez-nous</h3>98                <div class="content-item">99                    <ul class="unit-floor-name">100                        <li>101                            <p>Unit&#233;</p>102                            <h3>1</h3>103                        </li>104                        <li>105                            <p>Loyer</p>106                            <h3>$1&#160;650</h3>107                        </li>108                    </ul>109                    <ul class="unit-floor-type">110                        <li class="residential-type">R&#233;sidentiel </li>111                    </ul>112                </div>113                <div class="content-item">114                    <ul class="main-items">115                        <li>116                            <p class="title">Superficie (pi.ca)</p>117                            <h4>705</h4>118                        </li>119                        <li>120                            <p class="title">&#201;tage</p>121                            <h4>SS</h4>122                        </li>123                        <li>124                            <p class="title">Ch. &#224; coucher</p>125                            <h4>2</h4>126                        </li>127128                            <li>129                                <p class="title">Salles de bains</p>130                                <h4>1</h4>131                            </li>132133134                    </ul>135                </div>136                137138139140<script type="text/javascript">141    var onSuccess = function (data) {142        $(this).closest(".js-send-unit-request").html(data);143    }144</script>145146<div class="js-send-unit-request">147<form action="/Listing/Send/945849" 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="945849" /><input data-val="true" data-val-required="[[Apartment_UnitName_RequiredAttribute]]" id="Apartment_UnitName" name="Apartment.UnitName" type="hidden" value="1" /><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="87768" /><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="202633705605008776828" /><input id="lang" name="lang" type="hidden" value="fr-CA" />        <div class="contact-us-box">148            <div class="input-field">149                <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="" />150                <span class="field-validation-valid" data-valmsg-for="FirstName" data-valmsg-replace="true"></span>151            </div>152            <div class="input-field">153                <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="" />154                <span class="field-validation-valid" data-valmsg-for="LastName" data-valmsg-replace="true"></span>155            </div>156            <div class="input-field">157                <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="" />158                <span class="field-validation-valid" data-valmsg-for="Email" data-valmsg-replace="true"></span>159            </div>160            <div class="input-field">161                162163<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" />164165166                <span class="field-validation-valid" data-valmsg-for="Phone" data-valmsg-replace="true"></span>167            </div>168            <div class="input-field">169                <textarea class="input-box" cols="20" id="QuestionsAndComments" name="QuestionsAndComments" placeholder="Questions ou commentaires?" rows="2">170</textarea>171            </div>172            <input class="send" type="submit" onclick="gtag('event', 'contact_us_unit', {'event_category': 'Lead', 'event_label': 'Contact for 1'})" value="Envoyer">173        </div>174</form></div>175176            </div>177        </li>178    </ul>179</div>180181<script>182    $(document).ready(function () {183184        $(".contact-tooltip").wrap("<div class='popup'></div>");185        $("<div class='close-popup'></div>").insertAfter(".contact-tooltip");186187        //popup188        $('.contact-button').click(function () {189            $(this).siblings('.popup').toggleClass('is-visible');190            $('body').toggleClass('body-overflow');191            $(".contact-tooltip").click(function (event) {192                event.stopPropagation();193            });194        });195196        $('.popup').on('click', function (event) {197            if ($(event.target).is('.close-popup') || $(event.target).is('.popup')) {198                event.preventDefault();199                $(this).removeClass('is-visible');200                $('body').removeClass('body-overflow');201            }202        });203204205        //close popup when clicking the esc keyboard button206        $(document).keyup(function (event) {207            if (event.which == '27') {208                $('.popup').removeClass('is-visible');209                $('body').removeClass('body-overflow');210            }211        });212213    });214</script>