Joywork/template_mail/reservation_status.html

264 lines
16 KiB
HTML
Raw Permalink Normal View History

2026-05-22 20:21:54 +02:00
<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%">Изменение статуса брони</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>
<table cellpadding="0" cellspacing="0" align="center">
<tbody>
<tr>
<td align="center" style="<%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>