Joywork/pdf.html

117 lines
12 KiB
HTML
Raw Normal View History

2026-05-22 20:21:54 +02:00
<!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>