JavaScript preprocessors can help make authoring JavaScript easier and more convenient. For instance, CoffeeScript can help prevent easy-to-make mistakes and offer a cleaner syntax and Babel can bring ECMAScript 6 features to browsers that only support ECMAScript 5.
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.
You can apply a script from anywhere on the web to your Pen. Just put a URL to it here and we'll add it, in the order you have them, before the JavaScript in the Pen itself.
If the script you link to has the file extension of a preprocessor, we'll attempt to process it before applying.
You can also link to another Pen here, and we'll pull the JavaScript from that Pen and include it. If it's using a matching preprocessor, we'll combine the code before preprocessing, so you can use the linked Pen as a true dependency.
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 PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title></title>
<meta name="viewport" content="width=device-width" initial-scale="1.0" user-scalable="yes">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="http://ajax.googleapis.com/ajax/libs/prototype/1.6.1.0/prototype.js"></script>
</head>
<body style="cursor: auto;"><img style="display:none !important; width:1px; height:1px;" src="https://go.contactpigeon.com/redir/ihuWsurgm1/e/webvisitor@example.com/ei/860632/image/im-pickapic.jpg" alt="" height=1 width=1 border="0" title="ι" />
<style>
a {
text-decoration: none;
}
body {
font: 14px/1.5 Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%
}
@media screen and (max-device-width:600px),
screen and (max-width:600px) {
table.main,
td.main {
width: 100% !important;
}
td.block-text h2 {
font-size: 20px !important;
line-height: 170% !important
}
td.block-text p {
line-height: 170% !important
}
td.block-text li {
line-height: 170% !important
}
td.two-columns {
padding-left: 25px !important;
padding-right: 25px !important
}
td.image img {
width: 100% !important;
height: auto !important;
box-sizing: border-box
}
.givemeid {
border: 0;
display: block;
margin: 0 auto 15px;
width: 100% !important;
max-width: none !important
}
.allowchild {
display: block !important;
margin: 0px auto;
width: 100%
}
.mobile-full img {
height: auto !important;
box-sizing: border-box
}
}
</style>
<style class="linkcolor">
#primary a {
color: #337ab7;
}
</style>
<div class="mobile-full" style="display: block; max-width: 601px; vertical-align: top; width: 100%; background-color: transparent;"></div>
<table style="font-size: 14px; font-family: Arial, Helvetica, sans-serif; background: rgb(255, 255, 255);" width="100%" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td class="main demo" id="primary" style="min-height: 639px;" width="100%" valign="top" align="center">
<div style="font-size:0px;visibility:hidden;overflow:hidden;float:left;display:none;line-height:0px;" class="previewtext">Dynamic image for high converting email campaigns. Try it out!</div>
<div class="column">
<!-- default element text -->
<div class="lyrow" style="display: block; position: relative; opacity: 1; left: 0px; top: 0px;">
<div class="view">
<div class="row clearfix">
<!--[if mso]><table align="center" border="0" cellspacing="0" cellpadding="0" width="640" style="width:640px;"><tr><td><![endif]-->
<div class="mobile-full" style="display: block; max-width: 640px; width: 100%; background-color: rgb(255, 255, 255); overflow: hidden;">
<!--[if mso]><table align="center" border="0" cellspacing="0" cellpadding="0" width="640" style="width:640px;"><tr><td><![endif]-->
<table class="main" cellspacing="0" cellpadding="0" border="0" style="font-size: 14px; background-color: rgb(255, 255, 255); width: 640px; max-width: 640px; font-family: Arial, Helvetica, sans-serif; display: table; min-width: 100% !important;"
data-type="image" id="5fdc7867-c48b-1677-fc2a-048e41f44bc6" width="640">
<tbody>
<tr>
<td align="center" style="padding: 0px; width: 640px; font-size: 14px;" class="image onebefore" id="7a3a5d4f-9e04-b8b3-da40-7f6f8d729a2b"> <a class="link" id="0eb52020-6861-ce35-17ef-ae91abbe5d3b"> <img border="0" style="box-sizing: border-box; display: block; max-width: 640px; width: 100%;" alt="PickaPic Dynamic Image for Email" src="https://images.pickapic.live/get/76ef7f5c-8f43-b1ca-8ca5-a550a0be7a67-1530197584.png" putwidth="640" haspadding="0" realdimensions="640x584" tabindex="0" id="ecb56acf-be51-2511-861a-0b5d6690456c" width="640"> </a> </td>
</tr>
</tbody>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</div>
<!--[if mso]></td></tr></table><![endif]-->
</div>
</div>
</div>
<div class="lyrow" style="display: block; position: relative; opacity: 1; left: 0px; top: 0px;">
<div class="view">
<div class="row clearfix">
<!--[if mso]><table align="center" border="0" cellspacing="0" cellpadding="0" width="640" style="width:640px;"><tr><td><![endif]-->
<div class="mobile-full" style="display: block; max-width: 640px; vertical-align: top; width: 100%; background-color: rgb(255, 255, 255); overflow: hidden;">
<!--[if mso]><table align="center" border="0" cellspacing="0" cellpadding="0" width="640" style="width:640px;"><tr><td><![endif]-->
<table class="main" style="border: 0px none; background-color: rgb(255, 255, 255); width: 640px; max-width: 640px; font-family: Arial, Helvetica, sans-serif; display: table; min-width: 100% !important;" data-type="spacer" id="8a80364e-f544-d706-0b55-5ca5146e87eb"
width="640" cellspacing="0" cellpadding="0" border="0" align="center">
<tbody>
<tr>
<td class="spacer-simple" style="width: 640px; font-size: 14px;">
<table style="min-width:100% !important; width:100% !important" width="100%" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td id="spaceman" style="width: 640px; font-size: 14px;" width="100%" height="25"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</div>
<!--[if mso]></td></tr></table><![endif]-->
</div>
</div>
</div>
<div class="lyrow" style="display: block; position: relative; opacity: 1; left: 0px; top: 0px;">
<div class="view">
<div class="row clearfix">
<!--[if mso]><table align="center" border="0" cellspacing="0" cellpadding="0" width="640" style="width:640px;"><tr><td><![endif]-->
<div class="mobile-full" style="display: block; max-width: 640px; vertical-align: top; width: 100%; background-color: rgb(255, 255, 255); overflow: hidden;">
<!--[if mso]><table align="center" border="0" cellspacing="0" cellpadding="0" width="640" style="width:640px;"><tr><td><![endif]-->
<table class="main" style="border: 0px; background-color: rgb(255, 255, 255); width: 640px; max-width: 640px; font-family: Arial, Helvetica, sans-serif; display: table; min-width: 100% !important;" cellspacing="0" cellpadding="0" border="0"
align="center" data-type="spacer" id="527509b2-9a73-de8f-1b45-8b328c0e2599" width="640">
<tbody>
<tr>
<td class="spacer-simple" style="width: 640px; font-size: 14px;">
<table width="100%" cellspacing="0" cellpadding="0" border="0" style="min-width:100% !important; width:100% !important">
<tbody>
<tr>
<td id="spaceman" width="100%" height="6" style="width: 640px; font-size: 14px;"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</div>
<!--[if mso]></td></tr></table><![endif]-->
</div>
</div>
</div>
<div class="lyrow" style="display: block; position: relative; opacity: 1; left: 0px; top: 0px;">
<div class="view">
<div class="row clearfix">
<!--[if mso]><table align="center" border="0" cellspacing="0" cellpadding="0" width="640" style="width:640px;"><tr><td><![endif]-->
<div class="mobile-full" style="display: block; max-width: 640px; vertical-align: top; width: 100%; background-color: rgb(255, 255, 255); overflow: hidden;">
<table class="main" cellspacing="0" cellpadding="0" border="0" style="font-size: 14px; background-color: rgb(255, 255, 255); width: 640px; text-align: center; max-width: 640px; font-family: Arial, Helvetica, sans-serif; display: table; min-width: 100% !important;"
data-type="text-block" id="7aa786b0-11b0-977d-d1d0-736c494ed116" width="640">
<tbody>
<tr>
<td class="block-text" data-clonable="true" style="text-align: center; font-size: 14px; padding: 10px 20px 10px 20px;" id="cdb46b81-ecd3-eebb-b864-cf2053abaa21">
<div id="4ae9a32d-ffbe-e8ff-02a7-048c794e8eb7">
<h1 id="04e84364-1cd4-3014-efcf-717de307da1c" class="my_headers font-weight-bold" style="text-align: center;"><span style="color: #000080;">Introducing Free Dynamic Image Generator for High Converting Emails</span></h1>
<p id="96d6ec1d-54d6-225d-f2b3-e97ae3ed2df8" class="mobile_sm_text" style="text-align: center;"><span id="ac28a58a-9737-1c01-e193-92cbc4cb3388" style="color: #808080;">Elevate your email campaigns with time-based dynamic images. Ensure email content stays fresh no matter when the recipient reads it.<br>Not sure how it works? Just check back tomorrow to see our header image change in your inbox!</span></p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso]></td></tr></table><![endif]-->
</div>
</div>
</div>
<div class="lyrow" style="display: block;">
<div class="view">
<div class="row clearfix">
<!--[if mso]><table align="center" border="0" cellspacing="0" cellpadding="0" width="640" style="width:640px;"><tr><td><![endif]-->
<div class="mobile-full" style="display: block; max-width: 640px; vertical-align: top; width: 100%; background-color: rgb(255, 255, 255); overflow: hidden;">
<table class="main" cellspacing="0" cellpadding="0" border="0" align="center" style="background-color: rgb(255, 255, 255); max-width: 640px; width: 640px; font-family: Arial, Helvetica, sans-serif; display: table; min-width: 100% !important;"
data-type="button" id="90a28ac5-f4b3-fadb-80f0-ad2c5c6e2731" width="640">
<tbody>
<tr align="center">
<td style="padding: 8px 10px; font-size: 14px;" class="buttons-full-width" id="591fb514-5779-439d-63ea-6e6e87b5b291">
<!--[if mso]><table align="center" border="0" cellspacing="0" cellpadding="0" width="620" style="width:620px;"><![endif]-->
<table class="button" style="" cellspacing="0" cellpadding="0" border="0" align="center">
<tbody>
<tr>
<!--[if mso]><table align="center" border="0" cellspacing="0" cellpadding="0" width="282" style="width:282px;"><![endif]-->
<td style="text-align: center; font-family: Arial; white-space: nowrap; background-color: rgb(226, 91, 157); margin: 0px; width: 102px; padding: 8px 10px; border-radius: 6px; font-size: 14px;" class="button" btn-style="btn-flat"
btnbc="#e25b9d" id="ec5876ad-b890-abad-9971-b602ee72f3dd"> <a style="white-space: nowrap; font-family: Arial; padding: 15px; color: rgb(255, 255, 255); font-size: 19px; text-align: center; text-decoration: none; font-weight: bold;" class="button-1" href="http://go.contactpigeon.com/redir/webvisitor@example.com/9499163/"
btn-style="btn-flat" data-default="1">Create Your Dynamic Image</a> </td>
<!--[if mso]></table><![endif]-->
</tr>
</tbody>
</table>
<!--[if mso]></table><![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso]></td></tr></table><![endif]-->
</div>
</div>
</div>
<div class="lyrow" style="display: block; position: relative; opacity: 1; left: 0px; top: 0px;">
<div class="view">
<div class="row clearfix">
<!--[if mso]><table align="center" border="0" cellspacing="0" cellpadding="0" width="640" style="width:640px;"><tr><td><![endif]-->
<div class="mobile-full" style="display: block; max-width: 640px; width: 100%; background-color: rgb(255, 255, 255); overflow: hidden;">
<!--[if mso]><table align="center" border="0" cellspacing="0" cellpadding="0" width="640" style="width:640px;"><tr><td><![endif]-->
<table class="main" cellspacing="0" cellpadding="0" border="0" style="font-size: 14px; background-color: rgb(255, 255, 255); width: 640px; max-width: 640px; font-family: Arial, Helvetica, sans-serif; display: table; min-width: 100% !important;"
data-type="image" id="4024c755-05d3-6f88-ecd1-299dbec5583f" width="640">
<tbody>
<tr>
<td align="center" style="padding: 0px 15px; width: 610px; font-size: 14px;" class="image onebefore"> <a class="link"> <img border="0" style="box-sizing: border-box; display: block; max-width: 610px; width: 100%;" alt="image" src="https://dimages.contactpigeon.com/dndcp/upload/files/1885/1530268713_55176.png" putwidth="610" haspadding="1" realdimensions="640x588" tabindex="0" id="facd50f1-9833-310a-bd79-2dab678cceae" width="610"> </a> </td>
</tr>
</tbody>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</div>
<!--[if mso]></td></tr></table><![endif]-->
</div>
</div>
</div>
<div class="lyrow" data-code="colsettings" style="display: block;">
<div class="view">
<div class="row clearfix">
<!--[if mso]><table align="center" border="0" cellspacing="0" cellpadding="0" width="640" style="width:640px;"><tr><td><![endif]-->
<div class="mobile-full" style="display: block; max-width: 640px; vertical-align: top; width: 100%; background-color: rgb(255, 255, 255); overflow: hidden;">
<table class="main" style="border-collapse: collapse; text-align: center; background: rgb(255, 255, 255); width: 640px; max-width: 640px; display: table; font-family: Arial, Helvetica, sans-serif;" data-type="multiculti" cellspacing="0"
cellpadding="0" border="0" align="center" id="f036e15e-d1c7-1580-605b-4cc4e8bbe9f6" width="640">
<!--[if mso]><tbody><tr><![endif]-->
<tbody>
<tr class="lyrow displaytable" align="center" style="display: block;">
<td style="width: 640px; font-size: 14px;" id="38c67ba6-edcf-082b-11ff-e7c076dab265">
<div style="font-size: 14px; display: inline-block; background-position: center top; vertical-align: top; float: left; max-width: 213px; height: auto; background-color: rgb(255, 255, 255); width: 33.2813% !important; min-width: 10px !important; overflow: hidden;"
valign="top" class="mobile-full allowchild" width="213">
<div class="lyrow" style="display: block; position: relative; opacity: 1; left: 0px; top: 0px;">
<div class="view">
<div class="row clearfix">
<!--[if mso]><td style="width: 213px; vertical-align: top;"><![endif]-->
<div class="mobile-full" style="display: block; max-width: 213px; width: 100%; background-color: rgb(255, 255, 255); overflow: hidden;">
<!--[if mso]><table align="center" border="0" cellspacing="0" cellpadding="0" width="213" style="width:213px;"><tr><td style="padding: 0;"><![endif]-->
<table class="main" cellspacing="0" cellpadding="0" border="0" style="font-size: 14px; background-color: rgb(255, 255, 255); width: 100%; font-family: Arial, Helvetica, sans-serif; display: table; min-width: 100% !important;"
data-type="image" id="4562cfb1-cc01-e71d-5cd9-a9d74cf6d245" width="213">
<tbody>
<tr>
<td align="center" style="padding: 0px 15px; width: 183px; font-size: 14px;" class="image onebefore" width="213"><a class="link"><img border="0" style="box-sizing: border-box; display: block; max-width: 183px; width: 100%;" alt="Upload" src="https://dimages.contactpigeon.com/dndcp/upload/files/1885/1530193041_77618.jpg" putwidth="183" haspadding="1" realdimensions="251x214" tabindex="0" id="cf757985-2486-4212-64ef-858aa2cadef6" width="183" align="center"></a></td>
</tr>
</tbody>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</div>
<!-- [if mso]></td><![endif] -->
</div>
</div>
</div>
<div class="lyrow" style="display: block;">
<div class="view">
<div class="row clearfix">
<div class="mobile-full" style="display: block; max-width: 213px; vertical-align: top; width: 100%; background-color: rgb(255, 255, 255); overflow: hidden;">
<!--[if mso]><table align="center" border="0" cellspacing="0" cellpadding="0" width="213" style="width:213px;"><tr><td style="padding: 0;"><![endif]-->
<table class="main changedfs" cellspacing="0" cellpadding="0" border="0" style="font-size: 14px; background-color: rgb(255, 255, 255); width: 213px; font-family: Arial, Helvetica, sans-serif; display: table; line-height: 14px; min-width: 100% !important;"
data-type="text-block" width="213" id="28594ed0-a39e-a81d-e086-61afeb912d26">
<tbody>
<tr>
<td class="block-text" data-clonable="true" style="padding: 0px 20px; font-size: 14px;">
<div>
<h3 class="carusel_b_text d_color" style="text-align: center;"><span style="font-size: 14px; color: #333399;"><strong>1. UPLOAD IMAGES</strong></span></h3>
</div>
</td>
</tr>
</tbody>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</div>
</div>
</div>
</div>
<div class="lyrow" style="display: block;">
<div class="view">
<div class="row clearfix">
<div class="mobile-full" style="display: block; max-width: 213px; vertical-align: top; width: 100%; background-color: rgb(255, 255, 255); overflow: hidden;">
<!--[if mso]><table align="center" border="0" cellspacing="0" cellpadding="0" width="213" style="width:213px;"><tr><td style="padding: 0;"><![endif]-->
<table class="main" cellspacing="0" cellpadding="0" border="0" style="font-size: 14px; background-color: rgb(255, 255, 255); width: 213px; text-align: center; font-family: Arial, Helvetica, sans-serif; display: table; line-height: 14px; min-width: 100% !important;"
data-type="text-block" id="667eaa4d-0529-4b18-0d65-989f82d24b32" width="213">
<tbody>
<tr>
<td class="block-text" data-clonable="true" style="text-align: center; font-size: 14px; padding: 0px 20px 10px;">
<div id="fbfd499d-53be-06ed-7cbe-c56a3fee7544"><span id="f23145a6-a6d4-65e0-2808-64f5e990903c" style="color: #003366; font-size: 12px;">Drag & drop your desired images onto PickaPic to upload.</span></div>
</td>
</tr>
</tbody>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</div>
</div>
</div>
</div>
</div>
<div style="font-size: 14px; display: inline-block; background-position: center top; vertical-align: top; float: left; max-width: 213px; height: auto; background-color: rgb(255, 255, 255); width: 33.2813% !important; min-width: 10px !important; overflow: hidden;"
valign="top" class="mobile-full allowchild" width="213">
<div class="lyrow" style="display: block;">
<div class="view">
<div class="row clearfix">
<!--[if mso]><td style="width: 213px; vertical-align: top;"><![endif]-->
<div class="mobile-full" style="display: block; max-width: 213px; width: 100%; background-color: rgb(255, 255, 255); overflow: hidden;">
<!--[if mso]><table align="center" border="0" cellspacing="0" cellpadding="0" width="213" style="width:213px;"><tr><td style="padding: 0;"><![endif]-->
<table class="main" cellspacing="0" cellpadding="0" border="0" style="font-size: 14px; background-color: rgb(255, 255, 255); width: 100%; font-family: Arial, Helvetica, sans-serif; display: table; min-width: 100% !important;"
data-type="image" id="0deee364-bd3c-655e-6981-749fb2933b66" width="213">
<tbody>
<tr>
<td align="center" style="padding: 0px 15px; width: 183px; font-size: 14px;" class="image onebefore" width="213"><a class="link"><img border="0" style="box-sizing: border-box; display: block; max-width: 183px; width: 100%;" alt="Schedule" src="https://dimages.contactpigeon.com/dndcp/upload/files/1885/1530193051_32547.jpg" putwidth="183" haspadding="1" realdimensions="251x214" tabindex="0" id="e4c11b19-c20d-db43-d9a7-db58f2b03ae1" width="183"></a></td>
</tr>
</tbody>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</div>
<!-- [if mso]></td><![endif] -->
</div>
</div>
</div>
<div class="lyrow" style="display: block; position: relative; opacity: 1; left: 0px; top: 0px;">
<div class="view">
<div class="row clearfix">
<div class="mobile-full" style="display: block; max-width: 213px; vertical-align: top; width: 100%; background-color: rgb(255, 255, 255); overflow: hidden;">
<!--[if mso]><table align="center" border="0" cellspacing="0" cellpadding="0" width="213" style="width:213px;"><tr><td style="padding: 0;"><![endif]-->
<table class="main changedfs" cellspacing="0" cellpadding="0" border="0" style="font-size: 14px; background-color: rgb(255, 255, 255); width: 213px; font-family: Arial, Helvetica, sans-serif; display: table; line-height: 14px; min-width: 100% !important;"
data-type="text-block" width="213" id="b6d43e86-dab9-6a24-cde8-8904c4516659">
<tbody>
<tr>
<td class="block-text" data-clonable="true" style="padding: 0px 20px; font-size: 14px;">
<div>
<h3 class="carusel_b_text d_color" style="text-align: center;"><span style="font-size: 14px; color: #333399;">2. SCHEDULE TIME</span></h3>
</div>
</td>
</tr>
</tbody>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</div>
</div>
</div>
</div>
<div class="lyrow" style="display: block; position: relative; opacity: 1; left: 0px; top: 0px;">
<div class="view">
<div class="row clearfix">
<div class="mobile-full" style="display: block; max-width: 213px; vertical-align: top; width: 100%; background-color: rgb(255, 255, 255); overflow: hidden;">
<!--[if mso]><table align="center" border="0" cellspacing="0" cellpadding="0" width="213" style="width:213px;"><tr><td style="padding: 0;"><![endif]-->
<table class="main" cellspacing="0" cellpadding="0" border="0" style="font-size: 14px; background-color: rgb(255, 255, 255); width: 213px; text-align: center; font-family: Arial, Helvetica, sans-serif; display: table; line-height: 14px; min-width: 100% !important;"
data-type="text-block" width="213" id="a344e18d-7f7d-fe42-512a-64356c77e7be">
<tbody>
<tr>
<td class="block-text" data-clonable="true" style="text-align: center; font-size: 14px; padding: 0px 20px 10px;">
<div id="cd4d5309-e895-d1a3-7f63-501ced811e07"><span id="8886dc70-483d-cf85-8b3a-ae51ede08465" style="color: #003366; font-size: 12px;">Set the expiration times for each image. Or have them displayed on a specific day of week.</span></div>
</td>
</tr>
</tbody>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</div>
</div>
</div>
</div>
</div>
<div style="font-size: 14px; display: inline-block; background-position: center top; vertical-align: top; float: left; max-width: 213px; height: auto; background-color: rgb(255, 255, 255); width: 33.2813% !important; min-width: 10px !important; overflow: hidden;"
valign="top" class="mobile-full allowchild" width="213">
<div class="lyrow" style="display: block;">
<div class="view">
<div class="row clearfix">
<!--[if mso]><td style="width: 213px; vertical-align: top;"><![endif]-->
<div class="mobile-full" style="display: block; max-width: 213px; width: 100%; background-color: rgb(255, 255, 255); overflow: hidden;">
<!--[if mso]><table align="center" border="0" cellspacing="0" cellpadding="0" width="213" style="width:213px;"><tr><td style="padding: 0;"><![endif]-->
<table class="main" cellspacing="0" cellpadding="0" border="0" style="font-size: 14px; background-color: rgb(255, 255, 255); width: 100%; font-family: Arial, Helvetica, sans-serif; display: table; min-width: 100% !important;"
data-type="image" id="e49d57aa-ca91-3ae9-192f-4b6664437e53" width="213">
<tbody>
<tr>
<td align="center" style="padding: 0px 15px; width: 183px; font-size: 14px;" class="image onebefore" width="213"><a class="link"><img border="0" style="box-sizing: border-box; display: block; max-width: 183px; width: 100%;" alt="Get URL" src="https://dimages.contactpigeon.com/dndcp/upload/files/1885/1530193061_83734.jpg" putwidth="183" haspadding="1" realdimensions="251x214" tabindex="0" id="2d26f873-30a4-20ac-2147-deb12160535c" width="183"></a></td>
</tr>
</tbody>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</div>
<!-- [if mso]></td><![endif] -->
</div>
</div>
</div>
<div class="lyrow" style="display: block; position: relative; opacity: 1; left: 0px; top: 0px;">
<div class="view">
<div class="row clearfix">
<div class="mobile-full" style="display: block; max-width: 213px; vertical-align: top; width: 100%; background-color: rgb(255, 255, 255); overflow: hidden;">
<!--[if mso]><table align="center" border="0" cellspacing="0" cellpadding="0" width="213" style="width:213px;"><tr><td style="padding: 0;"><![endif]-->
<table class="main changedfs" cellspacing="0" cellpadding="0" border="0" style="font-size: 14px; background-color: rgb(255, 255, 255); width: 213px; font-family: Arial, Helvetica, sans-serif; display: table; line-height: 14px; min-width: 100% !important;"
data-type="text-block" id="2b08ed03-a68a-d960-f16e-f70511dbbd6d" width="213">
<tbody>
<tr>
<td class="block-text" data-clonable="true" style="padding: 0px 20px; font-size: 14px;">
<div>
<h3 class="carusel_b_text d_color" style="text-align: center;"><span style="font-size: 14px; color: #333399;">3. GET IMAGE URL</span></h3>
</div>
</td>
</tr>
</tbody>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</div>
</div>
</div>
</div>
<div class="lyrow" style="display: block; position: relative; opacity: 1; left: 0px; top: 0px;">
<div class="view">
<div class="row clearfix">
<div class="mobile-full" style="display: block; max-width: 213px; vertical-align: top; width: 100%; background-color: rgb(255, 255, 255); overflow: hidden;">
<!--[if mso]><table align="center" border="0" cellspacing="0" cellpadding="0" width="213" style="width:213px;"><tr><td style="padding: 0;"><![endif]-->
<table class="main" cellspacing="0" cellpadding="0" border="0" style="font-size: 14px; background-color: rgb(255, 255, 255); width: 213px; text-align: center; font-family: Arial, Helvetica, sans-serif; display: table; line-height: 14px; min-width: 100% !important;"
data-type="text-block" width="213" id="36594cc3-a000-1822-ba34-e02cd0d5a3e7">
<tbody>
<tr>
<td class="block-text" data-clonable="true" style="text-align: center; font-size: 14px; padding: 0px 20px 10px;">
<div><span id="9a1a08c7-5e99-5aa3-8796-150dd8bd0e35" style="color: #003366; font-size: 12px;">You’ll receive 2 unique links. One to your dynamic image and another for future edits.</span></div>
</td>
</tr>
</tbody>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
</tbody>
<!--[if mso]></td></tr></tbody><![endif]-->
</table>
</div>
<!--[if mso]></td></tr></table><![endif]-->
</div>
</div>
</div>
<div class="lyrow" style="display: block; position: relative; opacity: 1; left: 0px; top: 0px;">
<div class="view">
<div class="row clearfix">
<!--[if mso]><table align="center" border="0" cellspacing="0" cellpadding="0" width="640" style="width:640px;"><tr><td><![endif]-->
<div class="mobile-full" style="display: inline-block; max-width: 640px; vertical-align: top; width: 100%; background-color: rgb(255, 255, 255); overflow: hidden;">
<!--[if mso]><table align="center" border="0" cellspacing="0" cellpadding="0" width="640" style="width:640px;"><tr><td><![endif]-->
<table class="main" data-type="line" id="fb7554d3-bc74-d044-64dc-e9d573871b8a" style="border: 0px none; background-color: rgb(255, 255, 255); width: 640px; max-width: 640px; font-family: Arial, Helvetica, sans-serif; display: table; min-width: 100% !important;"
width="640" cellspacing="0" cellpadding="0" border="0" align="center">
<tbody>
<tr>
<td class="divider-simple" id="06540f70-7a7d-a526-8fa4-8a571fcd187f" style="padding: 19px 0px 23px; width: 640px; font-size: 14px;">
<table style="border-top: 1px solid rgb(155, 89, 182); min-width: 100% !important; width: 100% !important;" width="100%" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td style="width: 640px; font-size: 14px;" width="100%"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</div>
<!--[if mso]></td></tr></table><![endif]-->
</div>
</div>
</div>
<div class="lyrow" style="display: block; position: relative; opacity: 1; left: 0px; top: 0px;">
<div class="view">
<div class="row clearfix" width="100%" style="max-width: 640px;">
<!--[if mso]><table align="center" border="0" cellspacing="0" cellpadding="0" width="640" style="width:640px;"><tr><td><![endif]-->
<table style="border-collapse: collapse; text-align: center; background: #fff none repeat scroll 0% 0%; width: 100%;max-width: 640px; display: table; font-family: Arial,Helvetica,sans-serif;" width="100%" align="center" cellspacing="0"
cellpadding="0" border="0">
<tbody>
<tr>
<td style="width: 640px; font-size: 14px;">
<div class="mobile-full" style="display: block; max-width: 640px; vertical-align: top; width: 100%; background-color: rgb(255, 255, 255); overflow: hidden;">
<table class="main" cellspacing="0" cellpadding="0" border="0" bgcolor="#FFFFFF" align="center" style="font-size: 14px; background-color: rgb(255, 255, 255); width: 640px; height: 100%; border-collapse: collapse; display: table; font-family: Arial, Helvetica, sans-serif;"
tdsize="50%" data-type="imgtxtincol" width="640" id="6ef86664-b7d8-c516-18fe-4c984064bc64">
<tbody>
<tr>
<td style="font-size: 0px; width: 640px; max-width: 640px; vertical-align: top;" valign="top" width="100%" class="">
<div style="font-size: 14px; width: 100%; background-position: center top; vertical-align: top; height: auto; max-width: 320px; display: inline-block; background-color: rgb(255, 255, 255); overflow: hidden;" valign="top"
class="mobile-full allowchild td1" width="100%" selected-layout="0.5">
<div class="lyrow" style="display: block;">
<div class="view">
<div class="row clearfix">
<div class="mobile-full" style="display: block; max-width: 320px; vertical-align: top; width: 100%; background-color: rgb(255, 255, 255); overflow: hidden;">
<!--[if mso]><table align="center" border="0" cellspacing="0" cellpadding="0" width="320" style="width:320px;"><tr><td><![endif]-->
<table class="main" style="border: 0px; background-color: rgb(255, 255, 255); width: 320px; font-family: Arial, Helvetica, sans-serif; display: table; min-width: 100% !important;" cellspacing="0" cellpadding="0"
border="0" align="center" data-type="spacer" id="a80d158f-6a5d-3145-7ba0-06fd9533d09d" width="320">
<tbody>
<tr>
<td class="spacer-simple" style="font-size: 14px;">
<table width="100%" cellspacing="0" cellpadding="0" border="0" style="min-width:100% !important; width:100% !important">
<tbody>
<tr>
<td id="spaceman" width="100%" height="27" style="font-size: 14px;"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</div>
</div>
</div>
</div>
<div class="lyrow" style="display: block; position: relative; opacity: 1; left: 0px; top: 0px;">
<div class="view">
<div class="row clearfix">
<div class="mobile-full" style="display: block; max-width: 320px; width: 100%; background-color: rgb(255, 255, 255); overflow: hidden;">
<!--[if mso]><table align="center" border="0" cellspacing="0" cellpadding="0" width="320" style="width:320px;"><tr><td><![endif]-->
<table class="main" cellspacing="0" cellpadding="0" border="0" style="font-size: 14px; background-color: rgb(255, 255, 255); width: 320px; font-family: Arial, Helvetica, sans-serif; display: table; min-width: 100% !important;"
data-type="image" width="320" id="ed3bd82f-61f2-39de-be1a-73cbe8c0a8fe">
<tbody>
<tr>
<td align="center" style="padding: 0px; width: 320px; font-size: 14px;" class="image onebefore" width="320"><a class="link"><img border="0" style="box-sizing: border-box; display: block; max-width: 320px; width: 100%; padding: 0px;" alt="Time-based Dynamic Image" src="https://dimages.contactpigeon.com/dndcp/upload/files/1885/1530193510_26383.jpg" putwidth="320" haspadding="0" realdimensions="554x431" tabindex="0" width="320" align="left" id="949837fa-a104-6239-acee-604177a32b54"></a></td>
</tr>
</tbody>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</div>
</div>
</div>
</div>
</div>
<!--[if mso]><td width="320" valign="top" style="width:320px;"><![endif]-->
<div style="font-size: 14px; width: 100%; background-position: center top; vertical-align: top; height: auto; max-width: 320px; display: inline-block; background-color: rgb(255, 255, 255); overflow: hidden;" valign="top"
class="mobile-full allowchild td2" width="100%" selected-layout="0.5">
<div class="lyrow" style="display: block;">
<div class="view">
<div class="row clearfix">
<div class="mobile-full" style="display: block; max-width: 320px; vertical-align: top; width: 100%; background-color: rgb(255, 255, 255); overflow: hidden;">
<!--[if mso]><table align="center" border="0" cellspacing="0" cellpadding="0" width="320" style="width:320px;"><tr><td><![endif]-->
<table class="main changedfs" cellspacing="0" cellpadding="0" border="0" style="font-size: 20px; background-color: rgb(255, 255, 255); width: 320px; font-family: Arial, Helvetica, sans-serif; display: table; line-height: 16px; text-align: left; min-width: 100% !important;"
data-type="text-block" width="320" id="c5984576-dbd1-5536-2893-4aeac2fac4bd">
<tbody>
<tr>
<td class="block-text" data-clonable="true" style="padding: 0px 20px; font-size: 20px;">
<div>
<div>
<h2 class="section2_header Light_grey" style="text-align: left;"><span style="font-size: 20px; color: #333399; font-family: arial, helvetica, sans-serif;">Time-based <strong id="e028fd71-6043-3eb5-d34c-19f4a06755de">Dynamic Images</strong></span></h2>
</div>
</div>
</td>
</tr>
</tbody>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</div>
</div>
</div>
</div>
<div class="lyrow" style="display: block; position: relative; opacity: 1; left: 0px; top: 0px;">
<div class="view">
<div class="row clearfix">
<div class="mobile-full" style="display: block; max-width: 320px; vertical-align: top; width: 100%; background-color: rgb(255, 255, 255); overflow: hidden;">
<!--[if mso]><table align="center" border="0" cellspacing="0" cellpadding="0" width="320" style="width:320px;"><tr><td><![endif]-->
<table class="main" cellspacing="0" cellpadding="0" border="0" style="font-size: 14px; background-color: rgb(255, 255, 255); width: 320px; text-align: center; font-family: Arial, Helvetica, sans-serif; display: table; min-width: 100% !important;"
data-type="text-block" width="320" id="4c05d5e7-d014-d984-34be-7cd7d1357b7a">
<tbody>
<tr>
<td class="block-text" data-clonable="true" style="text-align: center; font-size: 14px; padding: 0px 20px 10px;" id="8e0f89d8-c79e-a576-7275-3476261e2d67">
<div id="81f4093b-c09c-06fe-9ddb-6d2b3cff9406">
<p id="cd392491-9a9b-08da-f56b-b775a6e34fba" class="Light_grey section2_light_header" style="text-align: left;"><span id="2e330364-4301-087d-1b4f-3e21e7c482a2" style="color: #003366;">Create an image that changes over time to maximize your email marketing conversions. Perfect for:</span></p>
<div id="43ee6de2-da5e-2e3c-2070-2ad16b33c361"
style="text-align: left;"><span style="color: #003366;"> - Hourly deals promotion</span></div>
<div id="3deec5ab-4b79-e0ee-6fbb-40a6e075f141" style="text-align: left;"><span style="color: #003366;"> - Count Down to Holiday</span></div>
<div id="a6f0d5e9-469b-fadb-c13e-1e1061594f35" style="text-align: left;"><span style="color: #003366;"> - 3-Day Summer Sales</span></div>
</div>
</td>
</tr>
</tbody>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</div>
</div>
</div>
</div>
<div class="lyrow" style="display: block;">
<div class="view">
<div class="row clearfix">
<div class="mobile-full" style="display: block; max-width: 320px; vertical-align: top; width: 100%; background-color: rgb(255, 255, 255); overflow: hidden;">
<table class="main" cellspacing="0" cellpadding="0" border="0" align="center" style="background-color: rgb(255, 255, 255); width: 320px; font-family: Arial, Helvetica, sans-serif; display: table; min-width: 100% !important;"
data-type="button" id="90e540a9-318c-de02-6efd-69a20e3b0ccd" width="320">
<tbody>
<tr align="center">
<td style="padding: 8px 10px; font-size: 14px;" class="buttons-full-width" id="58367d15-013d-e740-4170-64468de2a2a6">
<!--[if mso]><table align="center" border="0" cellspacing="0" cellpadding="0" width="300" style="width:300px;"><![endif]-->
<table class="button" style="" cellspacing="0" cellpadding="0" border="0" align="left">
<tbody>
<tr align="left">
<!--[if mso]><table align="center" border="0" cellspacing="0" cellpadding="0" width="143" style="width:143px;"><![endif]-->
<td style="text-align: center; font-family: Arial; white-space: nowrap; background-color: rgb(226, 91, 157); margin: 0px; width: 102px; padding: 8px 10px; border-radius: 6px; font-size: 14px;"
class="button" btn-style="btn-flat" btnbc="rgb(226, 91, 157)"><a style="white-space: nowrap; font-family: Arial; padding: 15px; color: #FFFFFF; font-size: 15px; text-align: center;text-decoration: none; font-weight: bold;" class="button-1" href="http://go.contactpigeon.com/redir/webvisitor@example.com/9499163/"
btn-style="btn-flat" data-default="1" id="83794028-af9a-831b-1179-fb11de879586">Generate Image</a></td>
<!--[if mso]></table><![endif]-->
</tr>
</tbody>
</table>
<!--[if mso]></table><![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<!--[if mso]></td><![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</div>
</div>
</div>
<div class="lyrow" style="display: block;">
<div class="view">
<div class="row clearfix">
<!--[if mso]><table align="center" border="0" cellspacing="0" cellpadding="0" width="640" style="width:640px;"><tr><td><![endif]-->
<div class="mobile-full" style="display: block; max-width: 640px; vertical-align: top; width: 100%; background-color: rgb(255, 255, 255); overflow: hidden;">
<!--[if mso]><table align="center" border="0" cellspacing="0" cellpadding="0" width="640" style="width:640px;"><tr><td><![endif]-->
<table class="main" style="border: 0px; background-color: rgb(255, 255, 255); width: 640px; max-width: 640px; font-family: Arial, Helvetica, sans-serif; display: table; min-width: 100% !important;" cellspacing="0" cellpadding="0" border="0"
align="center" data-type="spacer" id="bb0fee20-9e60-4210-775f-d0c1ce2eef9a" width="640">
<tbody>
<tr>
<td class="spacer-simple" style="width: 640px; font-size: 14px;">
<table width="100%" cellspacing="0" cellpadding="0" border="0" style="min-width:100% !important; width:100% !important">
<tbody>
<tr>
<td id="spaceman" width="100%" height="22" style="width: 640px; font-size: 14px;"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</div>
<!--[if mso]></td></tr></table><![endif]-->
</div>
</div>
</div>
<div class="lyrow" style="display: block;">
<div class="view">
<div class="row clearfix">
<!--[if mso]><table align="center" border="0" cellspacing="0" cellpadding="0" width="640" style="width:640px;"><tr><td><![endif]-->
<div class="mobile-full" style="display: block; max-width: 640px; width: 100%; background-color: rgb(255, 255, 255); overflow: hidden;">
<!--[if mso]><table align="center" border="0" cellspacing="0" cellpadding="0" width="640" style="width:640px;"><tr><td><![endif]-->
<table class="main" cellspacing="0" cellpadding="0" border="0" style="font-size: 14px; background-color: rgb(255, 255, 255); width: 640px; max-width: 640px; font-family: Arial, Helvetica, sans-serif; display: table; min-width: 100% !important;"
data-type="image" id="0fa68d62-bb84-4dac-22f3-90cba995fc60" width="640">
<tbody>
<tr>
<td align="center" style="padding: 0px; width: 640px; font-size: 14px;" class="image onebefore"> <a class="link"> <img border="0" style="box-sizing: border-box; display: block; max-width: 640px; width: 100%;" alt="image" src="https://dimages.contactpigeon.com/dndcp/upload/files/1885/1530194741_81027.png" putwidth="640" haspadding="0" realdimensions="1920x200" tabindex="0" id="f3b9a4e6-1d21-402f-6864-f3274c93e082" width="640" class=""> </a> </td>
</tr>
</tbody>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</div>
<!--[if mso]></td></tr></table><![endif]-->
</div>
</div>
</div>
<div class="lyrow" style="display: block;">
<div class="view">
<div class="row clearfix">
<!--[if mso]><table align="center" border="0" cellspacing="0" cellpadding="0" width="640" style="width:640px;"><tr><td><![endif]-->
<div class="mobile-full" style="display: block; max-width: 640px; vertical-align: top; width: 100%; background-color: rgb(13, 40, 63); overflow: hidden;">
<table class="main" cellspacing="0" cellpadding="0" border="0" style="font-size: 14px; background-color: rgb(13, 40, 63); width: 640px; text-align: center; max-width: 640px; font-family: Arial, Helvetica, sans-serif; display: table; min-width: 100% !important;"
data-type="text-block" id="646c8349-0dd8-8af8-e053-3cf452a82154" width="640">
<tbody>
<tr>
<td class="block-text" data-clonable="true" style="text-align: center; font-size: 14px; padding: 10px 20px 10px 20px;">
<div id="4c822414-1299-ba5b-c775-ddbe6ccbf67c"></div>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso]></td></tr></table><![endif]-->
</div>
</div>
</div>
<div class="lyrow" style="display: block;">
<div class="view">
<div class="row clearfix">
<!--[if mso]><table align="center" border="0" cellspacing="0" cellpadding="0" width="640" style="width:640px;"><tr><td><![endif]-->
<div class="mobile-full" style="display: block; max-width: 640px; width: 100%; background-color: rgb(13, 40, 63); overflow: hidden;">
<!--[if mso]><table align="center" border="0" cellspacing="0" cellpadding="0" width="640" style="width:640px;"><tr><td><![endif]-->
<table class="main" cellspacing="0" cellpadding="0" border="0" style="font-size: 14px; background-color: rgb(13, 40, 63); width: 640px; max-width: 640px; font-family: Arial, Helvetica, sans-serif; display: table; min-width: 100% !important;"
data-type="image" id="735e588c-02c7-df93-796f-c07a7de171e4" width="640">
<tbody>
<tr>
<td align="center" style="padding: 0px 15px; width: 300px; font-size: 14px;" class="image onebefore"> <a class="link" href="http://go.contactpigeon.com/redir/webvisitor@example.com/9499163/"> <img border="0" style="box-sizing: border-box; display: block; max-width: 300px; width: 100%; padding: 0px;" alt="image" src="https://dimages.contactpigeon.com/dndcp/upload/files/1885/1530194838_42618.png" putwidth="300" haspadding="1" realdimensions="300x60" tabindex="0" id="34ee3852-5d32-dfc8-4ad9-2db50a3e66bd" width="300" align="center"> </a> </td>
</tr>
</tbody>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</div>
<!--[if mso]></td></tr></table><![endif]-->
</div>
</div>
</div>
<div class="lyrow" style="display: block;">
<div class="view">
<div class="row clearfix">
<!--[if mso]><table align="center" border="0" cellspacing="0" cellpadding="0" width="640" style="width:640px;"><tr><td><![endif]-->
<div class="mobile-full" style="display: block; max-width: 640px; vertical-align: top; width: 100%; background-color: rgb(13, 40, 63); overflow: hidden;">
<!--[if mso]><table align="center" border="0" cellspacing="0" cellpadding="0" width="640" style="width:640px;"><tr><td><![endif]-->
<table class="main" style="border: 0px; background-color: rgb(13, 40, 63); width: 640px; max-width: 640px; font-family: Arial, Helvetica, sans-serif; display: table; min-width: 100% !important;" cellspacing="0" cellpadding="0" border="0"
align="center" data-type="spacer" id="7e1e0d4f-98cb-0a82-2935-d8dd69aeb267" width="640">
<tbody>
<tr>
<td class="spacer-simple" style="width: 640px; font-size: 14px;">
<table width="100%" cellspacing="0" cellpadding="0" border="0" style="min-width:100% !important; width:100% !important">
<tbody>
<tr>
<td id="spaceman" width="100%" height="20" style="width: 640px; font-size: 14px;"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</div>
<!--[if mso]></td></tr></table><![endif]-->
</div>
</div>
</div>
<div class="lyrow" style="display: block;">
<div class="view">
<div class="row clearfix">
<!--[if mso]><table align="center" border="0" cellspacing="0" cellpadding="0" width="640" style="width:640px;"><tr><td><![endif]-->
<div class="mobile-full" style="display: block; max-width: 640px; vertical-align: top; width: 100%; background-color: rgb(13, 40, 63); overflow: hidden;">
<!--[if mso]><table align="center" border="0" cellspacing="0" cellpadding="0" width="640" style="width:640px;"><tr><td><![endif]-->
<table class="main" style="border: 0px; background-color: rgb(13, 40, 63); width: 640px; max-width: 640px; font-family: Arial, Helvetica, sans-serif; display: table; min-width: 100% !important;" cellspacing="0" cellpadding="0" border="0"
align="center" data-type="spacer" id="b1d3e59e-f4c4-1aff-c6c8-73d9830b2a2a" width="640">
<tbody>
<tr>
<td class="spacer-simple" style="width: 640px; font-size: 14px;">
<table width="100%" cellspacing="0" cellpadding="0" border="0" style="min-width:100% !important; width:100% !important">
<tbody>
<tr>
<td id="spaceman" width="100%" height="7" style="width: 640px; font-size: 14px;"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</div>
<!--[if mso]></td></tr></table><![endif]-->
</div>
</div>
</div>
<div class="lyrow" style="display: block;">
<div class="view">
<div class="row clearfix">
<!--[if mso]><table align="center" border="0" cellspacing="0" cellpadding="0" width="640" style="width:640px;"><tr><td><![endif]-->
<div class="mobile-full" style="display: block; max-width: 640px; vertical-align: top; width: 100%; background-color: rgb(255, 255, 255); overflow: hidden;">
<!--[if mso]><table align="center" border="0" cellspacing="0" cellpadding="0" width="640" style="width:640px;"><tr><td><![endif]-->
<table class="main" style="border: 0px; background-color: rgb(255, 255, 255); width: 640px; max-width: 640px; font-family: Arial, Helvetica, sans-serif; display: table; min-width: 100% !important;" cellspacing="0" cellpadding="0" border="0"
align="center" data-type="spacer" id="f8594491-f310-a09b-c44d-6837a4a8b3d1" width="640">
<tbody>
<tr>
<td class="spacer-simple" style="width: 640px; font-size: 14px;">
<table width="100%" cellspacing="0" cellpadding="0" border="0" style="min-width:100% !important; width:100% !important">
<tbody>
<tr>
<td id="spaceman" width="100%" height="22" style="width: 640px; font-size: 14px;"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</div>
<!--[if mso]></td></tr></table><![endif]-->
</div>
</div>
</div>
<div class="lyrow" data-code="_AC_SOCTABLE_" style="display: block; position: relative; opacity: 1; left: 0px; top: 0px;">
<div class="view">
<div class="row clearfix">
<!--[if mso]><table align="center" border="0" cellspacing="0" cellpadding="0" width="640" style="width:640px;"><tr><td><![endif]-->
<div class="mobile-full" style="display: block; max-width: 640px; vertical-align: top; width: 100%; background-color: rgb(255, 255, 255); overflow: hidden;">
<table class="main" cellspacing="0" cellpadding="0" border="0" style="font-size: 14px; background-color: rgb(255, 255, 255); width: 640px; max-width: 640px; font-family: Arial, Helvetica, sans-serif; display: table; min-width: 100% !important;"
data-type="socials" id="909bc22b-5e34-5508-4b32-df40f48e1e8d" width="640">
<tbody>
<tr>
<td style="padding-left: 9px; padding-right: 9px; font-size: 14px;" align="center" valign="top" id="020619d1-ae8d-259a-1ecf-8a40aa40d7e0">
<table align="center" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td align="center" valign="top" style="font-size: 14px;">
<!--[if mso]><td align="center" valign="top"><![endif]-->
<table class="singlesocial" style="display:inline;" align="left" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="padding-right: 10px; padding-bottom: 5px; font-size: 14px;" align="center" valign="top"> <a href="http://go.contactpigeon.com/redir/webvisitor@example.com/9499162/" target="_blank"><img src="https://gate.contactpigeon.com/editor/v5/img/color/facebook.png" alt="Facebook" width="22" style="border: 0px; width: 22px; max-width: 640px; display: block;" id="138ceb1f-28fd-9f66-d645-6a24defe550f"></a> </td>
</tr>
</tbody>
</table>
<!--[if mso]></td><![endif]-->
<!--[if mso]><td align="center" valign="top"><![endif]-->
<table class="singlesocial" style="display:inline;" align="left" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="padding-right: 10px; padding-bottom: 5px; font-size: 14px;" align="center" valign="top"> <a href="http://go.contactpigeon.com/redir/webvisitor@example.com/9499159/" target="_blank"><img src="https://gate.contactpigeon.com/editor/v5/img/color/twitter.png" alt="Twitter" width="22" style="border: 0px; width: 22px; max-width: 640px; display: block;" id="ba75db7f-6449-250f-e49a-dacf6f13c0fb"></a> </td>
</tr>
</tbody>
</table>
<!--[if mso]></td><![endif]-->
<!--[if mso]><td align="center" valign="top"><![endif]-->
<table class="singlesocial" style="display:inline;" align="left" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="padding-right: 10px; padding-bottom: 5px; font-size: 14px;" align="center" valign="top"> <a href="http://go.contactpigeon.com/redir/webvisitor@example.com/9499160/" target="_blank"><img src="https://gate.contactpigeon.com/editor/v5/img/color/linkedin.png" alt="LinkedIn" width="22" style="border: 0px; width: 22px; max-width: 640px; display: block;" id="655b5833-009c-18af-7b38-2c544dca75ef"></a> </td>
</tr>
</tbody>
</table>
<!--[if mso]></td><![endif]-->
<!--[if mso]><td align="center" valign="top"><![endif]-->
<table class="singlesocial" style="display:inline;" align="left" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="padding-right: 10px; padding-bottom: 5px; font-size: 14px;" align="center" valign="top"> <a href="http://go.contactpigeon.com/redir/webvisitor@example.com/9499164/" target="_blank"><img src="https://gate.contactpigeon.com/editor/v5/img/color/instagram.png" alt="Instagram" width="22" style="border: 0px; width: 22px; max-width: 640px; display: block;" id="33443c2d-ee25-3dad-75d6-1c663584e1c8"></a> </td>
</tr>
</tbody>
</table>
<!--[if mso]></td><![endif]-->
<!--[if mso]><td align="center" valign="top"><![endif]-->
<table class="singlesocial" style="display:inline;" align="left" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="padding-right: 10px; padding-bottom: 5px; font-size: 14px;" align="center" valign="top"> <a href="http://go.contactpigeon.com/redir/webvisitor@example.com/9499161/" target="_blank"><img src="https://gate.contactpigeon.com/editor/v5/img/color/youtube.png" alt="YouTube" width="22" style="border: 0px; width: 22px; max-width: 640px; display: block;" id="24b9b043-b459-dec5-8a85-5789330cf691"></a> </td>
</tr>
</tbody>
</table>
<!--[if mso]></td><![endif]-->
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso]></td></tr></table><![endif]-->
</div>
</div>
</div>
<div class="lyrow" style="display: block;">
<div class="view">
<div class="row clearfix">
<!--[if mso]><table align="center" border="0" cellspacing="0" cellpadding="0" width="640" style="width:640px;"><tr><td><![endif]-->
<div class="mobile-full" style="display: block; max-width: 640px; vertical-align: top; width: 100%; background-color: rgba(0, 0, 0, 0); overflow: hidden;">
<table class="main" style="font-size: 14px; background-color: transparent; width: 640px; max-width: 640px; display: table; text-align: center; font-family: Arial, Helvetica, sans-serif;" data-type="text-block" cellspacing="0" cellpadding="0"
border="0" align="center" id="2fa2e3ec-971a-f3fa-80fb-4f2fa67f1389" width="640">
<tbody>
<tr>
<td class="block-text" data-clonable="true" style="font-size: 14px; padding: 10px 0px; width: 640px;" id="51a25c73-e612-4bf0-dfb0-3b8dda4c40cf">
<div>
<div id="49ebc546-ba7e-091e-1408-e1604ee686e2" style="width: 100%;"><span style="font-size: 8pt;"> <a href="#">Unsubscribe</a> | <a href="#">View in Browser</a><br></span> <span style="font-size: 8pt;">PickAPic.live © 2018 All rights reserved. </span></div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso]></td></tr></table><![endif]-->
</div>
</div>
</div>
<div class="column">
<div class="lyrow" style="display: block;">
<div class="view">
<div class="row clearfix">
<!--[if mso]><table align="center" border="0" cellspacing="0" cellpadding="0" width="640" style="width:640px;"><tr><td><![endif]-->
<div class="mobile-full" style="display: block; max-width: 640px; vertical-align: top; width: 100%; background-color: rgba(0, 0, 0, 0); overflow: hidden;">
<!--[if mso]><table align="center" border="0" cellspacing="0" cellpadding="0" width="640" style="width:640px;"><tr><td><![endif]-->
<table class="main" style="border: 0px none; background-color: transparent; width: 640px; max-width: 640px; font-family: Arial, Helvetica, sans-serif; display: table; min-width: 100% !important;" data-type="spacer" id="e4635e92-dbd0-647e-d8d4-4623e61b6adc"
width="640" cellspacing="0" cellpadding="0" border="0" align="center">
<tbody>
<tr>
<td class="spacer-simple" style="width: 640px; font-size: 14px;">
<table style="min-width:100% !important; width:100% !important" width="100%" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td id="spaceman" style="width: 640px; font-size: 14px;" width="100%" height="99"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</div>
<!--[if mso]></td></tr></table><![endif]-->
</div>
</div>
</div>
</div>
<div class="generaldataishere" data-emailwidth="640"></div>
</div>
</td>
</tr>
</tbody>
</table>
</body>
</html>
<!-- -->
Also see: Tab Triggers