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

214 lines
17 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">
<!--[if mso]>
<style type=”text/css”>
.text {
font-family: Open Sans, Arial, sans-serif;
}
</style>
<![endif]-->
<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;
}
.buttonwrapper {
width:100%!important;
}
.button {
width:100%!important;
font-size: 18px!important;
}
}
@media screen and (max-width: 400px) {
.buttonwrapper2 {
width:100%!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="" style="width:100%;table-layout:fixed;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;">
<div class="" style="max-width:600px; margin:0 auto;">
<table class="" 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 text" 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="" style="padding-top:0px;padding-bottom:0px;padding-right:0px;padding-left:0px;">
<table class="" 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="" 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" style="padding-top:30px;padding-bottom:35px;padding-right:10px;padding-left:30px;width:100%;text-align:left; font-size: 23px; line-height:1.7; color:#010101; font-weight: bold;">Большие обновления</td>
</tr>
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="margin-left:30px;">
<tbody><tr>
<td style="background-color:#424242;" width="11"></td>
<td class="text" style="padding-left:35px;padding-bottom:10px;padding-top:20px; color:#757575;">
<span style="font-size:17px;">Здравствуйте, Сергей!</span>
</td>
</tr>
<tr>
<td style="background-color:#424242;" width="11"></td>
<td class="text" style="padding-left:35px;padding-bottom:10px;padding-top:10px;">
<p style="width: 80%;">Мы добавили в систему очень много всяких фишек.</p>
</td>
</tr>
<tr>
<td style="background-color:#424242;" width="11"></td>
<td class="buttonwrapper2 text" align="left" style="padding-left:35px;padding-bottom:20px;padding-top:10px;">
<a href="https://joywork.ru/settings.php" style="color: #ffffff; text-decoration: none; display: inline-block; text-align: center; font-size: 16px; padding: 10px 30px 10px 30px; background: rgb(67,160,71); background: -moz-linear-gradient(top, rgba(67,160,71,1) 0%, rgba(56,142,60,1) 100%); background: -webkit-linear-gradient(top, rgba(67,160,71,1) 0%,rgba(56,142,60,1) 100%); background: linear-gradient(to bottom, rgba(67,160,71,1) 0%,rgba(56,142,60,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43a047', endColorstr='#388e3c',GradientType=0 );border-radius: 4px;" rel="noreferrer">
<span style="color:#ffffff;">Перейти на сайт</span>
</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td class="two-column" dir="rtl" style="padding-top:0px;padding-bottom:10px;padding-right:0px;padding-left:0px;text-align:left;font-size:0;">
<table class="column left" dir="ltr" style="border-collapse: collapse; border-spacing:0;font-family:sans-serif;color:#333333;width:100%;display:inline-block;vertical-align:bottom;max-width:300px;border-bottom: 1px solid #e5e5e5;">
<tbody>
<tr>
<td class="inner contents" style="padding-top:0px;padding-bottom:0px;width:100%;font-size:14px; padding-left:0px;text-align:center;">
<img src="https://joywork.ru/template_mail/woman.jpg" width="280" alt="" style="width:100%;max-width:280px;border-width:0; display:block; margin-left: 20px;">
</td>
</tr>
</tbody>
</table>
<table class="td100pr column right" dir="ltr" style="border-spacing:0;color:#333333;width:100%;display:inline-block;vertical-align:bottom;max-width:300px;border-bottom: 1px solid #e5e5e5;">
<tbody>
<tr>
<td class="tdtext td100pr inner contents" style="border-collapse: collapse;padding-top:10px;padding-bottom:10px;padding-right:0px;padding-left:30px;width:100%; text-align:left;">
<table border="0" cellpadding="0" cellspacing="0" style="width:100%;">
<tbody>
<tr>
<td align="left" class="" style="padding-top:15px;padding-bottom:10px;padding-right:0px;padding-left:0px;text-align:left;font-size: 15px; line-height:21px; color:#757575;">Специально для вас нами была разработана система сравнения актуальных объявлений от агентов с нашим архивом собственников.
</td>
</tr>
<tr>
<td align="left" class="" style="padding-top:0px;padding-bottom:0px;padding-right:0px;padding-left:0px;text-align:left;font-size: 14px; line-height:21px; font-family:Arial, Helvetica, sans-serif; color:#565656;">
</td>
</tr>
<tr>
<td class="tdcenter td100pr" style="padding-top:25px;padding-bottom:25px;padding-right:0px;padding-left:0px; text-align:left;">
<table class="buttonwrapper2" border="0" cellpadding="0" cellspacing="0" align="left" width="260">
<tbody>
<tr>
<td class="buttonwrapper2" align="center" style="padding: 10px 10px 10px 10px; background: rgb(67,160,71); background: -moz-linear-gradient(top, rgba(67,160,71,1) 0%, rgba(56,142,60,1) 100%); background: -webkit-linear-gradient(top, rgba(67,160,71,1) 0%,rgba(56,142,60,1) 100%); background: linear-gradient(to bottom, rgba(67,160,71,1) 0%,rgba(56,142,60,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43a047', endColorstr='#388e3c',GradientType=0 );border-radius: 4px;">
<a href="https://joywork.ru" style="color: #ffffff; text-decoration: none; display: block; text-align: center; font-size: 16px;" rel="noreferrer">
<span style="color:#ffffff;">Начать пользоваться</span>
</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</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="text" 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="text" 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="text" 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="" style="width:100%;table-layout:fixed;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;">
<div class="" 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 class="text" 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>