Original source code for email template: ContentAlert

Below is the original source code for the ContentAlert email template.

This can be copied and pasted to replace an edited template when you wish to revert back to the original.

----------------------------------------------------------------

<style type="text/css">@media only screen and (min-width:620px){.wrapper{min-width:600px!important}.wrapper h1{font-size:36px!important;line-height:43px!important}.wrapper h2{font-size:22px!important;line-height:31px!important}.wrapper h3{font-size:18px!important;line-height:26px!important}.wrapper .size-8{font-size:8px!important;line-height:14px!important}.wrapper .size-9{font-size:9px!important;line-height:16px!important}.wrapper .size-10{font-size:10px!important;line-height:18px!important}.wrapper .size-11{font-size:11px!important;line-height:19px!important}.wrapper .size-12{font-size:12px!important;line-height:19px!important}.wrapper .size-13{font-size:13px!important;line-height:21px!important}.wrapper .size-14{font-size:14px!important;line-height:21px!important}.wrapper .size-15{font-size:15px!important;line-height:23px!important}.wrapper .size-16{font-size:16px!important;line-height:24px!important}.wrapper .size-17{font-size:17px!important;line-height:26px!important}.wrapper .size-18{font-size:18px!important;line-height:26px!important}.wrapper .size-20{font-size:20px!important;line-height:28px!important}.wrapper .size-22{font-size:22px!important;line-height:31px!important}.wrapper .size-24{font-size:24px!important;line-height:32px!important}.wrapper .size-26{font-size:26px!important;line-height:34px!important}.wrapper .size-28{font-size:28px!important;line-height:36px!important}.wrapper .size-30{font-size:30px!important;line-height:38px!important}.wrapper .size-32{font-size:32px!important;line-height:40px!important}.wrapper .size-34{font-size:34px!important;line-height:43px!important}.wrapper .size-36{font-size:36px!important;line-height:43px!important}.wrapper .size-40{font-size:40px!important;line-height:47px!important}.wrapper .size-44{font-size:44px!important;line-height:50px!important}.wrapper .size-48{font-size:48px!important;line-height:54px!important}.wrapper .size-56{font-size:56px!important;line-height:60px!important}.wrapper .size-64{font-size:64px!important;line-height:63px!important}}

</style>

