166 lines
12 KiB
HTML
166 lines
12 KiB
HTML
<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;">Здравствуйте, <%name%>!</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%;">Спасибо, что выбрали JoyWork! Оплата тарифа успешно произведена. Мы стараемся быть полезными для вашей работы и надеемся, что оправдаем ваши ожидания. Удачных сделок!</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>
|
||
<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;">Придем на помощь в любой момент. Найдите ответ на вопрос
|
||
в <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> на сайте
|
||
или свяжитесь с нами по телефону:</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 812 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;">© JoyWork, 2019.</p>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</center>
|
||
</body>
|
||
</html> |