spb/lou-ka Public

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>402</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>402</h4>26            </li>27                        <li>28                <p class="title">&#201;tage</p>29                <h4>1</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/E4T2Da9MQZ4uT5DPJ34qQt4mIMT6TbflCIjLQsT8IaHbJcLgU4HFGJTMMJD">51                            <img src="https://wfiles.buildingstack.com/resources/image/E4T2Da9MQZ4uT5DPJ34qQt4mIMT6TbflCIjLQsT8IaHbJcLgU4HFGJTMMJD/preview" width="98" height="98">52                        </a>53                </div>54            </div>55        </div>56    </div>57    <div class="content-item">58        <h3 class="accent_color_2">&#201;quipements</h3>59        <ul class="main-items amentities">60        <li>61            <p class="title"><label for="ElectricityIncluded">&#201;lectricit&#233; incluse</label></p>62            <h4>Oui</h4>63        </li>64            <li>65            <p class="title"><label for="HeatingIncluded">Chauffage inclus</label></p>66            <h4>Oui</h4>67        </li>68            <li>69            <p class="title"><label for="HotWaterIncluded">Eau chaude inclus</label></p>70            <h4>Oui</h4>71        </li>72                                        <li>73            <p class="title"><label for="Furnished">Meubl&#233;</label></p>74            <h4>Oui</h4>75        </li>76    77</ul>78<ul class="amentity-links">79        <li><span> <label for="Fridge">R&#233;frig&#233;rateur</label></span></li>80            <li><span><label for="Stove">Cuisini&#232;re</label></span></li>81                    82                                                                                                83</ul>8485868788    </div>89<div class="content-item ">90        <div class="unit-notes">91            <h3 class="accent_color_2">Commentaires</h3>92                <p><p>Situé dans le secteur recherché du Plateau-Mont-Royal, cet appartement bénéficie d’un emplacement exceptionnel à proximité du parc La Fontaine, des commerces de quartier et des transports en commun.</p><p>Il offre :</p><p>• Chauffé inclus</p><p>• Eau chaude incluse</p><p>• Électricité incluse</p><p>L’immeuble se trouve dans un environnement dynamique et convivial, reconnu pour son ambiance unique et sa qualité de vie.</p><p>Points forts du secteur :</p><p>• À quelques pas du parc La Fontaine </p><p>• Proximité de l’avenue du Mont-Royal et de plusieurs cafés, restaurants et boutiques </p><p>• Accès rapide aux transports en commun et pistes cyclables </p><p>• Quartier animé tout en offrant des rues résidentielles paisibles </p><p>• À proximité des écoles, épiceries et services essentiels </p><p>• Environnement idéal pour étudiants, professionnels et jeunes familles </p><p>• Accès facile au centre-ville de Montréal </p><p>• Secteur reconnu pour sa vie culturelle et son ambiance chaleureuse</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>93        </div>94    <ul class="comment-links">95        <li>96            <button class="contact-button">Contactez-nous</button>97            <div class="tooltip contact-tooltip">98                <a class="close-tooltip"><img src="/Content/Images/listings/close.png" alt=""></a>99                <h3>Contactez-nous</h3>100                <div class="content-item">101                    <ul class="unit-floor-name">102                        <li>103                            <p>Unit&#233;</p>104                            <h3>402</h3>105                        </li>106                        <li>107                            <p>Loyer</p>108                            <h3>$1&#160;450</h3>109                        </li>110                    </ul>111                    <ul class="unit-floor-type">112                        <li class="residential-type">R&#233;sidentiel </li>113                    </ul>114                </div>115                <div class="content-item">116                    <ul class="main-items">117                        <li>118                            <p class="title">Superficie (pi.ca)</p>119                            <h4>402</h4>120                        </li>121                        <li>122                            <p class="title">&#201;tage</p>123                            <h4>1</h4>124                        </li>125                        <li>126                            <p class="title">Ch. &#224; coucher</p>127                            <h4>1</h4>128                        </li>129130                            <li>131                                <p class="title">Salles de bains</p>132                                <h4>1</h4>133                            </li>134135136                    </ul>137                </div>138                139140141142<script type="text/javascript">143    var onSuccess = function (data) {144        $(this).closest(".js-send-unit-request").html(data);145    }146</script>147148<div class="js-send-unit-request">149<form action="/Listing/Send/488734" 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="488734" /><input data-val="true" data-val-required="[[Apartment_UnitName_RequiredAttribute]]" id="Apartment_UnitName" name="Apartment.UnitName" type="hidden" value="402" /><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="60848" /><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="202233705610006084829" /><input id="lang" name="lang" type="hidden" value="fr-CA" />        <div class="contact-us-box">150            <div class="input-field">151                <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="" />152                <span class="field-validation-valid" data-valmsg-for="FirstName" data-valmsg-replace="true"></span>153            </div>154            <div class="input-field">155                <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="" />156                <span class="field-validation-valid" data-valmsg-for="LastName" data-valmsg-replace="true"></span>157            </div>158            <div class="input-field">159                <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="" />160                <span class="field-validation-valid" data-valmsg-for="Email" data-valmsg-replace="true"></span>161            </div>162            <div class="input-field">163                164165<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" />166167168                <span class="field-validation-valid" data-valmsg-for="Phone" data-valmsg-replace="true"></span>169            </div>170            <div class="input-field">171                <textarea class="input-box" cols="20" id="QuestionsAndComments" name="QuestionsAndComments" placeholder="Questions ou commentaires?" rows="2">172</textarea>173            </div>174            <input class="send" type="submit" onclick="gtag('event', 'contact_us_unit', {'event_category': 'Lead', 'event_label': 'Contact for 402'})" value="Envoyer">175        </div>176</form></div>177178            </div>179        </li>180    </ul>181</div>182183<script>184    $(document).ready(function () {185186        $(".contact-tooltip").wrap("<div class='popup'></div>");187        $("<div class='close-popup'></div>").insertAfter(".contact-tooltip");188189        //popup190        $('.contact-button').click(function () {191            $(this).siblings('.popup').toggleClass('is-visible');192            $('body').toggleClass('body-overflow');193            $(".contact-tooltip").click(function (event) {194                event.stopPropagation();195            });196        });197198        $('.popup').on('click', function (event) {199            if ($(event.target).is('.close-popup') || $(event.target).is('.popup')) {200                event.preventDefault();201                $(this).removeClass('is-visible');202                $('body').removeClass('body-overflow');203            }204        });205206207        //close popup when clicking the esc keyboard button208        $(document).keyup(function (event) {209            if (event.which == '27') {210                $('.popup').removeClass('is-visible');211                $('body').removeClass('body-overflow');212            }213        });214215    });216</script>