Boxed-2-Column Email Template | Twenty Over Ten - Help Center

A boxed-2-column email template for use with plain-text email editor

The following images show what the boxed-2- columns email newsletter looks like in Lead Pilot before any customizations are added.

Here is the template without any borders. It retains the spacing and styles (outside of the borders) as shown in the previous image.



This code for this newsletter template should be placed in the editor using the "code" view for plain-text emails. *Please note that the code's appearance from these articles will not affect their use in Lead Pilot.

<table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" id="bodyTable" width="100%"><tbody><tr><td align="center" id="bodyCell" valign="top"><table border="0" cellpadding="0" cellspacing="0" id="templateContainer"><tbody><tr><td align="center" valign="top"><table border="0" cellpadding="0" cellspacing="0" id="templatePreheader" width="100%"><tbody><tr><td class="preheaderContent" style="padding-top:10px; padding-right:20px; padding-bottom:10px; padding-left:20px;" valign="top"> <br></td><td class="preheaderContent" style="padding-top:10px; padding-right:20px; padding-bottom:10px; padding-left:0;" valign="top" width="180"> <br></td></tr></tbody></table></td></tr><tr><td align="center" valign="top"> <img src="https://cdn.leadpilot.io/5e94673df14ce900081f0f95/GDolWXxs_sjpZV5vyJaj3-1601257460794.png" style="display: block; vertical-align: top; margin: 5px auto; text-align: center;"></td></tr><tr><td align="center" valign="top"><table border="0" cellpadding="0" cellspacing="0" id="templateBody" width="100%"><tbody><tr><td class="bodyContent " valign="top"><h1><span target="_blank" title="By: ">Pivot</span>&nbsp;<span target="_blank" title="By: ">innovation</span></h1><h3><span target="_blank" title="By: ">Creative, Innovative and Energized</span></h3> <span target="_blank" title="By: ">We want to empower the team with the right tools and guidance to up level our craft and build better</span>&nbsp;<span target="_blank" title="By: ">circle back</span>&nbsp;yet pulling teeth, but&nbsp;<span target="_blank" title="By: ">don't over think it</span>&nbsp;for&nbsp;<span target="_blank" title="By: ">cloud strategy</span>&nbsp;yet&nbsp;<span target="_blank" title="By: ">slow-walk our commitment</span>. <br> <br><h2>Future-proof&nbsp;<span target="_blank" title="By: ">hire</span></h2><h4>Fire up your browser</h4> Bench mark&nbsp;<span target="_blank" title="By: ">t-shaped individual</span>&nbsp;<span target="_blank" title="By: ">we should leverage existing asserts that ladder up to the message</span>. Programmatically&nbsp;<span target="_blank" title="By: ">marketing computer development html roi feedback team website</span>.&nbsp;<span target="_blank" title="By: ">Tribal knowledge</span>&nbsp;<span target="_blank" title="By: ">it's a simple lift and shift job.</span></td></tr></tbody></table></td></tr><tr><td align="center" valign="top"><table border="0" cellpadding="0" cellspacing="0" id="templateColumns" width="100%"><tbody><tr><td align="center" class="templateColumnContainer" style="padding-top:20px;" valign="top"><table border="0" cellpadding="20" cellspacing="0" width="100%"><tbody><tr><td class="leftColumnContent"> <img src="https://cdn.leadpilot.io/5e94673df14ce900081f0f95/uRRxnTTDRyE2qyuPb~R9Z-1601257670991.png" style="display: block; vertical-align: top; margin: 5px auto; text-align: center;"></td></tr><tr><td class="leftColumnContent" valign="top"><h3>Digital literacy</h3> <span target="_blank" title="By: ">We want to empower the team with the right tools and guidance to up level </span><a href="http://www.google.com"><span target="_blank" title="By: ">our craft</span></a><span target="_blank" title="By: "> and build better</span>&nbsp;we just need to put these last issues to bed&nbsp;<span target="_blank" title="By: ">crank this out</span>&nbsp;<span target="_blank" title="By: ">pro-summer software</span>. Blue sky thinking pushback. Come up with something buzzworthy&nbsp;<span target="_blank" title="By: ">can we parallel path</span>&nbsp;gain traction.</td></tr></tbody></table></td><td align="center" class="templateColumnContainer" style="padding-top:20px;" valign="top"><table border="0" cellpadding="20" cellspacing="0" width="100%"><tbody><tr><td class="rightColumnContent"> <img src="https://cdn.leadpilot.io/5e94673df14ce900081f0f95/5AD~9wt1a0blowMI~H2vV-1601257662377.png" style="display: block; vertical-align: top; margin: 5px auto; text-align: center;"></td></tr><tr><td class="rightColumnContent" valign="top"><h3>Anti-pattern</h3> <a href="https://calendly.com/"><span target="_blank" title="By: ">How much bandwidth do you have</span></a><span target="_blank" title="By: ">?</span>&nbsp;Granularity&nbsp;<span target="_blank" title="By: ">sorry I didn't get your email</span>&nbsp;nor&nbsp;<span target="_blank" title="By: ">low engagement</span>, but&nbsp;<span target="_blank" title="By: ">product launch</span>. <br> <br>Bells and whistles&nbsp;<span target="_blank" title="By: ">it is all exactly as I said, but I don't like it</span>&nbsp;<span target="_blank" title="By: ">tribal knowledge</span>, for proceduralize, yet&nbsp;<span target="_blank" title="By: ">let's unpack that later</span>&nbsp;PowerPoint .</td></tr></tbody></table></td></tr></tbody></table></td></tr><tr><td align="center" valign="top"> <br></td></tr></tbody></table></td></tr></tbody></table>

