SPB Git

spb/lou-ka Public

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

HTML 99.7%
13.0 KB · 227 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>5</h3>9            </li>10            <li>11                <p>Loyer</p>12                <h3>$1&#160;250</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>230</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>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/KcPZOdbnLcn4Qq5AKrfdQ65wJdfgRrXkH4fdBtboI4LOOqLYSZPiIaPlGJD">51                            <img src="https://wfiles.buildingstack.com/resources/image/KcPZOdbnLcn4Qq5AKrfdQ65wJdfgRrXkH4fdBtboI4LOOqLYSZPiIaPlGJD/preview" width="98" height="98">52                        </a>53                        <a href="https://wfiles.buildingstack.com/resources/image/DNKnMIydfRMncISvDXoicw6qkBonfBEQ9ZEQepegeZcpep6ZcZOiig6cjvT">54                            <img src="https://wfiles.buildingstack.com/resources/image/DNKnMIydfRMncISvDXoicw6qkBonfBEQ9ZEQepegeZcpep6ZcZOiig6cjvT/preview" width="98" height="98">55                        </a>56                        <a href="https://wfiles.buildingstack.com/resources/image/I35dKcDlIsrwDNbMU2yf8Jcf9R4OCoUehI6fixWyNT8Tr5EP4DCMKvBCNCy1">57                            <img src="https://wfiles.buildingstack.com/resources/image/I35dKcDlIsrwDNbMU2yf8Jcf9R4OCoUehI6fixWyNT8Tr5EP4DCMKvBCNCy1/preview" width="98" height="98">58                        </a>59                        <a href="https://wfiles.buildingstack.com/resources/image/PKXCSMLLT2jlSLSqSM96HsfqUKndK3ThT6fiK51YI7apK4rFI593M4nZKJD">60                            <img src="https://wfiles.buildingstack.com/resources/image/PKXCSMLLT2jlSLSqSM96HsfqUKndK3ThT6fiK51YI7apK4rFI593M4nZKJD/preview" width="98" height="98">61                        </a>62                        <a href="https://wfiles.buildingstack.com/resources/image/PsjmGqXaJ45KP3TlKZLHHsKhHd16ArCrHq5jT35OQLSsP4v8Hd15GJ59MJD">63                            <img src="https://wfiles.buildingstack.com/resources/image/PsjmGqXaJ45KP3TlKZLHHsKhHd16ArCrHq5jT35OQLSsP4v8Hd15GJ59MJD/preview" width="98" height="98">64                        </a>65                        <a href="https://wfiles.buildingstack.com/resources/image/E7HEPq9bJtbYRc5CSMj9DJ5AQd5OCaL6DsbbH3atHLHPQKb2Tp1OTr8pTpD">66                            <img src="https://wfiles.buildingstack.com/resources/image/E7HEPq9bJtbYRc5CSMj9DJ5AQd5OCaL6DsbbH3atHLHPQKb2Tp1OTr8pTpD/preview" width="98" height="98">67                        </a>68                        <a href="https://wfiles.buildingstack.com/resources/image/GtbZP4jEKs4rI497HdGhLrL6Mc5kSqHdL6XIJaLcOZDiOJbDUMvkMcDdOpD">69                            <img src="https://wfiles.buildingstack.com/resources/image/GtbZP4jEKs4rI497HdGhLrL6Mc5kSqHdL6XIJaLcOZDiOJbDUMvkMcDdOpD/preview" width="98" height="98">70                        </a>71                        <a href="https://wfiles.buildingstack.com/resources/image/CbDORtTLKZ1ZGa5OQs5PLd1dDJ8mPKbBC4bETsChKbDtRN4nT7OvGMqpIJD">72                            <img src="https://wfiles.buildingstack.com/resources/image/CbDORtTLKZ1ZGa5OQs5PLd1dDJ8mPKbBC4bETsChKbDtRN4nT7OvGMqpIJD/preview" width="98" height="98">73                        </a>74                </div>75            </div>76        </div>77    </div>78    <div class="content-item">79        <h3 class="accent_color_2">&#201;quipements</h3>80        <ul class="main-items amentities">81            <li>82            <p class="title"><label for="HeatingIncluded">Chauffage inclus</label></p>83            <h4>Oui</h4>84        </li>85            <li>86            <p class="title"><label for="HotWaterIncluded">Eau chaude inclus</label></p>87            <h4>Oui</h4>88        </li>89                                    90</ul>91<ul class="amentity-links">92                        93                                                                                                94</ul>9596979899    </div>100<div class="content-item ">101        <div class="unit-notes">102            <h3 class="accent_color_2">Commentaires</h3>103                <p><p>Situé dans un secteur recherché de Verdun, cet appartement bénéficie d’un emplacement exceptionnel à proximité du bord de l’eau, des espaces verts, des commerces et des transports en commun. Le quartier offre un environnement résidentiel calme tout en étant très pratique pour les déplacements quotidiens.</p><p>Il offre :</p><p>•</p><p>• </p><p>•</p><p>L’immeuble est idéal pour les familles, professionnels, étudiants et toute personne recherchant un secteur dynamique avec plusieurs services accessibles à pied.</p><p>Points forts du secteur :</p><p>• Situé dans un secteur paisible et recherché de Verdun </p><p>• À proximité du fleuve Saint-Laurent et des espaces verts riverains </p><p>• Accès rapide au boulevard LaSalle et aux principaux axes routiers </p><p>• Plusieurs commerces, cafés, restaurants et pharmacies à proximité </p><p>• À quelques minutes de Pharmaprix, dépanneurs et services essentiels </p><p>• Proche des parcs Wilson, Coronation et du parc du Quai-de-La Tortue </p><p>• Quartier offrant plusieurs pistes cyclables, terrains sportifs et espaces récréatifs </p><p>• À proximité du Centre de formation professionnelle de Verdun et de plusieurs écoles </p><p>• Secteur pratique pour les déplacements vers le centre-ville de Montréal </p><p>• Environnement résidentiel apprécié pour sa qualité de vie et son accès au bord de l’eau</p><p><strong>Contactez PROGIM : 514-856-7781</strong></p><p><strong><u>Voyez toutes les unités dispoibles au www.progim.com</u></strong></p></p>104        </div>105    <ul class="comment-links">106        <li>107            <button class="contact-button">Contactez-nous</button>108            <div class="tooltip contact-tooltip">109                <a class="close-tooltip"><img src="/Content/Images/listings/close.png" alt=""></a>110                <h3>Contactez-nous</h3>111                <div class="content-item">112                    <ul class="unit-floor-name">113                        <li>114                            <p>Unit&#233;</p>115                            <h3>5</h3>116                        </li>117                        <li>118                            <p>Loyer</p>119                            <h3>$1&#160;250</h3>120                        </li>121                    </ul>122                    <ul class="unit-floor-type">123                        <li class="residential-type">R&#233;sidentiel </li>124                    </ul>125                </div>126                <div class="content-item">127                    <ul class="main-items">128                        <li>129                            <p class="title">Superficie (pi.ca)</p>130                            <h4>230</h4>131                        </li>132                        <li>133                            <p class="title">&#201;tage</p>134                            <h4>SS</h4>135                        </li>136                        <li>137                            <p class="title">Ch. &#224; coucher</p>138                            <h4>1</h4>139                        </li>140141                            <li>142                                <p class="title">Salles de bains</p>143                                <h4>1</h4>144                            </li>145146147                    </ul>148                </div>149                150151152153<script type="text/javascript">154    var onSuccess = function (data) {155        $(this).closest(".js-send-unit-request").html(data);156    }157</script>158159<div class="js-send-unit-request">160<form action="/Listing/Send/732008" 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="732008" /><input data-val="true" data-val-required="[[Apartment_UnitName_RequiredAttribute]]" id="Apartment_UnitName" name="Apartment.UnitName" type="hidden" value="5" /><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="79646" /><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="202533705601007964630" /><input id="lang" name="lang" type="hidden" value="fr-CA" />        <div class="contact-us-box">161            <div class="input-field">162                <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="" />163                <span class="field-validation-valid" data-valmsg-for="FirstName" data-valmsg-replace="true"></span>164            </div>165            <div class="input-field">166                <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="" />167                <span class="field-validation-valid" data-valmsg-for="LastName" data-valmsg-replace="true"></span>168            </div>169            <div class="input-field">170                <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="" />171                <span class="field-validation-valid" data-valmsg-for="Email" data-valmsg-replace="true"></span>172            </div>173            <div class="input-field">174                175176<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" />177178179                <span class="field-validation-valid" data-valmsg-for="Phone" data-valmsg-replace="true"></span>180            </div>181            <div class="input-field">182                <textarea class="input-box" cols="20" id="QuestionsAndComments" name="QuestionsAndComments" placeholder="Questions ou commentaires?" rows="2">183</textarea>184            </div>185            <input class="send" type="submit" onclick="gtag('event', 'contact_us_unit', {'event_category': 'Lead', 'event_label': 'Contact for 5'})" value="Envoyer">186        </div>187</form></div>188189            </div>190        </li>191    </ul>192</div>193194<script>195    $(document).ready(function () {196197        $(".contact-tooltip").wrap("<div class='popup'></div>");198        $("<div class='close-popup'></div>").insertAfter(".contact-tooltip");199200        //popup201        $('.contact-button').click(function () {202            $(this).siblings('.popup').toggleClass('is-visible');203            $('body').toggleClass('body-overflow');204            $(".contact-tooltip").click(function (event) {205                event.stopPropagation();206            });207        });208209        $('.popup').on('click', function (event) {210            if ($(event.target).is('.close-popup') || $(event.target).is('.popup')) {211                event.preventDefault();212                $(this).removeClass('is-visible');213                $('body').removeClass('body-overflow');214            }215        });216217218        //close popup when clicking the esc keyboard button219        $(document).keyup(function (event) {220            if (event.which == '27') {221                $('.popup').removeClass('is-visible');222                $('body').removeClass('body-overflow');223            }224        });225226    });227</script>