1#@!#!123s

32767 1#@!#!123s
: / opt / cpguard / app / resources / email_templates /
Filename : general_email.html
back
<!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">&nbsp;</td>
                                            </tr>
                                            <tr>
                                                <td style="padding: 0; margin: 0;">&nbsp;</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;">&nbsp;</td>
                                                </tr>
                                                <tr>
                                                        <td colspan="3" style="padding: 0; margin: 0; font-size: 20px; height: 20px; height: 20px;">&nbsp;</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 />&nbsp;<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>
                                                            &nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
                                                            <a style="color: #696969 !important;"
                                                                href="https://opsshield.com/privacy-policy.html">Privacy
                                                                Policy</a>
                                                            &nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
                                                            <a style="color: #696969 !important;"
                                                                href="https://opsshield.com/help/">Help
                                                                Center</a>
                                                            <br /><br />
                                                            <div>&copy;{{ __year }} OPSSHIELD LLP
                                                                &nbsp;&nbsp; www.opsshield.com
                                                            </div>
                                                        </div>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="2" height="25" width="100%">&nbsp;</td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                </table>
                                <!--footer end-->
                            </td>
                        </tr>
                    </table>
                </center>
            </td>
        </tr>
    </table>
</body>

</html>