Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              


 
<!DOCTYPE html>    
<html>    
<head>

<title>Big News on Automation Pro</title>
<link rel="shortcut icon" href="favicon.ico">

<style type="text/css">
table[name="blk_permission"], table[name="blk_footer"] {display:none;} 
</style>

<meta name="googlebot" content="noindex" />
<META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW"/><link rel="stylesheet" href="/style/dhtmlwindow.css" type="text/css" />
<script type="text/javascript" src="/script/dhtmlwindow.js">
/***********************************************
* DHTML Window Widget- © Dynamic Drive (www.dynamicdrive.com)
* This notice must stay intact for legal use.
* Visit www.dynamicdrive.com for full source code
***********************************************/
</script>
<link rel="stylesheet" href="/style/modal.css" type="text/css" />
<script type="text/javascript" src="/script/modal.js"></script>
<script type="text/javascript">
	function show_popup(popup_name,popup_url,popup_title,width,height) {var widthpx = width +  "px";var heightpx = height +  "px";emailwindow = dhtmlmodal.open(popup_name , 'iframe', popup_url , popup_title , 'width=' + widthpx + ',height='+ heightpx + ',center=1,resize=0,scrolling=1');}
 function show_modal(popup_name,popup_url,popup_title,width,height){var widthpx = width +  "px";var heightpx = height +  "px";emailwindow = dhtmlmodal.open(popup_name , 'iframe', popup_url , popup_title , 'width=' + widthpx + ',height='+ heightpx + ',modal=1,center=1,resize=0,scrolling=1');}
var popUpWin=0;
	function popUpWindow(URLStr,PopUpName, width, height){if(popUpWin) { if(!popUpWin.closed) popUpWin.close();}var left = (screen.width - width) / 2;var top = (screen.height - height) / 2;popUpWin = open(URLStr, PopUpName,	'toolbar=0,location=0,directories=0,status=0,menub	ar=0,scrollbar=0,resizable=0,copyhistory=yes,width='+width+',height='+height+',left='+left+', 	top='+top+',screenX='+left+',screenY='+top+'');}
</script>
    