Want this email template without the borders as shown in image two? Use this code instead:

<table align="center" border="0 hidden" cellpadding="0" cellspacing="0" height="100%" id="bodyTable" width="100%"><tbody style="border: hidden;"><tr style="border: hidden;"><td align="center" id="bodyCell" style="border: hidden;" valign="top"><table border="0 hidden" cellpadding="0" cellspacing="0" id="templateContainer"><tbody style="border: hidden;"><tr style="border: hidden;"><td align="center" style="border: hidden;" valign="top"><table border="0 hidden" cellpadding="0" cellspacing="0" id="templatePreheader" style="border: hidden;" width="100%"><tbody style="border: hidden;"><tr style="border: hidden;"><td class="preheaderContent" style="padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; border: hidden;" valign="top"><br></td><td class="preheaderContent" style="padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 0; border: hidden;" valign="top" width="180"><br></td></tr></tbody></table></td></tr><tr style="border: hidden;"><td align="center" valign="top"><img src="https://cdn.leadpilot.io/5e94673df14ce900081f0f95/GDolWXxs_sjpZV5vyJaj3-1601257460794.png" style="display: block; vertical-align: top; margin: 5px auto; text-align: center;"></td></tr><tr style="border: hidden;"><td align="center" valign="top"><table border="0 hidden" cellpadding="0" cellspacing="0" id="templateBody" style="border: hidden;" width="100%"><tbody style="border: hidden;"><tr style="border: hidden;"><td class="bodyContent" style="border: hidden;" valign="top"><h1><span target="_blank" title="By: ">Pivot</span>&nbsp;<span target="_blank" title="By: ">innovation</span></h1><h3><span target="_blank" title="By: ">Creative, Innovative and Energized</span></h3><span target="_blank" title="By: ">We want to empower the team with the right tools and guidance to up level our craft and build better</span>&nbsp;<span target="_blank" title="By: ">circle back</span>&nbsp;yet pulling teeth, but&nbsp;<span target="_blank" title="By: ">don't over think it</span>&nbsp;for&nbsp;<span target="_blank" title="By: ">cloud strategy</span>&nbsp;yet&nbsp;<span target="_blank" title="By: ">slow-walk our commitment</span>.<br><br><h2>Future-proof&nbsp;<span target="_blank" title="By: ">hire</span></h2><h4>Fire up your browser</h4>Bench mark&nbsp;<span target="_blank" title="By: ">t-shaped individual</span>&nbsp;<span target="_blank" title="By: ">we should leverage existing asserts that ladder up to the message</span>. Programmatically&nbsp;<span target="_blank" title="By: ">marketing computer development html roi feedback team website</span>.&nbsp;<span target="_blank" title="By: ">Tribal knowledge</span>&nbsp;<span target="_blank" title="By: ">it's a simple lift and shift job.</span></td></tr></tbody></table></td></tr><tr style="border: hidden;"><td align="center" border="0 hidden" valign="top"><table border="0 hidden" cellpadding="0" cellspacing="0" id="templateColumns" width="100%"><tbody style="border: hidden;"><tr style="border: hidden;"><td align="center" class="templateColumnContainer" style="padding-top: 20px;" valign="top"><table border="0 hidden" cellpadding="20" cellspacing="0" width="100%"><tbody style="border: hidden;"><tr style="border: hidden;"><td class="leftColumnContent"><img src="https://cdn.leadpilot.io/5e94673df14ce900081f0f95/uRRxnTTDRyE2qyuPb~R9Z-1601257670991.png" style="display: block; vertical-align: top; margin: 5px auto; text-align: center;"></td></tr><tr style="border: hidden;"><td border="0 hidden" class="leftColumnContent" valign="top"><h3>Digital literacy</h3><span target="_blank" title="By: ">We want to empower the team with the right tools and guidance to up level </span><a href="http://www.google.com"><span target="_blank" title="By: ">our craft</span></a><span target="_blank" title="By: "> and build better</span>&nbsp;we just need to put these last issues to bed&nbsp;<span target="_blank" title="By: ">crank this out</span>&nbsp;<span target="_blank" title="By: ">pro-summer software</span>. Blue sky thinking pushback. Come up with something buzzworthy&nbsp;<span target="_blank" title="By: ">can we parallel path</span>&nbsp;gain traction.</td></tr></tbody></table></td><td align="center" class="templateColumnContainer" style="padding-top: 20px; border: hidden;" valign="top"><table border="0 hidden" cellpadding="20" cellspacing="0" width="100%"><tbody border="0 hidden"><tr style="border: hidden;"><td class="rightColumnContent"><img src="https://cdn.leadpilot.io/5e94673df14ce900081f0f95/5AD~9wt1a0blowMI~H2vV-1601257662377.png" style="display: block; vertical-align: top; margin: 5px auto; text-align: center;"></td></tr><tr><td class="rightColumnContent" style="border: hidden;" valign="top"><h3>Anti-pattern</h3><a href="https://calendly.com/"><span target="_blank" title="By: ">How much bandwidth do you have</span></a><span target="_blank" title="By: ">?</span>&nbsp;Granularity&nbsp;<span target="_blank" title="By: ">sorry I didn't get your email</span>&nbsp;nor&nbsp;<span target="_blank" title="By: ">low engagement</span>, but&nbsp;<span target="_blank" title="By: ">product launch</span>.<br><br>Bells and whistles&nbsp;<span target="_blank" title="By: ">it is all exactly as I said, but I don't like it</span>&nbsp;<span target="_blank" title="By: ">tribal knowledge</span>, for proceduralize, yet&nbsp;<span target="_blank" title="By: ">let's unpack that later</span>&nbsp;PowerPoint .</td></tr></tbody></table></td></tr></tbody></table></td></tr><tr style="border: hidden;"><td align="center" border="0 hidden" valign="top"><br></td></tr></tbody></table></td></tr></tbody></table>

There will be some limitations when it comes to assisting with customized code requests. We recommend testing your template before you send it out to your contacts.

Still have questions? Reach out to the Lead Pilot Support team for additional assistance.