File: //opt/cpguard/app/resources/email_templates/general_email.html
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="https://fonts.googleapis.com/css?family=Lato:400,700,900" rel="stylesheet" />
<title>{{ title|e }}</title>
<style type="text/css">
/* Global Resets */
body,
.background_main,
p,
table,
td,
div {
font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
img {
border: none;
-ms-interpolation-mode: bicubic;
max-width: 100%;
}
p {
padding-bottom: 2px;
}
body {
background: #fff;
font-size: 17px;
line-height: 24px;
margin: 0;
padding: 0;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
table {
border-collapse: collapse;
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
width: 100%;
}
td {
font-size: 17px;
line-height: 24px;
vertical-align: top;
}
/* Footer */
.email_footer td,
.email_footer p,
.email_footer span,
.email_footer a {
font-size: 15px;
text-align: center;
color: #434245;
}
.email_footer td {
padding-top: 20px;
}
/* Typography */
h1,
h2,
h3,
h4 {
color: #434245;
font-weight: 400;
line-height: 1.4;
margin: 0;
margin-bottom: 12px;
}
h1 {
font-size: 30px;
line-height: 36px;
font-weight: 900;
letter-spacing: -.75px;
text-align: left;
}
p,
ul,
ol {
font-size: 17px;
line-height: 24px;
font-weight: normal;
margin: 0;
margin-bottom: 15px;
}
p li,
ul li,
ol li {
list-style-position: inside;
margin-left: 5px;
}
a {
color: #3498db;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.button_link::after {
position: absolute;
content: '';
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 4px;
}
.button_link:hover::after {
box-shadow: inset 0 -2px #237c4a;
}
.button_link.is_secondary:hover::after {
box-shadow: none;
}
a:hover {
text-decoration: underline !important;
}
pre,
code {
--saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
border: 1px solid var(--saf-0);
background: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
font-family: 'Monaco', 'Menlo', 'Consolas', 'Courier New', monospace !important;
font-size: 12px;
line-height: 1.50001;
font-variant-ligatures: none;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
word-break: normal;
-webkit-tab-size: 4;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
}
code {
color: #e01e5a;
padding: 2px 3px 1px;
border-radius: 3px;
}
pre {
margin-bottom: 16px;
padding: 8px;
border-radius: 4px;
}
blockquote {
position: relative;
margin-bottom: 16px;
padding-left: 16px;
border-left: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
border-left-width: 4px;
border-left-style: solid;
}
</style>
</head>
<body>
<!--[if mso]><style type="text/css">.background_main, table, table td, p, div, h1, h2, h3, h4, h5, h6 {
font-family: Arial, sans-serif !important;
}</style><![endif]-->
<table
style="background-color: #ffffff; padding-top: 20px;color: #434245;width: 100%;-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; border: 0; text-align: center; border-collapse: collapse;"
class="background_main">
<tr>
<td style="vertical-align: top; padding: 0">
<center>
<table id="body" class="card"
style="border: 0; border-collapse: collapse; margin: 0 auto; background: white; border-radius: 8px; margin-bottom: 16px;">
<tr>
<td style="width: 546px; vertical-align: top; padding-top: 32px">
<div style="max-width: 600px; margin: 0 auto;">
<!--[if mso]>
<table cellpadding="0" cellspacing="0" border="0" style="padding: 0; margin: 0; width: 100%;">
<tr>
<td colspan="3" style="padding: 0; margin: 0; font-size: 20px; height: 20px;" height="20"> </td>
</tr>
<tr>
<td style="padding: 0; margin: 0;"> </td>
<td style="padding: 0; margin: 0;" width="540">
<![endif]-->
<img style=" height: 58px; margin: 0 0 15px 0; padding-right: 30px; padding-left: 27px;"
src="https://opsshield.com/assets/img/logo_large.png" alt="" height="58" />
<hr style="border: none;border-top: 1px solid #E1E1E4;margin-bottom:30px;" />
{{ email_body|raw }}
<br />
<hr style="border: none;border-top: 1px solid #E1E1E4;margin-bottom:5px;" />
<table class="sm_full_width"
style="margin-left: 30px;display: inline-table; width: 434px; max-width: 100%; border: 0px; border-collapse: collapse; width: 434px;">
<tr>
<td
style="width: 38px; padding-right: 15px; padding-top: 20px; width: 38px;">
<a class="plaintext_ignore" href="#"
style="height: 38px; width: 38px; min-width: 38px; border-radius: 4px; color: #FFFFFF; font-size: 18px; line-height: 38px; vertical-align: middle; text-align: center; text-decoration: none !important; display: block; background-color: #0576b9;">☁</a>
</td>
<td class="sm_auto_width"
style="padding-top: 27px; font-size: 15px; width:378px;">
Server: <strong>{{ hostname }}</strong>
</td>
</tr>
</table>
<table class="sm_full_width"
style="text-align: right; display: inline-table; width: auto; vertical-align: top; width: 102px; text-align: right; width: 102px; border: 0px; border-collapse: collapse;">
<tbody class="sm_full_width">
<tr class="sm_full_width">
<td style="width: 100px; padding: 0px;padding-top: 20px;"
class="sm_full_width">
<div><a href="{{ app_url }}" class="sm_full_width"
style="text-align: center;text-decoration: none;display: inline-block;width: 100px; border: 1px solid #C7CACD; border-radius: 4px; background-color: #FBFBFA; color: #555459; font-size: 14px; line-height: 40px; -webkit-text-size-adjust: none;font-weight: 900;">cPGuard
UI</a></div>
</td>
</tr>
</tbody>
</table>
<!--[if mso]>
</td>
<td style="padding: 0; margin: 0; font-size: 20px; height: 20px;"> </td>
</tr>
<tr>
<td colspan="3" style="padding: 0; margin: 0; font-size: 20px; height: 20px; height: 20px;"> </td>
</tr>
</table>
<![endif]-->
</div>
</td>
</tr>
</table>
</center>
</td>
</tr>
<tr>
<td class="email_footer"
style="width: 546px;margin-top: 20px;font-size: 15px;color: #717274;text-align: center;width: 100%; border-top: 1px solid #E1E1E4">
<center>
<table
style="width: 546px;margin-top: 20px; border: 0; text-align: center; border-collapse: collapse;">
<tr>
<td style="width: 546px">
<!--footer begin-->
<table border="0" cellpadding="0" cellspacing="0" class="to100pc" width="100%">
<tr>
<td align="center">
<table align="center" border="0" cellpadding="0"
cellspacing="0" class="to100pc" width="600">
<tr>
<td colspan="2" align="center" width="90%" style="padding:10px;">
<span
style="font-size:12px; line-height:1.6; font-family:Avenir, Helvetica, sans-serif; color:#999999;">
You've received this email because you have cPGuard
security on your server - {{ hostname }}.
You may turn off notification from <a href="{{app_url}}"
style="color:#999999;font-weight:500;">cPGuard
settings</a>
on your server
<br /> <br />
</span>
</td>
</tr>
<tr>
<td
style="padding-left:10px; vertical-align: top; text-align: left;">
<a href="https://www.opsshield.com">
<img height="46" alt="cPGuard logo"
style="margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 0px;"
src="https://www.opsshield.com/assets/img/opsshield-logo.png" />
</a>
</td>
<td
style="padding-right:10px; vertical-align: top; text-align: right;padding-top: 7px;">
<a href="https://x.com/opsshieldllp" style="margin-left: 20px;">
<img height="27" width="27" title="Twitter" alt="X"
src="https://opsshield.com/assets/img/twitter.png" /></a>
<a href="https://www.facebook.com/opsshield"
style="margin-left: 20px;">
<img height="32" width="32" title="Facebook" alt="fb"
src="https://opsshield.com/assets/img/facebook.png" /></a>
</td>
</tr>
<tr>
<td colspan="2" style="padding:10px; ">
<div
style="font-family:'Avenir Next', Avenir, Helvetica, sans-serif;font-size:12px; opacity:0.5; color:#696969; text-align:left; line-height:10px; margin-bottom:50px; text-align: left;">
<a style="color: #696969 !important;"
href="https://www.opsshield.com/blog/">Our
Blog</a>
|
<a style="color: #696969 !important;"
href="https://opsshield.com/privacy-policy.html">Privacy
Policy</a>
|
<a style="color: #696969 !important;"
href="https://opsshield.com/help/">Help
Center</a>
<br /><br />
<div>©{{ __year }} OPSSHIELD LLP
www.opsshield.com
</div>
</div>
</td>
</tr>
<tr>
<td colspan="2" height="25" width="100%"> </td>
</tr>
</table>
</td>
</tr>
</table>
<!--footer end-->
</td>
</tr>
</table>
</center>
</td>
</tr>
</table>
</body>
</html>