SPB Git

spb/lou-ka Public

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

HTML 99.7%
10.5 KB · 202 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>5712A</h3>9            </li>10            <li>11                <p>Loyer</p>12                <h3>$1&#160;800</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>1</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/HaHjSqSqRZ18ILXrH4T8L7XiPd9CT4DcP4HQUMfQRM4oIpasHcGsDrbgPpD">51                            <img src="https://wfiles.buildingstack.com/resources/image/HaHjSqSqRZ18ILXrH4T8L7XiPd9CT4DcP4HQUMfQRM4oIpasHcGsDrbgPpD/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="InternetAccessIncluded">Acc&#232;s &#224; internet inclus</label></p>62            <h4>Oui</h4>63        </li>64                            65</ul>66<ul class="amentity-links">67                        68                                                                                                69</ul>7071727374    </div>75<div class="content-item ">76        <div class="unit-notes">77            <h3 class="accent_color_2">Commentaires</h3>78                <p><p>Situé dans un secteur recherché de Montréal, au cœur de Rosemont–La Petite-Patrie, cet appartement offre un environnement de vie agréable à proximité des commerces, des services essentiels, des espaces verts et des transports en commun.</p><p>Il comprend :</p><p>•</p><p>• </p><p>• </p><p>L'appartement bénéficie d'un emplacement stratégique permettant un accès rapide aux commerces de proximité, aux écoles, aux parcs et aux principaux axes routiers, tout en profitant d'un environnement résidentiel paisible et chaleureux.</p><p><strong>Caractéristiques du quartier :</strong></p><p>• À proximité du parc Maisonneuve, du Jardin botanique et de plusieurs espaces verts</p><p>• Accès rapide au boulevard Rosemont, à la rue Masson et aux principales artères du secteur</p><p>• Plusieurs commerces, restaurants, cafés, épiceries et services accessibles à pied</p><p>• Proximité des écoles, des garderies et des installations sportives</p><p>• Accès facile au transport en commun, notamment aux stations de métro Pie-IX et Joliette</p><p>• À quelques minutes du Marché Maisonneuve, du Stade olympique et des installations du Parc olympique</p><p>• Quartier résidentiel recherché, idéal pour les familles, les étudiants et les professionnels</p><p>• Environnement vivant offrant un excellent équilibre entre la tranquillité d’un quartier résidentiel et la proximité des attraits urbains</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>79        </div>80    <ul class="comment-links">81        <li>82            <button class="contact-button">Contactez-nous</button>83            <div class="tooltip contact-tooltip">84                <a class="close-tooltip"><img src="/Content/Images/listings/close.png" alt=""></a>85                <h3>Contactez-nous</h3>86                <div class="content-item">87                    <ul class="unit-floor-name">88                        <li>89                            <p>Unit&#233;</p>90                            <h3>5712A</h3>91                        </li>92                        <li>93                            <p>Loyer</p>94                            <h3>$1&#160;800</h3>95                        </li>96                    </ul>97                    <ul class="unit-floor-type">98                        <li class="residential-type">R&#233;sidentiel </li>99                    </ul>100                </div>101                <div class="content-item">102                    <ul class="main-items">103                        <li>104                            <p class="title">Superficie (pi.ca)</p>105                            <h4>--</h4>106                        </li>107                        <li>108                            <p class="title">&#201;tage</p>109                            <h4>1</h4>110                        </li>111                        <li>112                            <p class="title">Ch. &#224; coucher</p>113                            <h4>2</h4>114                        </li>115116                            <li>117                                <p class="title">Salles de bains</p>118                                <h4>1</h4>119                            </li>120121122                    </ul>123                </div>124                125126127128<script type="text/javascript">129    var onSuccess = function (data) {130        $(this).closest(".js-send-unit-request").html(data);131    }132</script>133134<div class="js-send-unit-request">135<form action="/Listing/Send/519179" 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="519179" /><input data-val="true" data-val-required="[[Apartment_UnitName_RequiredAttribute]]" id="Apartment_UnitName" name="Apartment.UnitName" type="hidden" value="5712A" /><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="62706" /><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="202333705604006270612" /><input id="lang" name="lang" type="hidden" value="fr-CA" />        <div class="contact-us-box">136            <div class="input-field">137                <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="" />138                <span class="field-validation-valid" data-valmsg-for="FirstName" data-valmsg-replace="true"></span>139            </div>140            <div class="input-field">141                <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="" />142                <span class="field-validation-valid" data-valmsg-for="LastName" data-valmsg-replace="true"></span>143            </div>144            <div class="input-field">145                <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="" />146                <span class="field-validation-valid" data-valmsg-for="Email" data-valmsg-replace="true"></span>147            </div>148            <div class="input-field">149                150151<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" />152153154                <span class="field-validation-valid" data-valmsg-for="Phone" data-valmsg-replace="true"></span>155            </div>156            <div class="input-field">157                <textarea class="input-box" cols="20" id="QuestionsAndComments" name="QuestionsAndComments" placeholder="Questions ou commentaires?" rows="2">158</textarea>159            </div>160            <input class="send" type="submit" onclick="gtag('event', 'contact_us_unit', {'event_category': 'Lead', 'event_label': 'Contact for 5712A'})" value="Envoyer">161        </div>162</form></div>163164            </div>165        </li>166    </ul>167</div>168169<script>170    $(document).ready(function () {171172        $(".contact-tooltip").wrap("<div class='popup'></div>");173        $("<div class='close-popup'></div>").insertAfter(".contact-tooltip");174175        //popup176        $('.contact-button').click(function () {177            $(this).siblings('.popup').toggleClass('is-visible');178            $('body').toggleClass('body-overflow');179            $(".contact-tooltip").click(function (event) {180                event.stopPropagation();181            });182        });183184        $('.popup').on('click', function (event) {185            if ($(event.target).is('.close-popup') || $(event.target).is('.popup')) {186                event.preventDefault();187                $(this).removeClass('is-visible');188                $('body').removeClass('body-overflow');189            }190        });191192193        //close popup when clicking the esc keyboard button194        $(document).keyup(function (event) {195            if (event.which == '27') {196                $('.popup').removeClass('is-visible');197                $('body').removeClass('body-overflow');198            }199        });200201    });202</script>