Joywork/pdf.html
2026-05-22 21:21:54 +03:00

117 lines
12 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE HTML>
<html style="margin: 0;padding: 0;">
<body style="margin: 0;padding: 0;color: #000;font-family: Helvetica,arial,sans-serif; font-size: 14px;-webkit-font-smoothing: antialiased;height: 100%;">
<div class="jw__pdf-view" style="margin: 0;padding: 0;">
<table class="pdf-view__agency" style="margin: 0;padding: 0;border-collapse: collapse;border-spacing: 0;">
<tbody style="margin: 0;padding: 0;">
<tr style="margin: 0;padding: 0;">
<td class="agency" style="margin: 0;padding: 0;font-weight: normal;text-align: left;min-width: 200px;vertical-align: top;">
<!-- выводим аватарку, если агентство, то лого -->
<div class="logo" style="margin: 0 0 15px;padding: 0;width: 170px;"><img src="http://cdn.pronovostroy.ru/object/2015-09-02/55e68bcb93c0a532588b47b6/images/58767bc97cf4d.png" style="margin: 0;padding: 0;width: 100%;"></div>
</td>
<!-- выводим, если агентство -->
<td class="agency-contacts" style="margin: 0;padding: 0;font-weight: normal;text-align: left;width: 250px;vertical-align: top;">
<div class="inner" style="margin: 0;padding: 0;padding-right: 40px;">
<!-- <h3>&laquo;Троицкий дом&raquo;</h3> -->
<ul style="margin: 0;padding: 0 40px 0 0;list-style: none;">
<li class="big" style="margin: 0 0 5px 0;padding: 0;font-size: 20px;list-style: none;margin-bottom: 10px;">655-7-655</li>
<li style="margin: 0 0 5px 0;padding: 0;font-size: 16px;list-style: none;"><a href="trdom.ru" style="margin: 0;padding: 0;color: rgb(42, 42, 42);text-decoration: none;border-bottom: 1px solid rgb(183, 188, 190);">trdom.ru</a></li>
<li style="margin: 0 0 5px 0;padding: 0;font-size: 16px;list-style: none;">ул. Рубинштейна 23, оф. 102</li>
</ul>
</div>
</td>
<td class="manager-contacts" style="margin: 0;padding: 0;font-weight: normal;text-align: left;vertical-align: top;width: 350px;">
<div class="inner" style="margin: 0;padding: 0;">
<!-- <h3>Ваш менеджер</h3> -->
<div class="manager" style="margin: 0;padding: 0;position: relative;">
<div class="pic" style="margin: 0;padding: 0;position: absolute;left: 0;top: 0;width: 75px;padding-top: 10px;"><img src="https://joywork.ru/photos/agency/35a28d7aee3443380219e5db1fea4a3d.png" style="margin: 0;padding: 0;width: 60px;height: 60px;border-radius: 40px;border: 1px solid #dedede;"></div>
<div class="name-phone" style="margin: 0;padding: 0;display: inline-block;padding-left: 83px;">
<ul style="margin: 0;padding: 0 40px 0 0;list-style: none;">
<li class="big" style="margin: 0 0 5px 0;padding: 0;font-size: 20px;list-style: none;margin-bottom: 10px;">Сергей Иванов</li>
<li style="margin: 0 0 5px 0;padding: 0;font-size: 16px;list-style: none;">+7(999)999-55-67</li>
<li style="margin: 0 0 5px 0;padding: 0;font-size: 16px;list-style: none;"><a href="" style="margin: 0;padding: 0;color: rgb(42, 42, 42);text-decoration: none;border-bottom: 1px solid rgb(183, 188, 190);">babka@tashit.ru</a></li>
</ul>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
<table class="pdf-view__flat" style="margin: 0;padding: 0;border-collapse: collapse;border-spacing: 0;margin-top: 60px;">
<tbody style="margin: 0;padding: 0;">
<tr style="margin: 0;padding: 0;">
<td class="flat-info" style="margin: 0;padding: 0;font-weight: normal;text-align: left;">
<div class="info-block first" style="margin: 0;padding: 0;margin-bottom: 25px;">
<h1 style="margin: 0;padding: 0;font-weight: 500;font-size: 42px;margin-bottom: 8px;">Комната в 7-к квартире, 45 м<sup style="margin: 0;padding: 0;font-size: 22px;">2</sup></h1>
<div class="info" style="margin: 0;padding: 0;margin-bottom: 10px;">
<div class="tag" style="margin: 0;padding: 0;color: #757575;font-size: 16px;display: inline-block;margin-right: 7px;">28 мая 2018 • 13:33 • Сдаётся на длительный срок</div>
</div>
<div class="info" style="margin: 0;padding: 0;margin-bottom: 10px;">
<div class="subway-station" style="margin: 0;padding: 0;font-size: 16px;display: inline-block;margin-right: 7px;"><span class="subway-logo" style="margin: 0;padding: 0;display: inline-block;background: url(https://joywork.ru/images/metro4.png) no-repeat;background-size: 16px 12px;width: 16px;height: 12px;margin-right: 4px;"></span><span style="margin: 0;padding: 0;">Маяковская</span></div>
<div class="subway-station" style="margin: 0;padding: 0;font-size: 16px;display: inline-block;margin-right: 7px;"><span class="subway-logo" style="margin: 0;padding: 0;display: inline-block;background: url(https://joywork.ru/images/metro4.png) no-repeat;background-size: 16px 12px;width: 16px;height: 12px;margin-right: 4px;"></span><span style="margin: 0;padding: 0;">Пл. Восстания • 15 минут пешком</span>
</div>
</div>
</div>
<div class="info-block" style="margin: 0;padding: 0;margin-bottom: 25px;">
<div class="address" style="margin: 0;padding: 0;color: #000;font-size: 18px;">Санкт-Петербург, ул. Готовченко, д.23/2</div>
</div>
<div class="info-block full" style="margin: 0;padding: 15px 25px 20px;margin-bottom: 25px;border: 1px solid #dedede;border-radius: 4px;position: relative;">
<div class="price" style="margin: 0;padding: 0;">
<h2 style="margin: 0;padding: 0;font-weight: 600;font-size: 27px;">45000 рублей в месяц</h2>
<p style="margin: 10px 0 0 0;padding: 0;-moz-hyphens: auto;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;font-size: 16px;color: #000;position: relative;margin-bottom: 3px;line-height: 13px;">+КУ, комиссия 50%</p>
</div>
</div>
<div class="info-block cols" style="margin: 0;padding: 0;margin-bottom: 25px;">
<table style="margin: 0;padding: 0;border-collapse: collapse;border-spacing: 0;">
<tr style="margin: 0;padding: 0;">
<td class="col" style="margin: 0;padding: 0 50px 0 0;font-weight: normal;text-align: left;float: left;">
<p class="small" style="margin: 0;padding: 0;-moz-hyphens: auto;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;font-size: 13px;color: #000;position: relative;margin-bottom: 3px;line-height: 13px;">Общая</p>
<p style="margin: 0;padding: 0;-moz-hyphens: auto;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;font-size: 13px;color: #000;position: relative;margin-bottom: 3px;line-height: 13px;"><b class="big" style="margin: 0;padding: 0;font-size: 22px;line-height: 30px;font-weight: 500;color: #000000;">45 м<sup style="margin: 0;padding: 0;font-size: 13px;position: absolute;top: -6px;">2</sup></b></p>
</td>
<td class="col" style="margin: 0;padding: 0 50px 0 0;font-weight: normal;text-align: left;float: left;">
<p class="small" style="margin: 0;padding: 0;-moz-hyphens: auto;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;font-size: 13px;color: #000;position: relative;margin-bottom: 3px;line-height: 13px;">Жилая</p>
<p style="margin: 0;padding: 0;-moz-hyphens: auto;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;font-size: 13px;color: #000;position: relative;margin-bottom: 3px;line-height: 13px;"><b class="big" style="margin: 0;padding: 0;font-size: 22px;line-height: 30px;font-weight: 500;color: #000000;">20 м<sup style="margin: 0;padding: 0;font-size: 13px;position: absolute;top: -6px;">2</sup></b></p>
</td>
<td class="col" style="margin: 0;padding: 0 50px 0 0;font-weight: normal;text-align: left;float: left;">
<p class="small" style="margin: 0;padding: 0;-moz-hyphens: auto;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;font-size: 13px;color: #000;position: relative;margin-bottom: 3px;line-height: 13px;">Кухни</p>
<p style="margin: 0;padding: 0;-moz-hyphens: auto;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;font-size: 13px;color: #000;position: relative;margin-bottom: 3px;line-height: 13px;"><b class="big" style="margin: 0;padding: 0;font-size: 22px;line-height: 30px;font-weight: 500;color: #000000;">14 м<sup style="margin: 0;padding: 0;font-size: 13px;position: absolute;top: -6px;">2</sup></b></p>
</td>
<td class="col" style="margin: 0;padding: 0 50px 0 0;font-weight: normal;text-align: left;float: left;">
<p class="small" style="margin: 0;padding: 0;-moz-hyphens: auto;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;font-size: 13px;color: #000;position: relative;margin-bottom: 3px;line-height: 13px;">Этаж</p>
<p style="margin: 0;padding: 0;-moz-hyphens: auto;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;font-size: 13px;color: #000;position: relative;margin-bottom: 3px;line-height: 13px;"><b class="big" style="margin: 0;padding: 0;font-size: 22px;line-height: 30px;font-weight: 500;color: #000000;">9 из 17</b></p>
</td>
<td class="col h" style="margin: 0;padding: 0 50px 0 0;font-weight: normal;text-align: left;float: left;padding-right: 10px;"><img class="have" src="https://joywork.ru/images/refregerator-click.png" style="margin: 0;padding: 0;height: 44px;"></td>
<td class="col h" style="margin: 0;padding: 0 50px 0 0;font-weight: normal;text-align: left;float: left;padding-right: 10px;"><img class="have" src="https://joywork.ru/images/washing-click.png" style="margin: 0;padding: 0;height: 44px;"></td>
<td class="col h" style="margin: 0;padding: 0 50px 0 0;font-weight: normal;text-align: left;float: left;padding-right: 10px;"><img class="have" src="https://joywork.ru/images/television-click.png" style="margin: 0;padding: 0;height: 44px;"></td>
<td class="col h" style="margin: 0;padding: 0 50px 0 0;font-weight: normal;text-align: left;float: left;padding-right: 10px;"><img class="have" src="https://joywork.ru/images/furniture-click.png" style="margin: 0;padding: 0;height: 44px;"></td>
</tr>
</table>
</div>
<div class="info-block" style="margin: 0;padding: 0;margin-bottom: 25px;">
<h3 style="margin: 0;padding: 0;font-weight: 600;margin-bottom: 8px;font-size: 18px;">Описание</h3>
<p class="description" style="margin: 0;padding: 0;-moz-hyphens: auto;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;font-size: 16px;color: #000;position: relative;margin-bottom: 3px;line-height: 23px;width: 66%;">Сдaм комнату в кoммунaльной квартире ОДHОMУакc. ДВУM гражданaм Рoccии нa длитeльный срок( соавлениe догора).В кoмнате еcть дивaн(pаcкладнoй),жуpнaльный cтoлик,тумбoчка, шкаф,,пoлки для книг,пopтьеры,утюг.Холoдильник и стиральнaя машинa-aвтoмaт ( в коридоре)Окнa выxoдят во двор. Oплата 10000 пoмeсячно+КУ 50%.Интернет есть.ЗАЛОГ!!! АГЕНТАМ ,ПОСРЕДНИКАМ НЕ БЕСПОКОИТЬ!!!</p>
</div>
</td>
</tr>
<tr style="margin: 0;padding: 0;">
<td class="flat-images" style="margin: 0;padding: 0;font-weight: normal;text-align: left;padding-top: 50px;">
<div class="info-block" style="margin: 0;padding: 0;margin-bottom: 25px;">
<img src="http://via.placeholder.com/600x400" width="45%" style="margin: 0;padding: 0;margin-right: 2.5%;margin-bottom: 30px;vertical-align: top;"><img src="http://via.placeholder.com/800x600" width="45%" style="margin: 0;padding: 0;margin-right: 2.5%;margin-bottom: 30px;vertical-align: top;"><img src="http://via.placeholder.com/400x800" width="45%" style="margin: 0;padding: 0;margin-right: 2.5%;margin-bottom: 30px;vertical-align: top;"><img src="http://via.placeholder.com/600x800" width="45%" style="margin: 0;padding: 0;margin-right: 2.5%;margin-bottom: 30px;vertical-align: top;">
</div>
</td>
</tr>
<tr style="margin: 0;padding: 0;">
<td class="flat-on-map" style="margin: 0;padding: 0;font-weight: normal;text-align: left;padding-top: 40px;">
<div class="info-block" style="margin: 0;padding: 0;margin-bottom: 25px;">
<img src="https://api-maps.yandex.ru/services/constructor/1.0/static/?um=constructor%3Ab7728389094bb3858818df0d0d41631d8132d56b882b22b278b9184bdf9052b7&amp;width=600&amp;height=400&amp;lang=ru_RU" alt="" style="border: 0;margin: 0;padding: 0;">
</div>
</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>