SPB Git

spb/lou-ka Public

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

HTML 99.7%
13.9 KB · 236 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>510</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>520</h4>26            </li>27                        <li>28                <p class="title">&#201;tage</p>29                <h4>5</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/BrOnC6SuQKLIE5HhH3XoE4TLCtToKqnYQ65PIs96LayLjYmZ6pAmfR2akPT">51                            <img src="https://wfiles.buildingstack.com/resources/image/BrOnC6SuQKLIE5HhH3XoE4TLCtToKqnYQ65PIs96LayLjYmZ6pAmfR2akPT/preview" width="98" height="98">52                        </a>53                        <a href="https://wfiles.buildingstack.com/resources/image/JMPoCKfFTcbDPcDHGZ9gSaHPOqKpHa4tMZHYK30mLrPsJsLcI4vrIKH7MJD">54                            <img src="https://wfiles.buildingstack.com/resources/image/JMPoCKfFTcbDPcDHGZ9gSaHPOqKpHa4tMZHYK30mLrPsJsLcI4vrIKH7MJD/preview" width="98" height="98">55                        </a>56                        <a href="https://wfiles.buildingstack.com/resources/image/HaX6LcD3H4TNJMDaKrDcOsyxfgKLh1iRDIgYAXgRjAer6BcvAJQgggmY71T">57                            <img src="https://wfiles.buildingstack.com/resources/image/HaX6LcD3H4TNJMDaKrDcOsyxfgKLh1iRDIgYAXgRjAer6BcvAJQgggmY71T/preview" width="98" height="98">58                        </a>59                        <a href="https://wfiles.buildingstack.com/resources/image/JJTQE6HpIKLQK6ThHaWuD3DuBsPGILPaL6j4EN8mQN1jI35jGJCrOsTAPpD">60                            <img src="https://wfiles.buildingstack.com/resources/image/JJTQE6HpIKLQK6ThHaWuD3DuBsPGILPaL6j4EN8mQN1jI35jGJCrOsTAPpD/preview" width="98" height="98">61                        </a>62                        <a href="https://wfiles.buildingstack.com/resources/image/L48oDNHgArftH7HNIsXFQpalSqHAIq9MOcbLQ7OvSZ9oTs5LTNSrSquuPpD">63                            <img src="https://wfiles.buildingstack.com/resources/image/L48oDNHgArftH7HNIsXFQpalSqHAIq9MOcbLQ7OvSZ9oTs5LTNSrSquuPpD/preview" width="98" height="98">64                        </a>65                        <a href="https://wfiles.buildingstack.com/resources/image/UNKtGp1bQMLvRp5CT3D8Cb95E44hIc9PHojqCaivR5blEMPlC7THK5avC3D">66                            <img src="https://wfiles.buildingstack.com/resources/image/UNKtGp1bQMLvRp5CT3D8Cb95E44hIc9PHojqCaivR5blEMPlC7THK5avC3D/preview" width="98" height="98">67                        </a>68                        <a href="https://wfiles.buildingstack.com/resources/image/TMv7EN0mJc5wDrPJPZT1MND7UcDmKMLtDIjNSt91OKLKJqyPlBSjB2SZkvT">69                            <img src="https://wfiles.buildingstack.com/resources/image/TMv7EN0mJc5wDrPJPZT1MND7UcDmKMLtDIjNSt91OKLKJqyPlBSjB2SZkvT/preview" width="98" height="98">70                        </a>71                        <a href="https://wfiles.buildingstack.com/resources/image/DsnHGMv6DL9fBtXMQcXoLtDgDLHBE6WtJMOvLMyeAAifc9inC9mX9JYwg9T">72                            <img src="https://wfiles.buildingstack.com/resources/image/DsnHGMv6DL9fBtXMQcXoLtDgDLHBE6WtJMOvLMyeAAifc9inC9mX9JYwg9T/preview" width="98" height="98">73                        </a>74                        <a href="https://wfiles.buildingstack.com/resources/image/KdWtMZPDL6T6SKb9TqKqCsTBD4f4Ps5jDYyZ73MufY6Z6XMj71UoEI4ae9T">75                            <img src="https://wfiles.buildingstack.com/resources/image/KdWtMZPDL6T6SKb9TqKqCsTBD4f4Ps5jDYyZ73MufY6Z6XMj71UoEI4ae9T/preview" width="98" height="98">76                        </a>77                        <a href="https://wfiles.buildingstack.com/resources/image/Kdf4K6j4CZPZJbTwDqLMIrHAGNPLT759S5TmQ5ftS6DtEK55CdToQLToE3D">78                            <img src="https://wfiles.buildingstack.com/resources/image/Kdf4K6j4CZPZJbTwDqLMIrHAGNPLT759S5TmQ5ftS6DtEK55CdToQLToE3D/preview" width="98" height="98">79                        </a>80                        <a href="https://wfiles.buildingstack.com/resources/image/JLPBI3PuC4fqGcPES7TBQ70pBt95KsjrRtWlLaXiTsLNSJD7MaasCqrdPpD">81                            <img src="https://wfiles.buildingstack.com/resources/image/JLPBI3PuC4fqGcPES7TBQ70pBt95KsjrRtWlLaXiTsLNSJD7MaasCqrdPpD/preview" width="98" height="98">82                        </a>83                </div>84            </div>85        </div>86    </div>87    <div class="content-item">88        <h3 class="accent_color_2">&#201;quipements</h3>89        <ul class="main-items amentities">90            <li>91            <p class="title"><label for="HeatingIncluded">Chauffage inclus</label></p>92            <h4>Oui</h4>93        </li>94            <li>95            <p class="title"><label for="HotWaterIncluded">Eau chaude inclus</label></p>96            <h4>Oui</h4>97        </li>98                                    99</ul>100<ul class="amentity-links">101                        102                                                                                                103</ul>104105106107108    </div>109<div class="content-item ">110        <div class="unit-notes">111            <h3 class="accent_color_2">Commentaires</h3>112                <p><p>Situé dans le secteur recherché de Verdun, cet appartement bénéficie d’un emplacement exceptionnel à proximité du fleuve Saint-Laurent, du parc Angrignon, des espaces verts, des commerces et des transports en commun, tout en offrant un environnement résidentiel calme et agréable.</p><p>Il offre :</p><p>•</p><p>•</p><p>• </p><p>L’immeuble est idéal pour les professionnels, couples et familles recherchant un quartier dynamique, accessible et près de la nature.</p><p>Points forts du secteur :</p><p>• Situé à proximité du fleuve Saint-Laurent et du boulevard LaSalle </p><p>• À quelques minutes du parc Angrignon et du canal de l’Aqueduc </p><p>• Proche de plusieurs parcs, pistes cyclables et espaces verts </p><p>• Accès rapide au métro Angrignon et aux transports en commun </p><p>• À proximité des commerces, cafés, restaurants et services essentiels </p><p>• Quartier résidentiel paisible et familial </p><p>• Secteur parfait pour les activités extérieures et les promenades </p><p>• Accès facile aux grands axes routiers et au centre-ville de Montréal </p><p>• Environnement offrant un excellent équilibre entre nature et vie urbaine </p><p>• Proximité d’écoles, centres communautaires et installations sportives</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>113        </div>114    <ul class="comment-links">115        <li>116            <button class="contact-button">Contactez-nous</button>117            <div class="tooltip contact-tooltip">118                <a class="close-tooltip"><img src="/Content/Images/listings/close.png" alt=""></a>119                <h3>Contactez-nous</h3>120                <div class="content-item">121                    <ul class="unit-floor-name">122                        <li>123                            <p>Unit&#233;</p>124                            <h3>510</h3>125                        </li>126                        <li>127                            <p>Loyer</p>128                            <h3>$1&#160;550</h3>129                        </li>130                    </ul>131                    <ul class="unit-floor-type">132                        <li class="residential-type">R&#233;sidentiel </li>133                    </ul>134                </div>135                <div class="content-item">136                    <ul class="main-items">137                        <li>138                            <p class="title">Superficie (pi.ca)</p>139                            <h4>520</h4>140                        </li>141                        <li>142                            <p class="title">&#201;tage</p>143                            <h4>5</h4>144                        </li>145                        <li>146                            <p class="title">Ch. &#224; coucher</p>147                            <h4>1</h4>148                        </li>149150                            <li>151                                <p class="title">Salles de bains</p>152                                <h4>1</h4>153                            </li>154155156                    </ul>157                </div>158                159160161162<script type="text/javascript">163    var onSuccess = function (data) {164        $(this).closest(".js-send-unit-request").html(data);165    }166</script>167168<div class="js-send-unit-request">169<form action="/Listing/Send/732078" 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="732078" /><input data-val="true" data-val-required="[[Apartment_UnitName_RequiredAttribute]]" id="Apartment_UnitName" name="Apartment.UnitName" type="hidden" value="510" /><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="79647" /><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="202533705601007964730" /><input id="lang" name="lang" type="hidden" value="fr-CA" />        <div class="contact-us-box">170            <div class="input-field">171                <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="" />172                <span class="field-validation-valid" data-valmsg-for="FirstName" data-valmsg-replace="true"></span>173            </div>174            <div class="input-field">175                <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="" />176                <span class="field-validation-valid" data-valmsg-for="LastName" data-valmsg-replace="true"></span>177            </div>178            <div class="input-field">179                <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="" />180                <span class="field-validation-valid" data-valmsg-for="Email" data-valmsg-replace="true"></span>181            </div>182            <div class="input-field">183                184185<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" />186187188                <span class="field-validation-valid" data-valmsg-for="Phone" data-valmsg-replace="true"></span>189            </div>190            <div class="input-field">191                <textarea class="input-box" cols="20" id="QuestionsAndComments" name="QuestionsAndComments" placeholder="Questions ou commentaires?" rows="2">192</textarea>193            </div>194            <input class="send" type="submit" onclick="gtag('event', 'contact_us_unit', {'event_category': 'Lead', 'event_label': 'Contact for 510'})" value="Envoyer">195        </div>196</form></div>197198            </div>199        </li>200    </ul>201</div>202203<script>204    $(document).ready(function () {205206        $(".contact-tooltip").wrap("<div class='popup'></div>");207        $("<div class='close-popup'></div>").insertAfter(".contact-tooltip");208209        //popup210        $('.contact-button').click(function () {211            $(this).siblings('.popup').toggleClass('is-visible');212            $('body').toggleClass('body-overflow');213            $(".contact-tooltip").click(function (event) {214                event.stopPropagation();215            });216        });217218        $('.popup').on('click', function (event) {219            if ($(event.target).is('.close-popup') || $(event.target).is('.popup')) {220                event.preventDefault();221                $(this).removeClass('is-visible');222                $('body').removeClass('body-overflow');223            }224        });225226227        //close popup when clicking the esc keyboard button228        $(document).keyup(function (event) {229            if (event.which == '27') {230                $('.popup').removeClass('is-visible');231                $('body').removeClass('body-overflow');232            }233        });234235    });236</script>