<style type="text/css">body{margin:0;padding:0}table{border-collapse:collapse;table-layout:fixed}*{line-height:inherit}[href^=sms],[href^=tel],[x-apple-data-detectors]{color:inherit!important;text-decoration:none!important}.wrapper .footer__share-button a:focus,.wrapper .footer__share-button a:hover{color:#fff!important}.btn a:focus,.btn a:hover,.email-footer__links a:focus,.email-footer__links a:hover,.footer__share-button a:focus,.footer__share-button a:hover{opacity:.8}.column,.header,.layout,.preheader{transition:width .25s ease-in-out,max-width .25s ease-in-out}.header,.layout{max-width:400px!important;-fallback-width:95%!important;width:calc(100% - 20px)!important}div.preheader{max-width:360px!important;-fallback-width:90%!important;width:calc(100% - 60px)!important}.snippet,.webversion{Float:none!important}.column{max-width:400px!important;width:100%!important}.fixed-width.has-border{max-width:402px!important}.fixed-width.has-border .layout__inner{box-sizing:border-box}.snippet,.webversion{width:50%!important}@media only screen and (min-width:620px){.column,.gutter{display:table-cell;Float:none!important;vertical-align:top}.email-footer,div.preheader{max-width:560px!important;width:560px!important}.snippet,.webversion{width:280px!important}.header,.layout,.one-col .column{max-width:600px!important;width:600px!important}.fixed-width.ecxhas-border,.fixed-width.has-border,.has-gutter.ecxhas-border,.has-gutter.has-border{max-width:602px!important;width:602px!important}.two-col .column{max-width:300px!important;width:300px!important}.column.narrow,.three-col .column{max-width:200px!important;width:200px!important}.column.wide{width:400px!important}.two-col.ecxhas-gutter .column,.two-col.has-gutter .column{max-width:290px!important;width:290px!important}.has-gutter .narrow,.three-col.ecxhas-gutter .column,.three-col.has-gutter .column{max-width:188px!important;width:188px!important}.has-gutter .wide{max-width:394px!important;width:394px!important}.two-col.ecxhas-gutter.ecxhas-border .column,.two-col.has-gutter.has-border .column{max-width:292px!important;width:292px!important}.has-gutter.ecxhas-border .narrow,.has-gutter.has-border .narrow,.three-col.ecxhas-gutter.ecxhas-border .column,.three-col.has-gutter.has-border .column{max-width:190px!important;width:190px!important}.has-gutter.ecxhas-border .wide,.has-gutter.has-border .wide{max-width:396px!important;width:396px!important}}@media (max-width:321px){.fixed-width.has-border .layout__inner{border-width:1px 0!important}.column,.layout{min-width:320px!important;width:320px!important}.border{display:none}}

</style>

<style type="text/css">body{background-color:#fff}.logo a:focus,.logo a:hover{color:#859bb1!important}

</style>

<style type="text/css">@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,400italic,700italic|Ubuntu:400,700,400italic,700italic);

</style>

<meta name="robots" content="noindex,nofollow"><meta property="og:title" content="MyCompliance Cloud Email API">

<table cellpadding="0" cellspacing="0" class="wrapper" role="presentation" style="border-collapse:collapse;table-layout:fixed;min-width:320px;width:100%;background-color:#fff">

<tbody>

<tr>

<td>

<div role="banner">

<div class="header" id="emb-email-header-container" style="margin:0 auto;max-width:600px;min-width:320px;width:320px;width:calc(28000% - 167400px)">&nbsp;

<div align="center" class="logo emb-logo-margin-box" style="font-size:26px;line-height:32px;margin-top:20px;margin-bottom:20px;color:#c3ced9;font-family:Roboto,Tahoma,sans-serif;margin-left:20px;margin-right:20px">

<div align="center" class="logo-center" id="emb-email-header"><img alt="" height="50" src="https://cdnmetacompliancelive.metacompliance.com/phishtemplate/MyComplianceLogo.png" style="border:0;border-image:none;width:301px;height:50px;display:block;max-width:250px" width="250" /></div>

</div>

</div>

</div>

 

<div role="section">

<div class="layout one-col fixed-width" style="margin:0 auto;max-width:600px;min-width:320px;width:320px;width:calc(28000% - 167400px);overflow-wrap:break-word;word-wrap:break-word;word-break:break-word">

<div class="layout__inner" style="border-collapse:collapse;display:table;width:100%;background-color:#fff">

<div class="column" style="text-align:left;color:#444f63;font-size:16px;line-height:24px;font-family:Roboto,Tahoma,sans-serif;max-width:600px;min-width:320px;width:320px;width:calc(28000% - 167400px)">

<div style="margin-left:20px;margin-right:20px;margin-top:24px">

<div style="line-height:20px;font-size:1px">&nbsp;</div>

</div>

 

<div style="margin-left:20px;margin-right:20px">

<h1 style="margin-top:0;margin-bottom:0;font-style:normal;font-weight:400;color:#444f63;font-size:30px;line-height:38px;text-align:center"><strong>You have a [Content Type Placeholder]</strong></h1>

 

<p style="margin-top:20px;margin-bottom:0;text-align:center">You have a [Content Type Placeholder] to Complete in MyCompliance. &nbsp;</p>

 

<p style="margin-top:20px;margin-bottom:20px;text-align:center">Please log into your MyCompliance Account to take the [Content Type Placeholder] - [Content Name Placeholder].</p>

</div>

 

<div style="margin-left:20px;margin-right:20px">

<div style="line-height:10px;font-size:1px">&nbsp;</div>

</div>

 

<p style="line-height:0;margin:0">&nbsp;</p>

 

<div style="margin-left:20px;margin-right:20px">

<div class="btn btn--flat btn--large" style="margin-bottom:20px;text-align:center"><v:roundrect arcsize="9%" fillcolor="#479cff" href="[Link Placeholder]" stroke="f" style="width:500px" xmlns:v="urn:schemas-microsoft-com:vml"><v:textbox background="#479cff" inset="0px,11px,0px,11px" style="mso-fit-shape-to-text:t">

<center style="font-size:14px;line-height:24px;color:#fff;font-family:Tahoma,sans-serif;font-weight:700;mso-line-height-rule:exactly;mso-text-raise:4px"><a href="[Link Placeholder]" style="border-radius:4px;display:inline-block;font-size:14px;font-weight:700;line-height:24px;padding:12px 24px;text-align:center;text-decoration:none!important;transition:opacity .1s ease-in;color:#fff;background-color:#479cff;font-family:Roboto,Tahoma,sans-serif">MyCompliance Login</a></center>

</v:textbox></v:roundrect></div>

</div>

 

<div style="margin-left:20px;margin-right:20px">

<div style="line-height:10px;font-size:1px">&nbsp;</div>

</div>

 

<div style="margin-left:20px;margin-right:20px;margin-bottom:24px">

<div style="line-height:5px;font-size:1px">&nbsp;</div>

</div>

</div>

</div>

</div>

 

<div style="line-height:10px;font-size:10px">&nbsp;</div>

 

<div style="line-height:40px;font-size:40px">&nbsp;</div>

</div>

</td>

</tr>

</tbody>

</table>

 

----------------------------------------------------------------

Back to all articles