Back to all articles

Original Source Code for Email Template: ContentAlert

Below is the original Source Code for the Email Template: ContentAlert

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>

 

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