<meta content="width=device-width, initial-scale=1.0" name="viewport">    
<style type="text/css">    
/*** BMEMBF Start ***/    
[name=bmeMainBody]{min-height:1000px;}    
@media only screen and (max-width: 480px){table.blk, table.tblText, .bmeHolder, .bmeHolder1, table.bmeMainColumn{width:100% !important;} }        
@media only screen and (max-width: 480px){.bmeImageCard table.bmeCaptionTable td.tblCell{padding:0px 20px 20px 20px !important;} }        
@media only screen and (max-width: 480px){.bmeImageCard table.bmeCaptionTable.bmeCaptionTableMobileTop td.tblCell{padding:20px 20px 0 20px !important;} }        
@media only screen and (max-width: 480px){table.bmeCaptionTable td.tblCell{padding:10px !important;} }        
@media only screen and (max-width: 480px){table.tblGtr{ padding-bottom:20px !important;} }        
@media only screen and (max-width: 480px){td.blk_container, .blk_parent, .bmeLeftColumn, .bmeRightColumn, .bmeColumn1, .bmeColumn2, .bmeColumn3, .bmeBody{display:table !important;max-width:600px !important;width:100% !important;} }        
@media only screen and (max-width: 480px){table.container-table, .bmeheadertext, .container-table { width: 95% !important; } }        
@media only screen and (max-width: 480px){.mobile-footer, .mobile-footer a{ font-size: 13px !important; line-height: 18px !important; } .mobile-footer{ text-align: center !important; } table.share-tbl { padding-bottom: 15px; width: 100% !important; } table.share-tbl td { display: block !important; text-align: center !important; width: 100% !important; } }        
@media only screen and (max-width: 480px){td.bmeShareTD, td.bmeSocialTD{width: 100% !important; } }        
@media only screen and (max-width: 480px){td.tdBoxedTextBorder{width: auto !important;}}    
@media only screen and (max-width: 480px){table.blk, table[name=tblText], .bmeHolder, .bmeHolder1, table[name=bmeMainColumn]{width:100% !important;} }    
@media only screen and (max-width: 480px){.bmeImageCard table.bmeCaptionTable td[name=tblCell]{padding:0px 20px 20px 20px !important;} }    
@media only screen and (max-width: 480px){.bmeImageCard table.bmeCaptionTable.bmeCaptionTableMobileTop td[name=tblCell]{padding:20px 20px 0 20px !important;} }    
@media only screen and (max-width: 480px){table.bmeCaptionTable td[name=tblCell]{padding:10px !important;} }    
@media only screen and (max-width: 480px){table[name=tblGtr]{ padding-bottom:20px !important;} }    
@media only screen and (max-width: 480px){td.blk_container, .blk_parent, [name=bmeLeftColumn], [name=bmeRightColumn], [name=bmeColumn1], [name=bmeColumn2], [name=bmeColumn3], [name=bmeBody]{display:table !important;max-width:600px !important;width:100% !important;} }    
@media only screen and (max-width: 480px){table[class=container-table], .bmeheadertext, .container-table { width: 95% !important; } }    
@media only screen and (max-width: 480px){.mobile-footer, .mobile-footer a{ font-size: 13px !important; line-height: 18px !important; } .mobile-footer{ text-align: center !important; } table[class="share-tbl"] { padding-bottom: 15px; width: 100% !important; } table[class="share-tbl"] td { display: block !important; text-align: center !important; width: 100% !important; } }    
@media only screen and (max-width: 480px){td[name=bmeShareTD], td[name=bmeSocialTD]{width: 100% !important; } }    
@media only screen and (max-width: 480px){td[name=tdBoxedTextBorder]{width: auto !important;}}    
@media only screen and (max-width: 480px){.bmeImageCard table.bmeImageTable{height: auto !important; width:100% !important; padding:20px !important;clear:both; float:left !important; border-collapse: separate;} }    
@media only screen and (max-width: 480px){.bmeMblInline table.bmeImageTable{height: auto !important; width:100% !important; padding:10px !important;clear:both;} }    
@media only screen and (max-width: 480px){.bmeMblInline table.bmeCaptionTable{width:100% !important; clear:both;} }    
@media only screen and (max-width: 480px){table.bmeImageTable{height: auto !important; width:100% !important; padding:10px !important;clear:both; } }    
@media only screen and (max-width: 480px){table.bmeCaptionTable{width:100% !important;  clear:both;} }    
@media only screen and (max-width: 480px){table.bmeImageContainer{width:100% !important; clear:both; float:left !important;} }    
@media only screen and (max-width: 480px){table.bmeImageTable td{padding:0px !important; height: auto; } }    
@media only screen and (max-width: 480px){td.bmeImageContainerRow{padding:0px !important;}}    
@media only screen and (max-width: 480px){img.mobile-img-large{width:100% !important; height:auto !important;} }    
@media only screen and (max-width: 480px){img.bmeRSSImage{max-width:320px; height:auto !important;}}    
@media only screen and (min-width: 640px){img.bmeRSSImage{max-width:600px !important; height:auto !important;} }    
@media only screen and (max-width: 480px){.trMargin img{height:10px;} }    
@media only screen and (max-width: 480px){div.bmefooter, div.bmeheader{ display:block !important;} }    
@media only screen and (max-width: 480px){.tdPart{ width:100% !important; clear:both; float:left !important; } }    
@media only screen and (max-width: 480px){table.blk_parent1, table.tblPart {width: 100% !important; } }    
@media only screen and (max-width: 480px){.tblLine{min-width: 100% !important;}}     
@media only screen and (max-width: 480px){.bmeMblCenter img { margin: 0 auto; } }       
@media only screen and (max-width: 480px){.bmeMblCenter, .bmeMblCenter div, .bmeMblCenter span  { text-align: center !important; text-align: -webkit-center !important; } }    
@media only screen and (max-width: 480px){.bmeNoBr br, .bmeImageGutterRow, .bmeMblStackCenter .bmeShareItem .tdMblHide { display: none !important; } }    
@media only screen and (max-width: 480px){.bmeMblInline table.bmeImageTable, .bmeMblInline table.bmeCaptionTable, td.bmeMblInline { clear: none !important; width:50% !important; } }    
@media only screen and (max-width: 480px){.bmeMblInlineHide, .bmeShareItem .trMargin { display: none !important; } }    
@media only screen and (max-width: 480px){.bmeMblInline table.bmeImageTable img, .bmeMblShareCenter.tblContainer.mblSocialContain, .bmeMblFollowCenter.tblContainer.mblSocialContain{width: 100% !important; } }    
@media only screen and (max-width: 480px){.bmeMblStack> .bmeShareItem{width: 100% !important; clear: both !important;} }    
@media only screen and (max-width: 480px){.bmeShareItem{padding-top: 10px !important;} }    
@media only screen and (max-width: 480px){.tdPart.bmeMblStackCenter, .bmeMblStackCenter .bmeFollowItemIcon {padding:0px !important; text-align: center !important;} }    
@media only screen and (max-width: 480px){.bmeMblStackCenter> .bmeShareItem{width: 100% !important;} }    
@media only screen and (max-width: 480px){ td.bmeMblCenter {border: 0 none transparent !important;}}    
@media only screen and (max-width: 480px){.bmeLinkTable.tdPart td{padding-left:0px !important; padding-right:0px !important; border:0px none transparent !important;padding-bottom:15px !important;height: auto !important;}}    
@media only screen and (max-width: 480px){.tdMblHide{width:10px !important;} }    
@media only screen and (max-width: 480px){.bmeShareItemBtn{display:table !important;}}    
@media only screen and (max-width: 480px){.bmeMblStack td {text-align: left !important;}}    
@media only screen and (max-width: 480px){.bmeMblStack .bmeFollowItem{clear:both !important; padding-top: 10px !important;}}    
@media only screen and (max-width: 480px){.bmeMblStackCenter .bmeFollowItemText{padding-left: 5px !important;}}    
@media only screen and (max-width: 480px){.bmeMblStackCenter .bmeFollowItem{clear:both !important;align-self:center; float:none !important; padding-top:10px;margin: 0 auto;}}    
@media only screen and (max-width: 480px){    
.tdPart> table{width:100% !important;}    
}    
@media only screen and (max-width: 480px){.tdPart>table.bmeLinkContainer{ width:auto !important; }}    
@media only screen and (max-width: 480px){.tdPart.mblStackCenter>table.bmeLinkContainer{ width:100% !important;}}     
.blk_parent:first-child, .blk_parent{float:left;}    
.blk_parent:last-child{float:right;}    
/*** BMEMBF END ***/    
    
