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

265 lines
16 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.

<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<base target="_blank">
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<style type="text/css" class="existing-message-styles">
@media screen and (max-width: 480px) {
.two-column .column,
.three-column .column {
max-width: 100% !important;
}
.two-column img {
max-width: 100% !important;
}
.three-column img {
max-width: 50% !important;
}
.td15 {
padding-left:15px !important;
padding-right:15px !important;
}
.td40-15 {
padding-left:40px !important;
padding-right:40px !important;
}
.tdtext-ico {
padding-left:85px!important;
padding-right:15px!important;
}
.td20-0 {
padding-left:0px !important;
padding-right:0px !important;
}
.tdleft {
text-align:left !important;
padding-top:20px !important;
}
.hide {
display:none !important;
}
.tdcenter {
text-align:center !important
}
.t1 {
font-size:20px !important;
line-height:25px !important;
}
.t2 {
font-size:17px !important;
line-height:25px !important;
}
.buttonwrapper {
width:100%!important;
}
.button {
width:100%!important;
font-size: 18px!important;
}
}
@media screen and (max-width: 400px) {
.buttonwrapper2 {
width:100%!important;
}
.bgnone {
background-image:none !important;
background-color: #0063b0 !important;
text-align:center !important;
height:auto !important;
}
.t100pr {
max-width:400px !important;
}
.tdpadtopbot {
padding-top:30px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 750px) {
.three-column .column {
max-width: 33% !important;
}
.two-column .column {
max-width: 50% !important;
}
}
</style>
</head>
<body style="margin:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;min-width:100%;background-color:#ffffff;">
<center class="wrapper" style="width:100%;table-layout:fixed;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;">
<div class="webkit" style="max-width:600px; margin:0 auto;">
<table class="outer" bgcolor="#ffffff" align="center" cellspacing="0" cellpadding="0" border="0" style="border-spacing:0;font-family:Open Sans, Verdana, Geneva, sans-serif;color:#4d4d4d;margin:0 auto;width:100%;max-width:600px;">
<tbody>
<tr>
<td class="two-column tdtext" style="background: #212121; padding-top:15px;padding-bottom:18px;padding-right:30px;padding-left:30px;text-align:left;font-size:0;">
<div class="column" style="width:100%;max-width:335px;display:inline-block;vertical-align:middle;">
<table width="100%" cellpadding="0" cellspacing="0" style="border-spacing:0;color:#797f8b;">
<tbody>
<tr>
<td class="inner" style="padding-top:0px;padding-bottom:0px;padding-right:0px;padding-left:0px;">
<table class="contents" cellpadding="0" cellspacing="0" style="border-spacing:0;color:#797f8b;width:100%;font-size:14px;line-height:20px;text-align:left;">
<tbody>
<tr>
<td style="padding-top:5px;padding-bottom:0px;padding-right:0;padding-left:0;"><a href="https://joywork.ru" rel="noreferrer"><img src="https://joywork.ru/template_mail/logo.JPG" width="140" alt="" style="border-width:0;width:140px;max-width:140px;height:auto;"></a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<div class="column" style="width:100%;max-width:205px;display:inline-block;vertical-align:middle;">
<table width="100%" cellpadding="0" cellspacing="0" style="border-spacing:0;color:#797f8b;">
<tbody>
<tr>
<td class="td20-0" style="padding-top:0px;padding-bottom:0px;padding-right:0px;padding-left:0px;">
<table cellpadding="0" cellspacing="0" style="border-spacing:0;color:#797f8b;width:100%;font-size:14px;line-height:20px;text-align:left;">
<tbody>
<tr>
<td class="text" align="right" style="padding-bottom:0;padding-right:0;padding-left:0;text-align:right;font-size:14px; line-height:1; color:#ffffff;"><a href="https://joywork.ru" style="color:#ffffff; text-decoration: none; border-bottom: 1px solid rgba(255,255,255,.5);" rel="noreferrer"><span style="color:#ffffff; font-family: Open Sans, Verdana;"/>Перейти к системе</span></a> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr>
<td align="left" class="text t1" style="border-collapse:collapse; color:#010101; font-size:23px; font-weight:bold; line-height:1.7; padding-bottom:0; padding-left:30px; padding-right:10px; padding-top:30px; text-align:left; width:100%" width="100%">Бронирование квартиры №: <%apartment_number%></td>
</tr>
<tr>
<td align="left" class="text t1" style="border-collapse:collapse; color:#757575; font-size:15px; line-height:21px; padding-bottom:10px; padding-left:30px; padding-right:10px; padding-top:15px; text-align:left">
<p style="font-size: 17px; line-height:23px; color:#757575;">Здравствуйте, <%user_name%>! Вы успешно отправили заявку на бронирование квартиры и в ближайшее время вам перезвонит менеджер для уточнения параметров брони.</p>
<p style="font-size: 17px; line-height:23px; color:#757575;">Статус брони:</p>
<table cellpadding="0" cellspacing="0" align="center" style="border-collapse:collapse;">
<tbody>
<tr>
<td align="center" style="border-collapse:collapse;<%reservation_status_style%>font-style: normal; padding: 6px 30px 7px; border-radius: 4px;">
<span><%reservation_status%></span>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td align="left" class="text t1" style="border-collapse:collapse;padding-top:15px;padding-bottom:10px;padding-right:10px;padding-left:30px;text-align:left;font-size: 15px; line-height:21px; color:#757575;">
<h3>Информация о квартире</h3>
<table width="100%" cellpadding="0" cellspacing="0" style="border-collapse:collapse;border-spacing:0;color:#797f8b;">
<tbody>
<tr>
<td style="border-collapse:collapse;padding: 7px 10px 8px 0; border-bottom: 1px solid #d0d0d0;">Тип</td>
<td style="border-collapse:collapse;padding: 7px 10px 8px 0; border-bottom: 1px solid #d0d0d0;"><%room_type%></td>
</tr>
<tr>
<td style="border-collapse:collapse;padding: 7px 10px 8px 0; border-bottom: 1px solid #d0d0d0;">Площадь</td>
<td style="border-collapse:collapse;padding: 7px 10px 8px 0; border-bottom: 1px solid #d0d0d0;"><%space_total%></td>
</tr>
<tr>
<td style="border-collapse:collapse;padding: 7px 10px 8px 0; border-bottom: 1px solid #d0d0d0;">Этаж</td>
<td style="border-collapse:collapse;padding: 7px 10px 8px 0; border-bottom: 1px solid #d0d0d0;"><%flat_floor%></td>
</tr>
<tr>
<td style="border-collapse:collapse;padding: 7px 10px 8px 0; border-bottom: 1px solid #d0d0d0;">Цена</td>
<td style="border-collapse:collapse;padding: 7px 10px 8px 0; border-bottom: 1px solid #d0d0d0;"><%discount_price%></td>
</tr>
<tr>
<td style="border-collapse:collapse;padding: 7px 10px 8px 0; border-bottom: 1px solid #d0d0d0;">Цена базовая</td>
<td style="border-collapse:collapse;padding: 7px 10px 8px 0; border-bottom: 1px solid #d0d0d0;"><%base_price%></td>
</tr>
<tr>
<td style="border-collapse:collapse;padding: 7px 10px 8px 0; border-bottom: 1px solid #d0d0d0;">Жилой комплекс</td>
<td style="border-collapse:collapse;padding: 7px 10px 8px 0; border-bottom: 1px solid #d0d0d0;"><%block_name%></td>
</tr>
<tr>
<td style="border-collapse:collapse;padding: 7px 10px 8px 0; border-bottom: 1px solid #d0d0d0;">Очередь</td>
<td style="border-collapse:collapse;padding: 7px 10px 8px 0; border-bottom: 1px solid #d0d0d0;"><%building_line%></td>
</tr>
<tr>
<td style="border-collapse:collapse;padding: 7px 10px 8px 0; border-bottom: 1px solid #d0d0d0;">Корпус</td>
<td style="border-collapse:collapse;padding: 7px 10px 8px 0; border-bottom: 1px solid #d0d0d0;"><%building_corp%></td>
</tr>
<tr>
<td style="border-collapse:collapse;padding: 7px 10px 8px 0; border-bottom: 1px solid #d0d0d0;">Сдача</td>
<td style="border-collapse:collapse;padding: 7px 10px 8px 0; border-bottom: 1px solid #d0d0d0;"><%building_deadline%></td>
</tr>
<tr>
<td style="border-collapse:collapse;padding: 7px 10px 8px 0; border-bottom: 1px solid #d0d0d0;">Этажей</td>
<td style="border-collapse:collapse;padding: 7px 10px 8px 0; border-bottom: 1px solid #d0d0d0;"><%building_floors%></td>
</tr>
<tr>
<td style="border-collapse:collapse;padding: 7px 10px 8px 0; border-bottom: 1px solid #d0d0d0;">Адрес</td>
<td style="border-collapse:collapse;padding: 7px 10px 8px 0; border-bottom: 1px solid #d0d0d0;"><%block_address%></td>
</tr>
<tr>
<td style="border-collapse:collapse;padding: 7px 10px 8px 0; border-bottom: 1px solid #d0d0d0;">Застройщик</td>
<td style="border-collapse:collapse;padding: 7px 10px 8px 0; border-bottom: 1px solid #d0d0d0;"><%builder_name%></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td align="left" class="text t1" style="border-collapse:collapse;padding-top:15px;padding-bottom:10px;padding-right:10px;padding-left:30px;text-align:left;font-size: 15px; line-height:21px; color:#757575;">
<h3>Данные клиента</h3>
<table width="100%" cellpadding="0" cellspacing="0" style="border-collapse:collapse;border-spacing:0;color:#797f8b;">
<tbody>
<tr>
<td style="border-collapse:collapse;padding: 7px 10px 8px 0; border-bottom: 1px solid #d0d0d0;">Имя</td>
<td style="border-collapse:collapse;padding: 7px 10px 8px 0; border-bottom: 1px solid #d0d0d0;"><%reservation_client_name%></td>
</tr>
<tr>
<td style="border-collapse:collapse;padding: 7px 10px 8px 0; border-bottom: 1px solid #d0d0d0;">Телефон</td>
<td style="border-collapse:collapse;padding: 7px 10px 8px 0; border-bottom: 1px solid #d0d0d0;"><%reservation_client_phone%></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td>
<table width="100%" cellspacing="0" cellpadding="0" border="0" style="border-spacing:0; color:#757575; border-bottom: 1px solid #e5e5e5;">
<tbody>
<tr>
<td align="center" class="tdtext t1" style="padding-top:45px;padding-bottom:0px;padding-right:50px;padding-left:50px;width:100%;text-align:center; font-size:23px; line-height:30px; color:#000000;">Остались вопросы?</td>
</tr>
<tr>
<td align="center" class="tdtext" style="padding-top:20px;padding-bottom:0px;padding-right:50px;padding-left:50px;width:100%;text-align:center; font-size:15px; line-height:20px; color:#757575;">Придем на помощь в любой момент. Найдите ответ на вопрос
в&nbsp;<a href="https://joywork.ru/help.php" style="text-decoration:none; color:#757575;" rel="noreferrer"><span style="color: #757575; border-bottom: 1px solid #ccc;">специальном разделе</span></a> на&nbsp;сайте
или свяжитесь с&nbsp;нами по телефону:</td>
</tr>
<tr>
<td align="center" class="tdtext" style="padding-top:10px;padding-bottom:90px;padding-right:50px;padding-left:50px;width:100%;text-align:center; font-size:24px; line-height:30px; color:#010101;">8&nbsp;812&nbsp;765-08-01
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</center>
<center class="wrapper" style="width:100%;table-layout:fixed;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;">
<div class="webkit" style="max-width:600px; margin:0 auto;">
<table width="100%" cellspacing="0" cellpadding="0" border="0" style="border-spacing:0; color:#757575;">
<tbody>
<tr>
<td style="padding-top: 20px; padding-bottom: 40px;" align="left">
<p style="font-family:Open Sans, Verdana, Geneva, sans-serif;color:#000; text-align: center; font-size: 14px; margin: 0;">Желаем успешной работы. Спасибо, что выбрали нас. Команда JoyWork.</p>
<p style="font-family:Open Sans, Verdana, Geneva, sans-serif;color:#757575; text-align: center; font-size: 14px; margin: 5px 0 0 0;">&copy; JoyWork, 2019.</p>
</td>
</tr>
</tbody>
</table>
</div>
</center>
</body>
</html>