File: /home/assibfaf/public_html/prox-templates/mail/mail.tpl
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta content="telephone=no" name="format-detection" />
<title></title>
<style type="text/css" data-premailer="ignore">
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700);
</style>
<style data-premailer="ignore">
@media screen and (max-width: 600px) {
u+.body {
width: 100vw !important;
}
}
a[x-apple-data-detectors] {
color: inherit !important;
text-decoration: none !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}
</style>
<!--[if mso]>
<style type="text/css">
body, table, td {
font-family: Arial, Helvetica, sans-serif !important;
}
img {
-ms-interpolation-mode: bicubic;
}
.box {
border-color: #eee !important;
}
</style>
<![endif]-->
<style>
body {
margin: 0;
padding: 0;
background-color: #f5f7fb;
font-size: 15px;
line-height: 160%;
mso-line-height-rule: exactly;
color: #444444;
width: 100%;
}
body {
font-family: Open Sans, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
}
img {
border: 0 none;
line-height: 100%;
outline: none;
text-decoration: none;
vertical-align: baseline;
font-size: 0;
}
a:hover {
text-decoration: underline;
}
.btn:hover {
text-decoration: none;
}
.btn.bg-bordered:hover {
background-color: #f9fbfe !important;
}
a.bg-blue:hover {
background-color: #3a77cc !important;
}
a.bg-azure:hover {
background-color: #37a3f1 !important;
}
a.bg-indigo:hover {
background-color: #596ac9 !important;
}
a.bg-purple:hover {
background-color: #9d50e8 !important;
}
a.bg-pink:hover {
background-color: #f55f91 !important;
}
a.bg-red:hover {
background-color: #c01e1d !important;
}
a.bg-orange:hover {
background-color: #fd8e35 !important;
}
a.bg-yellow:hover {
background-color: #e3b90d !important;
}
a.bg-lime:hover {
background-color: #73cb2d !important;
}
a.bg-green:hover {
background-color: #56ab00 !important;
}
a.bg-teal:hover {
background-color: #28beae !important;
}
a.bg-cyan:hover {
background-color: #1596aa !important;
}
a.bg-gray:hover {
background-color: #95a9b0 !important;
}
a.bg-secondary:hover {
background-color: #ecf0f2 !important;
}
.img-hover:hover img {
opacity: .64;
}
@media only screen and (max-width: 560px) {
body {
font-size: 14px !important;
}
.content {
padding: 24px !important;
}
.content-image-text {
padding: 24px !important;
}
.content-image {
height: 100px !important;
}
.content-image-text {
padding-top: 96px !important;
}
h1 {
font-size: 24px !important;
}
.h1 {
font-size: 24px !important;
}
h2 {
font-size: 20px !important;
}
.h2 {
font-size: 20px !important;
}
h3 {
font-size: 18px !important;
}
.h3 {
font-size: 18px !important;
}
.col {
display: table !important;
width: 100% !important;
}
.col-spacer {
display: table !important;
width: 100% !important;
}
.col-spacer-xs {
display: table !important;
width: 100% !important;
}
.col-spacer-sm {
display: table !important;
width: 100% !important;
}
.col-hr {
display: table !important;
width: 100% !important;
}
.row {
display: table !important;
width: 100% !important;
}
.col-hr {
border: 0 !important;
height: 24px !important;
width: auto !important;
background: transparent !important;
}
.col-spacer {
width: 100% !important;
height: 24px !important;
}
.col-spacer-sm {
height: 16px !important;
}
.col-spacer-xs {
height: 8px !important;
}
.chart-cell-spacer {
width: 4px !important;
}
.text-mobile-center {
text-align: center !important;
}
.d-mobile-none {
display: none !important;
}
}
</style>
</head>
<body class="bg-body" style="font-size: 15px; margin: 0; padding: 0; line-height: 160%; mso-line-height-rule: exactly; color: #444444; width: 100%; font-family: Open Sans, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;" bgcolor="#f5f7fb">
<center>
<table class="main bg-body" width="100%" cellspacing="0" cellpadding="0" style="font-family: Open Sans, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif; border-collapse: collapse; width: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;" bgcolor="#f5f7fb">
<tr>
<td align="center" valign="top" style="font-family: Open Sans, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;">
<!--[if (gte mso 9)|(IE)]>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="top" width="640">
<![endif]-->
<span class="preheader" style="font-size: 0; padding: 0; display: none; max-height: 0; mso-hide: all; line-height: 0; color: transparent; height: 0; max-width: 0; opacity: 0; overflow: hidden; visibility: hidden; width: 0;">This is preheader text. Some clients will show this text as a preview.</span>
<table class="wrap" cellspacing="0" cellpadding="0" style="font-family: Open Sans, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif; border-collapse: collapse; width: 100%; max-width: 640px; text-align: left;">
<tr>
<td class="p-sm" style="font-family: Open Sans, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif; padding: 8px;">
{include file="mail/_partials/header.tpl"}
<div class="main-content">
{block name='mail_wrapper'}{/block}
</div>
{include file="mail/_partials/footer.tpl"}
</td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</table>
</center>
</body>
</html>