table[name="bmeMainBody"], body {background-color:#ffffff;}    
 td[name="bmePreHeader"] {background-color:#465bd3;}    
 td[name="bmeHeader"] {background:#ffffff;background-color:#465bd3;}    
 td[name="bmeBody"], table[name="bmeBody"] {background-color:#ffffff;}    
 td[name="bmePreFooter"] {background-color:#eeeff0;}    
 td[name="bmeFooter"] {background-color:#ffffff;}    
 td[name="tblCell"], .blk {font-family:initial;font-weight:normal;font-size:initial;}    
 table[name="blk_blank"] td[name="tblCell"] {font-family:Arial, Helvetica, sans-serif;font-size:14px;}    
 [name=bmeMainColumnParent] {border-color:transparent;border-width:0px;border-style:none;border-radius:0px;border-collapse:separate;border-spacing:0px;overflow:visible;}    
 [name=bmeMainContentParent] {border-color:transparent;border-width:0px;border-style:none;border-radius:0px;overflow:hidden;border-collapse:separate;border-spacing:0px;}    
 [name=bmeMainContent] {border-color:transparent;border-width:0px;border-style:none;border-radius:0px;border-collapse:separate;border-spacing:0px;overflow:visible;}    
 [name=bmeMainColumn] {border-color:transparent;border-width:0px;border-style:none;border-radius:0px;border-collapse:separate;border-spacing:0px;overflow:visible;}    
 [name=bmeMainColumnParentTable] {border-collapse:separate;border-spacing:0px;}    
     
</style>    
</head>    
<body marginheight=0 marginwidth=0 topmargin=0 leftmargin=0 style="height: 100% !important; margin: 0; padding: 0; width: 100% !important;min-width: 100%;"><div class="inbox-preview" style="  font-size: 0; max-height: 0; line-height: 0; padding: 0; mso-hide: all;">The Automation Pro beta period has come to an end.</div><!-- inbox-preview -->    
    
<table name="bmeMainBody" style="background-color: rgb(255, 255, 255);" width="100%" cellspacing="0" cellpadding="0" border="0" bgcolor="#ffffff"><tbody><tr><td width="100%" valign="top" align="center">    
<table name="bmeMainColumnParentTable" style="border-collapse: separate; border-spacing: 0px;" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td name="bmeMainColumnParent" style="border: 0px none transparent; border-radius: 0px; border-collapse: separate; border-spacing: 0px; overflow: visible;">     
<table name="bmeMainColumn" class="bmeMainColumn bmeHolder" style="max-width: 600px; overflow: visible; border-radius: 0px; border-collapse: separate; border-spacing: 0px;" cellspacing="0" cellpadding="0" border="0" align="center">    <tbody><tr><td class="blk_container bmeHolder" name="bmePreHeader" style="color: rgb(56, 56, 56); border: 0px none transparent; background-color: rgb(70, 91, 211);" width="100%" valign="top" align="center" bgcolor="#465bd3"><div id="dv_18" class="blk_wrapper">    
<table class="blk" name="blk_divider" style="background-color: rgb(29, 32, 45);" width="600" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td class="tblCellMain" style="padding: 12px 20px 20px;">    
<table class="tblLine" style="border-top: 1px none rgb(225, 225, 225); min-width: 1px;" width="100%" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td><span></span></td></tr></tbody>    
</table></td></tr></tbody>    
</table></div><div id="dv_1" class="blk_wrapper">    
<table class="blk" name="blk_image" width="600" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td>    
<table width="100%" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td class="bmeImage" style="border-collapse: collapse; padding: 20px; background-color: rgb(29, 32, 45);" align="center"><img    
 src="https://images.benchmarkemail.com/client597226/image4959167.png" class="mobile-img-large" style="max-width: 1200px; display: block; width: 560px;" alt="" width="560" border="0"></td></tr></tbody>    
</table></td></tr></tbody>    
</table></div><div id="dv_22" class="blk_wrapper">    
<table class="blk" name="blk_divider" style="background-color: rgb(29, 32, 45);" width="600" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td class="tblCellMain" style="padding: 12px 20px 20px;">    
<table class="tblLine" style="border-top: 1px none rgb(225, 225, 225); min-width: 1px;" width="100%" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td><span></span></td></tr></tbody>    
</table></td></tr></tbody>    
</table></div></td></tr> <tr><td class="bmeHolder" name="bmeMainContentParent" style="border: 0px none transparent; border-radius: 0px; border-collapse: separate; border-spacing: 0px; overflow: hidden;" width="100%" valign="top" align="center">     
<table name="bmeMainContent" style="border-radius: 0px; border-collapse: separate; border-spacing: 0px; border: 0px none transparent; overflow: visible;" width="100%" cellspacing="0" cellpadding="0" border="0" align="center"> <tbody><tr><td class="blk_container bmeHolder" name="bmeHeader" style="color: rgb(56, 56, 56); border: 0px none transparent; background-color: rgb(70, 91, 211);" width="100%" valign="top" align="center" bgcolor="#465bd3"><div id="dv_8" class="blk_wrapper">    
<table class="blk" name="blk_text" width="600" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td>    
<table class="bmeContainerRow" width="100%" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td class="tdPart" style="background-color: rgb(29, 32, 45);" valign="top" align="center">    
<table name="tblText" style="float: left; background-color: rgb(29, 32, 45);" class="tblText" width="600" cellspacing="0" cellpadding="0" border="0" align="left"><tbody><tr><td name="tblCell" style="padding: 0px 20px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: rgb(56, 56, 56); text-align: left;" class="tblCell" valign="top" align="left"><div style="line-height: 1.6; text-align: center;"><span style="font-size: 36px; line-height: 1.6;"><span style="font-family: Helvetica, Arial, sans-serif; line-height: 150%; color: #25bca9; font-size: 48px;"><span style="color: #ffffff; line-height: 150%; font-weight: 300;">It’s Time to Be an Automation Pro</span></span><strong><span style="font-family: Helvetica, Arial, sans-serif; line-height: 150%; color: #25bca9;">    
<br></span></strong></span></div></td></tr></tbody>    
</table></td></tr></tbody>    
</table></td></tr></tbody>    
</table></div>
</td></tr> <tr><td class="blk_container bmeHolder bmeBody" name="bmeBody" style="color: rgb(56, 56, 56); border: 0px none transparent; background-color: rgb(255, 255, 255);" width="100%" valign="top" align="center" bgcolor="#ffffff"><div id="dv_6" class="blk_wrapper">    
<table class="blk" name="blk_image" width="600" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td>    
<table width="100%" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td class="bmeImage" style="border-collapse: collapse; padding: 0px;" align="center"><img    
 src="https://images.benchmarkemail.com/client597226/image4954571.gif" class="mobile-img-large" style="max-width: 600px; display: block; width: 600px;" alt="" width="600" border="0"></td></tr></tbody>    
</table></td></tr></tbody>    
</table></div><div id="dv_24" class="blk_wrapper">    
<table class="blk" name="blk_text" width="600" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td>    
<table class="bmeContainerRow" width="100%" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td class="tdPart" valign="top" align="center">    
<table name="tblText" class="tblText" style="float:left; background-color:transparent;" width="600" cellspacing="0" cellpadding="0" border="0" align="left"><tbody><tr><td name="tblCell" class="tblCell" style="padding: 10px 20px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: rgb(56, 56, 56); text-align: left;" valign="top" align="left"><div style="line-height: 1.8; text-align: center;"><span style="font-family: Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: 1px; color: #666872;">Automation Pro is ready for action</span></div></td></tr></tbody>    
</table></td></tr></tbody>    
</table></td></tr></tbody>    
</table></div><div id="dv_2" class="blk_wrapper">    
<table class="blk" name="blk_text" width="600" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td>    
<table class="bmeContainerRow" width="100%" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td class="tdPart" valign="top" align="center">    
<table name="tblText" style="float:left; background-color:transparent;" class="tblText" width="600" cellspacing="0" cellpadding="0" border="0" align="left"><tbody><tr><td name="tblCell" style="padding: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: rgb(56, 56, 56); text-align: left;" class="tblCell" valign="top" align="left"><div style="line-height: 1.6; text-align: center;"><span style="font-size: 30px; font-family: Helvetica, Arial, sans-serif; color: #4e5ff9; line-height: 1.6; font-weight: 300;">The official launch of Automation Pro is here! We have completed the beta period.     
<br></span></div></td></tr></tbody>    
</table></td></tr></tbody>    
</table></td></tr></tbody>    
</table></div><div id="dv_26" class="blk_wrapper">    
<table class="blk" name="blk_button" style="" width="600" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td width="20"></td><td align="center">    
<table class="tblContainer" width="100%" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td height="20"></td></tr><tr><td align="center">    
<table class="bmeButton" cellspacing="0" cellpadding="0" border="0" align="center" style="border-collapse: separate;"><tbody><tr><td style="border-radius: 5px; border-width: 0px; border-style: none; border-color: transparent; background-color: rgb(78, 95, 249); text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 20px 40px; font-weight: bold;" class="bmeButtonText"><span style="font-family:Arial, Verdana; font-size:14px;color:#FFFFFF;">    
<a style="color:#FFFFFF;text-decoration:none;" target="_blank" href="http://visitor.bmetrack.com/c/l?u=75D8761&e=BF02B4&c=B885&t=0&l=2954B444&email=hL2iimIGZvj2QooSzVze1t7P%2FZjRPRKrj2c0%2B7DqUhU%3D&seq=1" target=_blank>Start Your Automation</a></span></td></tr></tbody>    
</table></td></tr><tr><td height="20"></td></tr></tbody>    
</table></td><td width="20"></td></tr></tbody>    
</table></div><div id="dv_13" class="blk_wrapper">    
<table class="blk" name="blk_divider" style="" width="600" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td class="tblCellMain" style="padding: 20px;">    
<table class="tblLine" style="border-top: 1px solid rgb(238, 239, 240); min-width: 1px;" width="100%" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td><span></span></td></tr></tbody>    
</table></td></tr></tbody>    
</table></div><div id="dv_19" class="blk_wrapper">    
<table class="blk" name="blk_text" width="600" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td>    
<table class="bmeContainerRow" width="100%" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td class="tdPart" valign="top" align="center">    
<table name="tblText" style="float:left; background-color:transparent;" class="tblText" width="600" cellspacing="0" cellpadding="0" border="0" align="left"><tbody><tr><td name="tblCell" style="padding: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: rgb(56, 56, 56); text-align: left;" class="tblCell" valign="top" align="left"><div style="line-height: 1.8; text-align: left;">
<p style="line-height: 1.8;"><span style="font-family: Helvetica, Arial, sans-serif; font-size: 20px; font-weight: 600; color: #1d202d; line-height: 1.8;"><span style="line-height: 1.8;"><strong><span style="font-size: 20px; color: #1d202d;">What Is Automation Pro?    
<br>    
<br></span></strong></span></span><span style="font-family: Helvetica, Arial, sans-serif; font-size: 16px; color: #666872;">It’s our powerfully simple and simply powerful tool that lets you easily send automated series of email that are triggered by website and email engagement. The best part? It's included in all of our premium plans for free!    
<br></span></p>
</div></td></tr></tbody>    
</table></td></tr></tbody>    
</table></td></tr></tbody>    
</table></div><div id="dv_20" class="blk_wrapper">    
<table class="blk" name="blk_text" width="600" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td>    
<table class="bmeContainerRow" width="100%" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td class="tdPart" valign="top" align="center">    
<table name="tblText" style="float:left; background-color:transparent;" class="tblText" width="600" cellspacing="0" cellpadding="0" border="0" align="left"><tbody><tr><td name="tblCell" style="padding: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: rgb(56, 56, 56); text-align: left;" class="tblCell" valign="top" align="left"><div style="line-height: 1.8; text-align: left;">
<p style="line-height: 1.8;"><span style="font-family: Helvetica, Arial, sans-serif; font-size: 20px; font-weight: 600; color: #1d202d; line-height: 1.8;"><span style="line-height: 1.8;"><strong><span style="font-size: 20px; color: #1d202d;">What Does "Out Of Beta" Mean For You?    
<br>    
<br></span></strong></span></span><span style="color: #666872; font-family: Helvetica, Arial, sans-serif; font-size: 16px;">It’s important to note that none of your active automations will be affected by this change. However, if you are currently on the Free Starter Plan, you will not be able to create any new automated journeys or edit any of your current ones until you <span style="color: #4e5ff9;"><span style="color: #5587e0;">    
<a href="http://visitor.bmetrack.com/c/l?u=75D3F7E&e=BF02B4&c=B885&t=0&l=2954B444&email=hL2iimIGZvj2QooSzVze1t7P%2FZjRPRKrj2c0%2B7DqUhU%3D&seq=1" target=_blank  style="text-decoration: none;"><span style="color: #5587e0;">upgrade your account</span></a></span>.</span></span><span style="color: #4e5ff9; font-family: Helvetica, Arial, sans-serif; font-size: 16px;">    
<br></span></p>
</div></td></tr></tbody>    
</table></td></tr></tbody>    
</table></td></tr></tbody>    
</table></div><div id="dv_23" class="blk_wrapper">    
<table class="blk" name="blk_divider" style="" width="600" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td class="tblCellMain" style="padding: 10px 20px;">    
<table class="tblLine" style="border-top-width: 0px; border-top-style: none; min-width: 1px;" width="100%" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td><span></span></td></tr></tbody>    
</table></td></tr></tbody>    
</table></div><div id="dv_12" class="blk_wrapper">    
<table class="blk" name="blk_text" width="600" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td>    
<table class="bmeContainerRow" width="100%" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td class="tdPart" valign="top" align="center">    
<table name="tblText" style="float:left; background-color:transparent;" class="tblText" width="600" cellspacing="0" cellpadding="0" border="0" align="left"><tbody><tr><td name="tblCell" style="padding: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: rgb(56, 56, 56); text-align: left;" class="tblCell" valign="top" align="left"><div style="line-height: 1.8; text-align: left;">
<p style="line-height: 1.8;"><span style="font-family: Helvetica, Arial, sans-serif; font-size: 20px; font-weight: 600; color: #1d202d; line-height: 1.8;"><span style="line-height: 1.8;"><strong><span style="font-size: 20px; color: #1d202d;">What Did We Accomplish During the Beta Period?</span></strong></span></span></p>
<p style="line-height: 1.8;"> </p>
<p style="line-height: 1.8;"><span style="color: #666872; font-family: Helvetica, Arial, sans-serif; font-size: 16px;"><span id="docs-internal-guid-1c687c27-6e10-6568-6c1f-df33d2a4d300"><span>Here are some of the improvements that have been made during the Automation Pro beta period.     
<br></span></span></span></p>
<ul>
    
<li><span style="color: #666872; font-family: Helvetica, Arial, sans-serif; font-size: 16px;"><span id="docs-internal-guid-1c687c27-6e10-6568-6c1f-df33d2a4d300"><span>Improved Email Editor speed</span></span></span></li>
    
<li><span style="color: #666872; font-family: Helvetica, Arial, sans-serif; font-size: 16px;"><span id="docs-internal-guid-1c687c27-6e10-6568-6c1f-df33d2a4d300"><span>Automatically add a delay after the Send Email node to ensure your subscribers have time to engage with your campaigns before the next action is triggered</span></span></span></li>
    
<li><span style="color: #666872; font-family: Helvetica, Arial, sans-serif; font-size: 16px;"><span id="docs-internal-guid-1c687c27-6e10-6568-6c1f-df33d2a4d300"><span>The Automation Pro coach is live to guide you through your automation creation experience</span></span></span></li>
    
<li><span style="color: #666872; font-family: Helvetica, Arial, sans-serif; font-size: 16px;"><span id="docs-internal-guid-1c687c27-6e10-6568-6c1f-df33d2a4d300"><span>New strategy templates to help you get started quickly and effectively</span></span></span></li>
    
<li><span style="color: #666872; font-family: Helvetica, Arial, sans-serif; font-size: 16px;"><span id="docs-internal-guid-1c687c27-6e10-6568-6c1f-df33d2a4d300"><span>Bug fixes and updates to ensure the best possible user experience.</span></span></span><span style="color: #666872; font-family: Helvetica, Arial, sans-serif; font-size: 16px;">    
<br class="_mce_tagged_br"></span></li>
</ul>
</div></td></tr></tbody>    
</table></td></tr></tbody>    
</table></td></tr></tbody>    
</table></div><div id="dv_21" class="blk_wrapper">    
<table class="blk" name="blk_divider" style="" width="600" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td class="tblCellMain" style="padding-top:20px; padding-bottom:20px;padding-left:20px;padding-right:20px;">    
<table class="tblLine" style="border-top: 1px solid rgb(238, 239, 240); min-width: 1px;" width="100%" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td><span></span></td></tr></tbody>    
</table></td></tr></tbody>    
</table></div><div id="dv_15" class="blk_wrapper">    
<table class="blk" name="blk_text" width="600" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td>    
<table class="bmeContainerRow" width="100%" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td class="tdPart" valign="top" align="center">    
<table name="tblText" style="float:left; background-color:transparent;" class="tblText" width="600" cellspacing="0" cellpadding="0" border="0" align="left"><tbody><tr><td name="tblCell" style="padding: 0px 20px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: rgb(56, 56, 56); text-align: left;" class="tblCell" valign="top" align="left"><div style="line-height: 1.8; text-align: left;">
<p style="line-height: 1.8; text-align: center;"><span style="font-family: Helvetica, Arial, sans-serif; font-size: 20px; font-weight: 600; color: #1d202d; line-height: 1.8;"><span style="line-height: 1.8;"><strong><span style="font-size: 20px; color: #1d202d;"><span style="color: #4e5ff9;">Join Us for Automation Fridays</span>    
<br></span></strong></span></span></p>
<p style="line-height: 1.8;"> </p>
<p style="line-height: 1.8; text-align: center;"><span style="color: #666872; font-family: Helvetica, Arial, sans-serif; font-size: 16px;"><span id="docs-internal-guid-1c687c27-6e10-6568-6c1f-df33d2a4d300"><span>We’re hosting Automation Fridays every single Friday at noon PST. Do you have questions about email automation? It could be about how to get started with automation or perhaps you have questions about a current automation you are trying to execute. Join us and have your questions answered by our Director of Marketing, Daniel Miller. He may even jump right into an account and show you how to build it himself!</span></span></span><span style="color: #666872; font-family: Helvetica, Arial, sans-serif; font-size: 16px;">    
<br></span></p>
</div></td></tr></tbody>    
</table></td></tr></tbody>    
</table></td></tr></tbody>    
</table></div><div id="dv_16" class="blk_wrapper">    
<table class="blk" name="blk_button" style="" width="600" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td width="20"></td><td align="center">    
<table class="tblContainer" width="100%" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td height="20"></td></tr><tr><td align="center">    
<table class="bmeButton" cellspacing="0" cellpadding="0" border="0" align="center" style="border-collapse: separate;"><tbody><tr><td style="border-radius: 5px; border-width: 0px; border-style: none; border-color: rgba(0, 0, 0, 0); background-color: rgb(78, 95, 249); text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 15px 40px; font-weight: bold; border-collapse: separate;" class="bmeButtonText"><span style="font-family:Arial, Verdana; font-size:14px;color:#FFFFFF;">    
<a style="color:#FFFFFF;text-decoration:none;" target="_blank" href="http://visitor.bmetrack.com/c/l?u=75D3F7F&e=BF02B4&c=B885&t=0&l=2954B444&email=hL2iimIGZvj2QooSzVze1t7P%2FZjRPRKrj2c0%2B7DqUhU%3D&seq=1" target=_blank>Save your seat</a></span></td></tr></tbody>    
</table></td></tr><tr><td height="20"></td></tr></tbody>    
</table></td><td width="20"></td></tr></tbody>    
</table></div><div id="dv_14" class="blk_wrapper">    
<table class="blk" name="blk_divider" style="" width="600" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td class="tblCellMain" style="padding: 30px 20px 42px;">    
<table class="tblLine" style="border-top-width: 0px; border-top-style: none; min-width: 1px;" width="100%" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td><span></span></td></tr></tbody>    
</table></td></tr></tbody>    
</table></div>


</td></tr> <tr><td class="blk_container bmeHolder" name="bmePreFooter" style="color: rgb(56, 56, 56); border: 0px none transparent; background-color: rgb(238, 239, 240);" width="100%" valign="top" align="center" bgcolor="#eeeff0">
<div id="dv_3" class="blk_wrapper">    
<table class="blk" name="blk_divider" style="background-color: rgb(238, 239, 240);" width="600" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td class="tblCellMain" style="padding: 15px 20px 10px;">    
<table class="tblLine" style="border-top-width: 0px; border-top-style: none; min-width: 1px;" width="100%" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td><span></span></td></tr></tbody>    
</table></td></tr></tbody>    
</table></div><div id="dv_5" class="blk_wrapper">    
<table class="blk" name="blk_text" width="600" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td>    
<table class="bmeContainerRow" width="100%" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td class="tdPart" style="background-color: rgb(238, 239, 240);" valign="top" align="center">    
<table name="tblText" style="float: left; background-color: rgb(238, 239, 240);" class="tblText" width="600" cellspacing="0" cellpadding="0" border="0" align="left"><tbody><tr><td name="tblCell" style="padding: 0px 20px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: rgb(56, 56, 56); text-align: left;" class="tblCell" valign="top" align="left"><div style="line-height: 150%;"><strong><span style="font-family: Helvetica, Arial, sans-serif; font-size: 20px; color: #1d202d; font-weight: 400;">We care<span style="color: #1d202d;"> about</span> your success    
<br></span></strong><span style="color: #96979d; font-family: Helvetica, Arial, sans-serif; font-size: 16px;">Have a<span style="color: #96979d;">ny que</span>stions? Contact us.    
<br>    
<br></span>
<p><span style="font-size: 16px; font-family: Helvetica, Arial, sans-serif; color: #96979d;">USA +1<span style="color: #96979d;">.800.430.4095 </span></span>    
<br><span style="font-size: 16px; font-family: Helvetica, Arial, sans-serif; color: #96979d;"><span style="color: #96979d;"><span style="color: #96979d;">INTL +001.562</span>.252.3789</span> </span>    
<br>    
<a href="mailto:support@benchmarkemail.com" style="text-decoration: none;"><span style="color: #5587e0;">support@benchmarkemail.com </span></a>    
<br>    
<a href="http://visitor.bmetrack.com/c/l?u=75D3F80&e=BF02B4&c=B885&t=0&l=2954B444&email=hL2iimIGZvj2QooSzVze1t7P%2FZjRPRKrj2c0%2B7DqUhU%3D&seq=1" target=_blank  style="text-decoration: none;"><span style="color: #5587e0;">Live Chat    
<br>    
<br></span></a></p>
</div></td></tr></tbody>    
</table></td></tr></tbody>    
</table></td></tr></tbody>    
</table></div><div id="dv_7" class="blk_wrapper">    
<table style="background-color: rgb(238, 239, 240);" name="blk_social_follow" class="blk" width="600" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td class="tblCellMain" style="padding-top:0px; padding-bottom:0px; padding-left:20px; padding-right:20px;">    
<table class="tblContainer mblSocialContain" style="" cellspacing="0" cellpadding="0" border="0" align="left"><tbody><tr><td class="tdItemContainer">    
<table class="mblSocialContain" style="table-layout: auto;" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td name="bmeSocialTD" class="bmeSocialTD" valign="top"><!--[if gte mso 6]></td><td align="left" valign="top"><![endif]-->    
<table class="bmeFollowItem" type="facebook" style="float: left; display: block;" cellspacing="0" cellpadding="0" border="0" align="left"><tbody><tr><td class="bmeFollowItemIcon" gutter="10" style="padding-right:10px;height:20px;" width="24" align="left">    
<a href="http://visitor.bmetrack.com/c/l?u=75D3F81&e=BF02B4&c=B885&t=0&l=2954B444&email=hL2iimIGZvj2QooSzVze1t7P%2FZjRPRKrj2c0%2B7DqUhU%3D&seq=1" target=_blank  style="display: inline-block;background-color: rgb(150, 151, 157);border-radius: 28px;border-style: solid; border-width: 2px; border-color: rgb(150, 151, 157);" target="_blank"><img    
 src="https://ui.benchmarkemail.com/images/editor/socialicons/fb_btn.png" alt="Facebook" style="display: block; max-width: 114px;" width="24" border="0" height="24"></a></td></tr></tbody>    
</table><!--[if gte mso 6]></td><td align="left" valign="top"><![endif]-->    
<table class="bmeFollowItem" type="twitter" style="float: left; display: block;" cellspacing="0" cellpadding="0" border="0" align="left"><tbody><tr><td class="bmeFollowItemIcon" gutter="10" style="padding-right:10px;height:20px;" width="24" align="left">    
<a href="http://visitor.bmetrack.com/c/l?u=75D3F82&e=BF02B4&c=B885&t=0&l=2954B444&email=hL2iimIGZvj2QooSzVze1t7P%2FZjRPRKrj2c0%2B7DqUhU%3D&seq=1" target=_blank  style="display: inline-block;background-color: rgb(150, 151, 157);border-radius: 28px;border-style: solid; border-width: 2px; border-color: rgb(150, 151, 157);" target="_blank"><img    
 src="https://ui.benchmarkemail.com/images/editor/socialicons/tw_btn.png" alt="Twitter" style="display: block; max-width: 114px;" width="24" border="0" height="24"></a></td></tr></tbody>    
</table><!--[if gte mso 6]></td><td align="left" valign="top"><![endif]-->    
<table class="bmeFollowItem" type="youtube" style="float: left; display: block;" cellspacing="0" cellpadding="0" border="0" align="left"><tbody><tr><td class="bmeFollowItemIcon" gutter="10" style="padding-right:10px;height:20px;" width="24" align="left">    
<a href="http://visitor.bmetrack.com/c/l?u=75D3F83&e=BF02B4&c=B885&t=0&l=2954B444&email=hL2iimIGZvj2QooSzVze1t7P%2FZjRPRKrj2c0%2B7DqUhU%3D&seq=1" target=_blank  style="display: inline-block;background-color: rgb(150, 151, 157);border-radius: 28px;border-style: solid; border-width: 2px; border-color: rgb(150, 151, 157);" target="_blank"><img    
 src="https://ui.benchmarkemail.com/images/editor/socialicons/yt_btn.png" alt="YouTube" style="display: block; max-width: 114px;" width="24" border="0" height="24"></a></td></tr></tbody>    
</table><!--[if gte mso 6]></td><td align="left" valign="top"><![endif]-->    
<table class="bmeFollowItem" type="instagram" style="float: left; display: block;" cellspacing="0" cellpadding="0" border="0" align="left"><tbody><tr><td class="bmeFollowItemIcon" gutter="10" style="height:20px;" width="24" align="left">    
<a href="http://visitor.bmetrack.com/c/l?u=75D3F84&e=BF02B4&c=B885&t=0&l=2954B444&email=hL2iimIGZvj2QooSzVze1t7P%2FZjRPRKrj2c0%2B7DqUhU%3D&seq=1" target=_blank  style="display: inline-block;background-color: rgb(150, 151, 157);border-radius: 28px;border-style: solid; border-width: 2px; border-color: rgb(150, 151, 157);" target="_blank"><img    
 src="https://ui.benchmarkemail.com/images/editor/socialicons/in_btn.png" alt="Instagram" style="display: block; max-width: 114px;" width="24" border="0" height="24"></a></td></tr></tbody>    
</table></td></tr></tbody>    
</table></td></tr></tbody>    
</table></td></tr></tbody>    
</table></div><div id="dv_11" class="blk_wrapper">    
<table class="blk" name="blk_divider" style="background-color: rgb(238, 239, 240);" width="600" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td class="tblCellMain" style="padding: 15px 20px 10px;">    
<table class="tblLine" style="border-top-width: 0px; border-top-style: none; min-width: 1px;" width="100%" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td><span></span></td></tr></tbody>    
</table></td></tr></tbody>    
</table></div>
</td></tr> </tbody>    
</table> </td></tr>  <tr><td class="blk_container bmeHolder" name="bmeFooter" style="color: rgb(102, 102, 102); border: 0px none transparent; background-color: rgb(255, 255, 255);" width="100%" valign="top" align="center" bgcolor="#ffffff"><div id="dv_4" class="blk_wrapper">    
<table class="blk" name="blk_divider" style="" width="600" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td class="tblCellMain" style="padding: 15px 20px;">    
<table class="tblLine" style="border-top-width: 0px; border-top-style: none; min-width: 1px;" width="100%" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td><span></span></td></tr></tbody>    
</table></td></tr></tbody>    
</table></div><div id="dv_9" class="blk_wrapper">    
<table class="blk" name="blk_permission" style="" width="600" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td name="tblCell" style="padding:20px;" class="tblCell" valign="top" align="left">    
<table width="100%" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td name="bmePermissionText" style="text-align: center;" linkcolor="#5587e0" align="center"><span style="font-family: Helvetica, Arial, sans-serif; font-weight: normal; font-size: 11px; line-height: 140%; color: rgb(82, 94, 102);">    
<a style="color: rgb(85, 135, 224);" target="_new" href="#">View this email in your browser</a>
    
<br>You are receiving this email because of your relationship with Benchmark. Please     
<a style="color: rgb(85, 135, 224);" target="_new" href="#">reconfirm</a> your interest in receiving emails from us.  If you do not wish to receive any more emails, you can     
<a style="color: rgb(85, 135, 224);" target="_new" href="#">unsubscribe here</a>.
</span></td></tr></tbody>    
</table></td></tr></tbody>    
</table></div><div id="dv_10" class="blk_wrapper">    
<table class="blk" name="blk_footer" style="" width="600" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td name="tblCell" class="tblCell" style="padding:20px;" valign="top" align="left">    
<table width="100%" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td name="bmeBadgeText" style="text-align:center; word-break: break-all;" align="center"><span id="spnFooterText" style="font-family: Helvetica, Arial, sans-serif; font-weight: normal; font-size: 11px; line-height: 140%; color: rgb(82, 94, 102);">    
<br>10621 Calle Lee, Building 141
, Los Alamitos, CA, 90720</span>    
<br>    
<br><span style="font-family: Helvetica, Arial, sans-serif; font-weight: normal; font-size: 11px; line-height: 140%; color: rgb(82, 94, 102);"><!-- Verified 0:False:1 -->    
    
<a class=bmefootertext  href="#"  style="color:inherit;text-decoration:underline;">Unsubscribe</a>      
<br></span></td></tr><tr><td name="bmeBadgeImage" style="text-align: center; padding-top: 20px; word-break: break-all;" align="center">    
<a href="http://www.benchmarkemail.com?p=500289" target=""><img    
 src="https://www.benchmarkemail.com/images/web4/misc/emailfooter/opt12.png"  style="max-width:144px;" border=0 /></a></td></tr></tbody>    
</table></td></tr></tbody>    
</table></div></td></tr> </tbody>    
</table></td></tr></tbody>    
</table></td></tr></tbody>    
</table>    
</body>    
</html>        
   

            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.

Console