SPB Git

spb/lou-ka Public

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

HTML 99.7%
14.2 KB · 223 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>368</h3>9            </li>10            <li>11                <p>Loyer</p>12                <h3>$1&#160;775</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/MM5FT6fvEMasOKvwJbH1UZ8oL6rpIqv9Tt5OLL5vHdKqHsmlL69HEMfqOpD">51                            <img src="https://wfiles.buildingstack.com/resources/image/MM5FT6fvEMasOKvwJbH1UZ8oL6rpIqv9Tt5OLL5vHdKqHsmlL69HEMfqOpD/preview" width="98" height="98">52                        </a>53                        <a href="https://wfiles.buildingstack.com/resources/image/HNTdJKXKJ7D8TsHEK2jGQtDtQNfrRNXmL6PgQcbdJKTLOsfaBtXJIZLtD3D">54                            <img src="https://wfiles.buildingstack.com/resources/image/HNTdJKXKJ7D8TsHEK2jGQtDtQNfrRNXmL6PgQcbdJKTLOsfaBtXJIZLtD3D/preview" width="98" height="98">55                        </a>56                        <a href="https://wfiles.buildingstack.com/resources/image/LKvdP71kLcTZQd9gK7DoOcXbJKvLMaiuKMbhQtDXPKHGK6TMDKHeKa98KJD">57                            <img src="https://wfiles.buildingstack.com/resources/image/LKvdP71kLcTZQd9gK7DoOcXbJKvLMaiuKMbhQtDXPKHGK6TMDKHeKa98KJD/preview" width="98" height="98">58                        </a>59                        <a href="https://wfiles.buildingstack.com/resources/image/EKLvLcmuJ35oL4PaLM5hRcvOUM5PUK9NGZHvC3WhDK4pJb5MGaLFDKCvJJD">60                            <img src="https://wfiles.buildingstack.com/resources/image/EKLvLcmuJ35oL4PaLM5hRcvOUM5PUK9NGZHvC3WhDK4pJb5MGaLFDKCvJJD/preview" width="98" height="98">61                        </a>62                        <a href="https://wfiles.buildingstack.com/resources/image/MJ94PtTLUcWtH6CsD4rJMafsUdCnCr5dCN94Uc9ZE4D7CK5QAsjGJNH7KJD">63                            <img src="https://wfiles.buildingstack.com/resources/image/MJ94PtTLUcWtH6CsD4rJMafsUdCnCr5dCN94Uc9ZE4D7CK5QAsjGJNH7KJD/preview" width="98" height="98">64                        </a>65                        <a href="https://wfiles.buildingstack.com/resources/image/I5fIMLT9GqytB2UgEhEf6pOZ8JcZB2mX6wSnh3asDgWy6vJQMTvIqXHAsiy1">66                            <img src="https://wfiles.buildingstack.com/resources/image/I5fIMLT9GqytB2UgEhEf6pOZ8JcZB2mX6wSnh3asDgWy6vJQMTvIqXHAsiy1/preview" width="98" height="98">67                        </a>68                        <a href="https://wfiles.buildingstack.com/resources/image/KMGtLZT4GpTaLquqRLP2GpH5CpHQPNTZI5TEON0uU7HZKrGuP4qnSavwHJD">69                            <img src="https://wfiles.buildingstack.com/resources/image/KMGtLZT4GpTaLquqRLP2GpH5CpHQPNTZI5TEON0uU7HZKrGuP4qnSavwHJD/preview" width="98" height="98">70                        </a>71                        <a href="https://wfiles.buildingstack.com/resources/image/HJbKCJ9KRqHCDtGvKKjdT5PHLdHBIsHOJJ5EAqnGQMnCTJXACLHsUNfGTpD">72                            <img src="https://wfiles.buildingstack.com/resources/image/HJbKCJ9KRqHCDtGvKKjdT5PHLdHBIsHOJJ5EAqnGQMnCTJXACLHsUNfGTpD/preview" width="98" height="98">73                        </a>74                        <a href="https://wfiles.buildingstack.com/resources/image/P6r2D3amTs5wCrHKIJDqTKX2Gd1CE399P6bISMbAHs9hTdT3RZ9PPt4tD3D">75                            <img src="https://wfiles.buildingstack.com/resources/image/P6r2D3amTs5wCrHKIJDqTKX2Gd1CE399P6bISMbAHs9hTdT3RZ9PPt4tD3D/preview" width="98" height="98">76                        </a>77                        <a href="https://wfiles.buildingstack.com/resources/image/DqHBQbHoCMihI5HLTbLiDZ5dGaLgJZHXEKLcGramOL9hJcXqRtHHRJTXJJD">78                            <img src="https://wfiles.buildingstack.com/resources/image/DqHBQbHoCMihI5HLTbLiDZ5dGaLgJZHXEKLcGramOL9hJcXqRtHHRJTXJJD/preview" width="98" height="98">79                        </a>80                        <a href="https://wfiles.buildingstack.com/resources/image/TJ1mRKvESp9hKqPqIrWlQ4OmR5TXIcjEGcnGPMPLDsLlM6TeM51DKc9oQpD">81                            <img src="https://wfiles.buildingstack.com/resources/image/TJ1mRKvESp9hKqPqIrWlQ4OmR5TXIcjEGcnGPMPLDsLlM6TeM51DKc9oQpD/preview" width="98" height="98">82                        </a>83                        <a href="https://wfiles.buildingstack.com/resources/image/UMbgSd1gJZahQ7DiGKShDrfEQp9tDrbPE6PDCZ5BHJ8sIc5gJsrqLL9sLJD">84                            <img src="https://wfiles.buildingstack.com/resources/image/UMbgSd1gJZahQ7DiGKShDrfEQp9tDrbPE6PDCZ5BHJ8sIc5gJsrqLL9sLJD/preview" width="98" height="98">85                        </a>86                        <a href="https://wfiles.buildingstack.com/resources/image/BtTpRNf4U6yr9pUPg3IyZH4StTaINHIBreuLrbFD7HfU2jCPtLaU3LbCrKy1">87                            <img src="https://wfiles.buildingstack.com/resources/image/BtTpRNf4U6yr9pUPg3IyZH4StTaINHIBreuLrbFD7HfU2jCPtLaU3LbCrKy1/preview" width="98" height="98">88                        </a>89                        <a href="https://wfiles.buildingstack.com/resources/image/Rqr7EK9NKampDp9ADKbkDb5QJcXsSojQDsySAQqegQMQApipbxoQf2Qbe9T">90                            <img src="https://wfiles.buildingstack.com/resources/image/Rqr7EK9NKampDp9ADKbkDb5QJcXsSojQDsySAQqegQMQApipbxoQf2Qbe9T/preview" width="98" height="98">91                        </a>92                </div>93            </div>94        </div>95    </div>96<div class="content-item ">97        <div class="unit-notes">98            <h3 class="accent_color_2">Commentaires</h3>99                <p><p>Situé au cœur de Verdun, cet appartement offre un environnement dynamique et résidentiel, à proximité du bord de l’eau, des parcs et de nombreux commerces de quartier.</p><p>Il comprend :</p><p>•</p><p>•</p><p>• </p><p>L’appartement bénéficie d’un emplacement recherché près des transports en commun, des espaces verts et des services essentiels.</p><p>Caractéristiques du quartier :</p><p>• Situé dans un secteur recherché de Verdun </p><p>• À proximité immédiate du parc Willibrord et du parc Remembrance </p><p>• À quelques minutes à pied de la station de métro Verdun </p><p>• Proche du bord de l’eau, de la Promenade de Verdun et des pistes cyclables </p><p>• Accès rapide au boulevard LaSalle et aux principaux axes routiers </p><p>• Plusieurs cafés, restaurants, épiceries et commerces de proximité à distance de marche </p><p>• Secteur vivant offrant une ambiance conviviale et familiale </p><p>• À proximité d’écoles, garderies et installations communautaires </p><p>• Accès facile au transport en commun et aux pistes cyclables </p><p>• Emplacement idéal pour professionnels, étudiants et familles</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>100        </div>101    <ul class="comment-links">102        <li>103            <button class="contact-button">Contactez-nous</button>104            <div class="tooltip contact-tooltip">105                <a class="close-tooltip"><img src="/Content/Images/listings/close.png" alt=""></a>106                <h3>Contactez-nous</h3>107                <div class="content-item">108                    <ul class="unit-floor-name">109                        <li>110                            <p>Unit&#233;</p>111                            <h3>368</h3>112                        </li>113                        <li>114                            <p>Loyer</p>115                            <h3>$1&#160;775</h3>116                        </li>117                    </ul>118                    <ul class="unit-floor-type">119                        <li class="residential-type">R&#233;sidentiel </li>120                    </ul>121                </div>122                <div class="content-item">123                    <ul class="main-items">124                        <li>125                            <p class="title">Superficie (pi.ca)</p>126                            <h4>--</h4>127                        </li>128                        <li>129                            <p class="title">&#201;tage</p>130                            <h4>1</h4>131                        </li>132                        <li>133                            <p class="title">Ch. &#224; coucher</p>134                            <h4>2</h4>135                        </li>136137                            <li>138                                <p class="title">Salles de bains</p>139                                <h4>1</h4>140                            </li>141142143                    </ul>144                </div>145                146147148149<script type="text/javascript">150    var onSuccess = function (data) {151        $(this).closest(".js-send-unit-request").html(data);152    }153</script>154155<div class="js-send-unit-request">156<form action="/Listing/Send/558248" 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="558248" /><input data-val="true" data-val-required="[[Apartment_UnitName_RequiredAttribute]]" id="Apartment_UnitName" name="Apartment.UnitName" type="hidden" value="368" /><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="65899" /><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="202333705609006589921" /><input id="lang" name="lang" type="hidden" value="fr-CA" />        <div class="contact-us-box">157            <div class="input-field">158                <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="" />159                <span class="field-validation-valid" data-valmsg-for="FirstName" data-valmsg-replace="true"></span>160            </div>161            <div class="input-field">162                <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="" />163                <span class="field-validation-valid" data-valmsg-for="LastName" 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-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="" />167                <span class="field-validation-valid" data-valmsg-for="Email" data-valmsg-replace="true"></span>168            </div>169            <div class="input-field">170                171172<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" />173174175                <span class="field-validation-valid" data-valmsg-for="Phone" data-valmsg-replace="true"></span>176            </div>177            <div class="input-field">178                <textarea class="input-box" cols="20" id="QuestionsAndComments" name="QuestionsAndComments" placeholder="Questions ou commentaires?" rows="2">179</textarea>180            </div>181            <input class="send" type="submit" onclick="gtag('event', 'contact_us_unit', {'event_category': 'Lead', 'event_label': 'Contact for 368'})" value="Envoyer">182        </div>183</form></div>184185            </div>186        </li>187    </ul>188</div>189190<script>191    $(document).ready(function () {192193        $(".contact-tooltip").wrap("<div class='popup'></div>");194        $("<div class='close-popup'></div>").insertAfter(".contact-tooltip");195196        //popup197        $('.contact-button').click(function () {198            $(this).siblings('.popup').toggleClass('is-visible');199            $('body').toggleClass('body-overflow');200            $(".contact-tooltip").click(function (event) {201                event.stopPropagation();202            });203        });204205        $('.popup').on('click', function (event) {206            if ($(event.target).is('.close-popup') || $(event.target).is('.popup')) {207                event.preventDefault();208                $(this).removeClass('is-visible');209                $('body').removeClass('body-overflow');210            }211        });212213214        //close popup when clicking the esc keyboard button215        $(document).keyup(function (event) {216            if (event.which == '27') {217                $('.popup').removeClass('is-visible');218                $('body').removeClass('body-overflow');219            }220        });221222    });223</script>