Sept-Bannersnack-Newsletter

In this example below you will see how to do a Sept-Bannersnack-Newsletter with some HTML / CSS and Javascript

Thumbnail
This awesome code was written by pupex_calin, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright pupex_calin ©

Technologies

  • HTML
  • CSS
  • JavaScript
    

<!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 content="Newsletter" name="Newsletter">
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="format-detection" content="telephone=no">
  <meta name="format-detection" content="date=no">
  <meta name="format-detection" content="address=no">
  <meta name="format-detection" content="email=no">
  <link href="https://fonts.googleapis.com&#10;/css?family=Roboto:400,500,700" rel="stylesheet">
  <style>
    @import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');
    
    @font-face {
      font-family: 'Roboto';
      font-style: normal;
      font-weight: 400;
      src: local('Roboto-Regular'),
        url(https://github.com/mkhairi/materialize-sass/blob/master/app/assets/fonts/roboto/Roboto-Regular.woff)
          format('woff');
    }
    @font-face {
      font-family: 'Roboto';
      font-style: normal;
      font-weight: 500;
      src: local('Roboto-Medium'),
        url(https://github.com/mkhairi/materialize-sass/blob/master/app/assets/fonts/roboto/Roboto-Regular.woff)
          format('woff');
    }
    
    /*=========*/
    /*reset styles*/
    html {
      width: 100%;
    }
    body {
      width: 100%;
      background-color: #ffffff;
      margin: 0;
      padding: 0;
      -webkit-text-size-adjust: none;
      -ms-text-size-adjust: none;
      mso-margin-top-alt: 0px;
      mso-margin-bottom-alt: 0px;
      mso-padding-alt: 0px 0px 0px 0px;
    }
    div, p, a, li, td {
      -webkit-text-size-adjust: none;
    }
    #outlook a {
      padding: 0;
    }
    p, h1, h2, h3, h4 {
      margin-top: 0;
      margin-bottom: 0;
      padding-top: 0;
      padding-bottom: 0;
    }
    table {
      mso-table-lspace: 0pt;
      mso-table-rspace: 0pt;
    }
    table td {
      border-collapse: collapse;
    }
    span.preheader {
      display: none;
      font-size: 1px;
      visibility: hidden;
      opacity: 0;
      color: transparent;
      height: 0;
      width: 0;
    }
    /*.googlefix {width: 280px!important; text-align:center!important; min-width:0px!important}*/
    /* IOS blue links */
    a[x-apple-data-detectors] {
      color: inherit !important;
      text-decoration: none !important;
      font-size: inherit !important;
      font-family: inherit !important;
      font-weight: inherit !important;
      line-height: inherit !important;
    }
    a {
      outline: none;
    }
    /* IOS blue links */
    a {
      text-decoration: none;
    }
    a img {
      border: none;
    }
    .image_fix {
      display: block;
    }
    .ReadMsgBody {
      width: 100%;
    }
    .ExternalClass {
      width: 100%;
    }
    .ExternalClass,
    .ExternalClass p,
    .ExternalClass span,
    .ExternalClass font,
    .ExternalClass td,
    .ExternalClass div {
      line-height: 100%;
    }
    img {
      -ms-interpolation-mode: bicubic;
    }
    p {
      margin: 0 !important;
      padding: 0 !important;
    }
    /*reset styles*/
    /*=========*/
    
    @media screen and (max-width: 599px) {
      body {
        width: 100% !important;
      }
      .container {
        width: 100% !important;
        min-width: 100% !important;
      }
      .container-wrap {
        display: inline-block !important;
        width: 100% !important;
        height: auto !important;
        border-radius: 0 !important;
      }
      .image-container {
        width: 100% !important;
        height: auto !important;
      }
      .disable {
        display: none !important;
      }
      .enable {
        display: inline !important;
      }
      .padding-top-10 {
        padding-top: 10px !important;
      }
      .padding-top-20 {
        padding-top: 20px !important;
      }
      .padding-top-30 {
        padding-top: 30px !important;
      }
      .padding-top-40 {
        padding-top: 40px !important;
      }
      .padding-top-60 {
        padding-top: 60px !important;
      }
      .padding-bottom-10 {
        padding-bottom: 10px !important;
      }
      .padding-bottom-20 {
        padding-bottom: 20px !important;
      }
      .padding-bottom-30 {
        padding-bottom: 30px !important;
      }
      .padding-bottom-40 {
        padding-bottom: 40px !important;
      }
      .padding-bottom-60 {
        padding-bottom: 60px !important;
      }
      .padding-none {
        padding: 0 !important;
      }
      .text {
        width: 90% !important;
        text-align: center !important;
      }
      .text-on-bg {
        width: 90% !important;
        text-align: center !important;
      }
      .text-center {
        text-align: center !important;
      }
      .text-right {
        text-align: right !important;
      }
      .text-left {
        text-align: left !important;
      }
      .text-white {
        color: #ffffff !important;
      }
      .background-cover {
        background-size: cover !important;
      }
      .background-cover-percent {
        background-size: 100% 79% !important;
      }
      .background-contain {
        background-size: contain !important;
      }
      .background-auto {
        background-size: auto !important;
      }
      .background-center {
        background-position: center center !important;
      }
      .background-none {
        background-image: none !important;
      }
      .border-none {
        border: 0 !important;
      }
      .border-white {
        border-color: #ffffff !important;
      }
      .logo-width {
        max-width: 200px;
      }
    }
  </style>
</head>

<body>
  <table mc:repeatable="layout" mc:hideable="" mc:variant="header-1" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="margin:0 auto; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px; max-width:800px;"
    data-module="header-1">
    <!--[if (gte mso 9)|(IE)]>
 <table width="800" align="center" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px; text-decoration:none !important; ">
 	<tr>
 		<td>
 <![endif]-->
    <tr>
      <td align="center" style="width: 100%; height: 100%; background: url(http://files.snacktools.net.s3.amazonaws.com/snacktools/site/blog/Bannersnack/Newsletter/header2.jpg) center top / cover no-repeat;"
        background="http://files.snacktools.net.s3.amazonaws.com/snacktools/site/blog/Bannersnack/Newsletter/header.jpg" bgcolor="#0092d8" data-bgcolor="head-1-bg" data-bg="head-1-img">
        <!--[if (gte mso 9)|(IE)]>
 			<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:800px; height:360px;">
 				<v:fill type="tile" src="http://files.snacktools.net.s3.amazonaws.com/snacktools/site/blog/Bannersnack/Newsletter/header.jpg" color="#cccccc" >
</v:fill>
 				<v:textbox inset="0,0,0,0">
 					<![endif]-->
        <table width="100%" align="center" class="container" border="0" cellpadding="0" cellspacing="0" style="width:100%; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px;">
          <tr>
            <td align="center">
              <table width="460" align="center" class="text" border="0" cellpadding="0" cellspacing="0" style="width:460px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px;">
                <!-- margin -->
                <tr>
                  <td align="center" height="50" width="1" style="font-size: 1px; line-height: 50px; height:50px;">
                    &nbsp; </td>
                </tr>
                <!-- margin -->
                <!--  add logo  -->
                <tr>
                  <td align="center">
                    <img mc:edit="" editable="" label="blg-2-image-1" class="logo-width" src="http://files.snacktools.net.s3.amazonaws.com/snacktools/site/blog/Bannersnack/Newsletter/bannersnack-logo-white-transparent.png" width="200" alt="Flipsnack" data-crop="false"
                      style="display:block; vertical-align:top; ">
                  </td>
                </tr>
                <!-- end logo-->
                <!-- margin -->
                <tr>
                  <td align="center" height="50" width="1" style="font-size: 1px; line-height: 50px; height:50px;">
                    &nbsp; </td>
                </tr>
                <!-- margin -->
                <!-- title -->
                <tr>
                  <td style="text-align:center; font-family: 'Roboto', sans-serif; font-size:38px; line-height: 46px; text-decoration: none; color: #ffffff; font-weight:500; text-transform: none; letter-spacing: 0em" data-size="head-1-title-size" data-min="9"
                    data-max="40" data-color="head-1-title-color" mc:edit="head-1-title-1">
                    <multiline>
                      Your monthly dose of inspiration<br class="disable">
                    </multiline>
                  </td>
                </tr>
                <!-- title -->
                <!-- margin -->
                <tr>
                  <td align="center" height="17" width="1" style="font-size: 1px; line-height: 17px; height:17px;">
                    &nbsp; </td>
                </tr>
                <!-- margin -->
                <!-- margin -->
                <tr>
                  <td align="center" height="30" width="1" style="font-size: 1px; line-height: 30px; height:30px;">
                    &nbsp; </td>
                </tr>
                <tr>
                  <td style="text-align:center; font-family: Roboto , sans-serif; font-size:13px; line-height: 20px; text-decoration: none; text-transform: uppercase; color: #ffffff; font-weight:400;" data-size="head-1-text-size" data-min="9" data-max="40" data-color="head-1-text-color"
                    mc:edit="head-1-text-1">
                    <multiline>September 2017</multiline>
                  </td>
                </tr>

                <tr>
                  <td align="center" height="20" width="1" style="font-size: 1px; line-height: 20px; height:20px;">
                    &nbsp; </td>
                </tr>
                <!-- margin -->
              </table>
            </td>
          </tr>
        </table>
        <!--[if gte mso 9]>
 				</v:textbox>
 			</v:rect>
 			<![endif]-->
      </td>
    </tr>
    <!--[if (gte mso 9)|(IE)]>
 		</td>
 	</tr>
 </table>
 <![endif]-->
  </table>


  <table mc:repeatable="layout" mc:hideable="" mc:variant="title-variant-margin-2" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="margin:0 auto; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px; max-width:800px;"
    data-module="title-variant-margin-2">
    <!--[if (gte mso 9)|(IE)]>
 <table width="800" align="center" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px; text-decoration:none !important; ">
 	<tr>
 		<td>
 <![endif]-->
    <tr>
      <td align="center" style="width:100%; height:100%; background-color:#ffffff;" bgcollor="#ffffff" data-bgcolor="title-variant-margin-2-bg">
        <table width="600" align="center" class="container" border="0" cellpadding="0" cellspacing="0" style="width:600px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px;">
          <!-- margin -->
          <tr>
            <td align="center" height="20" width="1" style="font-size: 1px; line-height: 20px; height:20px;">
              &nbsp; </td>
          </tr>
          <!-- margin -->
        </table>
      </td>
    </tr>
    <!--[if (gte mso 9)|(IE)]>
 		</td>
 	</tr>
 </table>
 <![endif]-->
  </table>

  </table>
  <table mc:repeatable="layout" mc:hideable="" mc:variant="title-variant-1" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="margin:0 auto; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px; max-width:800px;"
    data-module="title-variant-1">
    <!--[if (gte mso 9)|(IE)]>
 <table width="800" align="center" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px; text-decoration:none !important; ">
 	<tr>
 		<td>
 <![endif]-->
    <tr>
      <td align="center" style="width:100%; height:100%; background-color:#ffffff;" bgcollor="#ffffff" data-bgcolor="var-1-bg">
        <table width="600" align="center" class="container" border="0" cellpadding="0" cellspacing="0" style="width:600px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px;">
          <tr>
            <td align="center">
              <table width="460" align="center" class="text" border="0" cellpadding="0" cellspacing="0" style="width:460px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px;">
                <!-- margin -->
                <tr>
                  <td align="center" height="18" width="1" style="font-size: 1px; line-height: 18px; height:18px;">
                    &nbsp; </td>
                </tr>
                <!-- margin -->
                <!-- title -->
                <tr>
                  <td style="text-align:center; font-family: 'Roboto', sans-serif; font-size:32px; line-height: 40px; text-decoration: none; color: #343a40; font-weight:400; letter-spacing: 0em" data-size="var-1-title-size" data-min="9"
                    data-max="40" data-color="var-1-title-color" mc:edit="var-1-title-1">
                    <multiline>Most recent blog post</multiline>
                  </td>
                </tr>
                <!-- title -->
                <!-- margin -->
                <tr>
                  <td align="center" height="12" width="1" style="font-size: 1px; line-height: 12px; height:12px;">
                    &nbsp; </td>
                </tr>
                <!-- margin -->
                <tr>
                  <td align="center">
                    <table width="40" height="2" align="center" border="0" cellpadding="0" cellspacing="0" style="width:40px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px; background-color: #3d6adb" data-bgcolor="var-1-line-color">
                      <!-- margin -->
                      <tr>
                        <td align="center" height="2" width="40" style="font-size: 2px; line-height: 2px; width:40px;">
                          <img src="http://files.snacktools.net.s3.amazonaws.com/snacktools/site/blog/flipsnack/Newsletter/July%20Newsletter/separator.jpg" alt="spacer" width="40" height="2">
                        </td>
                      </tr>
                      <!-- margin -->
                    </table>
                  </td>
                </tr>
                <!-- margin -->
                <tr>
                  <td align="center" height="22" width="1" style="font-size: 1px; line-height: 22px; height:22px;">
                    &nbsp; </td>
                </tr>
                <!-- margin -->
              </table>
            </td>
          </tr>
        </table>
      </td>
    </tr>
    <!--[if (gte mso 9)|(IE)]>
 		</td>
 	</tr>
 </table>
 <![endif]-->
  </table>

  <table mc:repeatable="layout" mc:hideable="" mc:variant="image-left" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="margin:0 auto; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px; max-width:800px;"
    data-module="image-left">
    <!--[if (gte mso 9)|(IE)]>
 <table width="800" align="center" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px; text-decoration:none !important; ">
 	<tr>
 		<td>
 <![endif]-->
    <tr>
      <td align="center" style="width:100%; height:100%; background-color:#ffffff;" bgcollor="#ffffff" data-bgcolor="img-left-bg">
        <table width="100%" align="center" class="container" border="0" cellpadding="0" cellspacing="0" style="width:100%; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px;">
          <tr>
            <td align="center">
              <table width="100%" align="center" class="container" border="0" cellpadding="0" cellspacing="0" style="width:100%; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px;">
                <tr>
                  <!-- section -->
                  <th width="50%" align="left" class="container-wrap" valign="top" style="vertical-align: top;">
                    <table width="100%" align="left" class="container" border="0" cellpadding="0" cellspacing="0" style="width:100%; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px; border-radius: 3px; overflow: hidden">


                      <!-- image -->
                      <tr>
                        <td align="center" style="border-radius: 3px;">
                          <a href="https://www.bannersnack.com/blog/writing-copy-facebook-banners?utm_source=intercom&utm_medium=email&utm_campaign=newsletter&utm_content=featuredArticleImage"> <img mc:edit="" editable="" label="img-left-image-1" class="image-container" src="http://files.snacktools.net.s3.amazonaws.com/snacktools/site/blog/Bannersnack/Newsletter/what-every-copywriter-should-know-about-how-to-write-a-Facebook-banner-intro2.png" width="100%"
                              alt="7 hidden features" data-crop="false" style="display:block; vertical-align:top;"> </a>
                        </td>
                      </tr>
                      <!-- image -->
                    </table>
                  </th>
                  <!-- section -->
                  <!-- section -->
                  <th width="50%" align="right" class="container-wrap" valign="top" style="vertical-align: top;">
                    <table width="100%" align="right" class="container" border="0" cellpadding="0" cellspacing="0" style="width:100%; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px;">
                      <tr>
                        <td align="left">
                          <table width="335" align="left" class="container" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px;">
                            <tr>
                              <td align="right">
                                <table width="285" align="right" class="container" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px;">
                                  <tr>
                                    <td align="center">
                                      <table width="285" align="center" class="text" border="0" cellpadding="0" cellspacing="0" style="width:285px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px;">

                                        <tr>
                                          <td align="center" height="18" width="1" style="font-size: 1px; line-height: 18px; height:18px;">
                                            &nbsp; </td>
                                        </tr>
                                        <!-- margin -->
                                        <!-- title -->
                                        <tr>
                                          <td style="text-align:left; font-family: Roboto, sans-serif; font-size:26px; line-height: 36px; text-decoration: none; color: #343a40; font-weight:500; text-transform: NONE; letter-spacing: 0em" data-size="img-left-title-size" data-min="9" data-max="60"
                                            data-color="img-left-title-color" mc:edit="img-left-title-1">
                                            <multiline>Tips and tricks on writing copy for facebook banners</multiline>
                                          </td>
                                        </tr>
                                        <!-- title -->
                                        <!-- margin -->
                                        <tr>
                                          <td align="center" height="13" width="1" style="font-size: 1px; line-height: 13px; height:13px;">
                                            &nbsp; </td>
                                        </tr>
                                        <!-- margin -->
                                        <!-- text -->
                                        <tr>
                                          <td style="text-align:left; font-family: Roboto , sans-serif; font-size:13px; line-height: 20px; text-decoration: none; color: #343a40; font-weight:400;" data-size="img-left-text-size" data-min="9" data-max="40" data-color="img-left-text-color" mc:edit="img-left-text-1">
                                            <multiline>Are you a copywriter? How many times were you asked to create a Facebook banner? How did you find the task? How did you manage to be successful? I will discuss these questions through this article and hopefully, I will give ...</multiline>
                                          </td>
                                        </tr>
                                        <!-- text -->
                                        <!-- margin -->
                                        <tr>
                                          <td align="center" height="35" width="1" style="font-size: 1px; line-height: 35px; height:35px;">
                                            &nbsp; </td>
                                        </tr>
                                        <!-- margin -->
                                        <!--button-->
                                        <tr>
                                          <td align="left" class="img-left-btn">
                                            <table border="0" align="left" cellpadding="0" cellspacing="0" bgcolor="#3d6adb" style="border-radius: 3px; background-color: #3d6adb; min-width: 110px;" data-bgcolor="img-left-btn-bg">
                                              <tr>
                                                <td width="15">
                                                </td>
                                                <td height="30" align="center" style="height: 30px; text-align: center; font-family: 'Roboto', sans-serif; font-size: 11px; color: #ffffff; font-weight: 400; text-decoration: none !important; letter-spacing: 0em; text-transform: uppercase; letter-spacing: 0em; vertical-align: middle;"
                                                  data-size="img-left-btn-size" data-min="9" data-max="40" data-link-style="text-decoration: none; color:#ffffff;" data-link-color="img-left-btn-link-color">
                                                  <a href="https://www.bannersnack.com/blog/writing-copy-facebook-banners?utm_source=intercom&utm_medium=email&utm_campaign=newsletter&utm_content=featuredArticleButton" style="color: #ffffff; text-decoration: none !important;" data-color="img-left-btn-link-color" mc:edit="img-left-btn-1">
                                                    <multiline>
                                                      Read more</multiline>
                                                  </a>
                                                </td>
                                                <td width="15">
                                                </td>
                                              </tr>
                                            </table>
                                          </td>
                                        </tr>
                                        <!--button-->
                                        <!-- margin -->
                                        <tr>
                                          <td align="center" height="40" width="1" style="font-size: 1px; line-height: 40px; height:40px;">
                                            &nbsp; </td>
                                        </tr>
                                        <!-- margin -->
                                      </table>
                                    </td>
                                  </tr>
                                </table>
                              </td>
                            </tr>
                          </table>
                        </td>
                      </tr>
                    </table>
                  </th>
                  <!-- section -->
                </tr>
              </table>
            </td>
          </tr>
        </table>
      </td>
    </tr>
    <!--[if (gte mso 9)|(IE)]>
 		</td>
 	</tr>
 </table>
 <![endif]-->
  </table>
  <table mc:repeatable="layout" mc:hideable="" mc:variant="title-variant-1" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="margin:0 auto; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px; max-width:800px;"
    data-module="title-variant-1">
    <!--[if (gte mso 9)|(IE)]>
 <table width="800" align="center" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px; text-decoration:none !important; ">
 	<tr>
 		<td>
 <![endif]-->
    <tr>
      <td align="center" style="width:100%; height:100%; background-color:#ffffff;" bgcollor="#ffffff" data-bgcolor="var-1-bg">
        <table width="600" align="center" class="container" border="0" cellpadding="0" cellspacing="0" style="width:600px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px;">
          <tr>
            <td align="center">
              <table width="460" align="center" class="text" border="0" cellpadding="0" cellspacing="0" style="width:460px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px;">
                <!-- margin -->
                <tr>
                  <td align="center" height="18" width="1" style="font-size: 1px; line-height: 18px; height:18px;">
                    &nbsp; </td>
                </tr>
                <!-- margin -->
                <!-- title -->
                <tr>
                  <td style="text-align:center; font-family: 'Roboto', sans-serif; font-size:30px; line-height: 37px; text-decoration: none; color: #343a40; font-weight:400; letter-spacing: 0em" data-size="var-1-title-size" data-min="9"
                    data-max="40" data-color="var-1-title-color" mc:edit="var-1-title-1">
                    <multiline>
                      Also on the blog</multiline>
                  </td>
                </tr>
                <!-- title -->
                <!-- margin -->
                <tr>
                  <td align="center" height="12" width="1" style="font-size: 1px; line-height: 12px; height:12px;">
                    &nbsp; </td>
                </tr>
                <!-- margin -->
                <tr>

                  <td align="center">
                    <table width="40" height="2" align="center" border="0" cellpadding="0" cellspacing="0" style="width:40px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px; background-color: #3d6adb" data-bgcolor="var-1-line-color">
                      <!-- margin -->
                      <tr>
                        <td align="center" height="2" width="40" style="font-size: 2px; line-height: 2px; width:40px;">
                          <img src="http://files.snacktools.net.s3.amazonaws.com/snacktools/site/blog/flipsnack/Newsletter/July%20Newsletter/separator.jpg" alt="spacer" width="40" height="2">
                        </td>
                      </tr>

                      <!-- margin -->

                    </table>
                  </td>
                </tr>
                <!-- margin -->
                <tr>
                  <td align="center" height="22" width="1" style="font-size: 1px; line-height: 22px; height:22px;">
                    &nbsp; </td>
                </tr>
                <!-- margin -->
              </table>
            </td>
          </tr>
        </table>
      </td>
    </tr>
    <!--[if (gte mso 9)|(IE)]>
 		</td>
 	</tr>
 </table>
 <![endif]-->
  </table>
  <table mc:repeatable="layout" mc:hideable="" mc:variant="blog-2" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="margin:0 auto; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px; max-width:800px;"
    data-module="blog-2">
    <!--[if (gte mso 9)|(IE)]>
 <table width="800" align="center" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px; text-decoration:none !important; ">
 	<tr>
 		<td>
 <![endif]-->
    <tr>
      <td align="center" style="width:100%; height:100%; background-color:#f8f8f8; border-radius: 3px;" bgcollor="#f8f8f8" data-bgcolor="blg-2-bg">
        <table width="600" align="center" class="container" border="0" cellpadding="0" cellspacing="0" style="width:600px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px;">
          <!-- margin -->
          <tr>
            <td align="center" height="40" width="1" style="font-size: 1px; line-height: 40px; height:40px;">
              &nbsp; </td>
          </tr>
          <!-- margin -->
          <tr>
            <td align="center">
              <table width="600" align="center" class="container" border="0" cellpadding="0" cellspacing="0" style="width:600px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px;">
                <tr>
                  <!-- section -->
                  <th width="180" align="left" class="container-wrap" valign="top" style="vertical-align: top;">
                    <table width="180" align="left" class="container" border="0" cellpadding="0" cellspacing="0" style="width:180px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px;">
                      <tr>
                        <td align="center">
                          <table width="180" align="center" class="text" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px">
                            <!-- image -->
                            <tr>
                              <td align="center" style="border-radius: 3px; overflow: hidden">
                                <a href="https://www.bannersnack.com/blog/amazing-facebook-cover?utm_source=intercom&utm_medium=email&utm_campaign=newsletter&utm_content=firstArticleImage"> <img mc:edit="" editable="" label="blg-2-image-1" class="image-container" src="http://files.snacktools.net.s3.amazonaws.com/snacktools/site/blog/Bannersnack/Newsletter/The-Only-3-Important-Elements-for-an-Amazing-Facebook-Cover.jpg" width="180"
                                    alt="Laptop in the virtual space" data-crop="false" style="display:block; vertical-align:top;"> </a>
                              </td>
                            </tr>
                            <!-- image -->
                            <!-- margin -->
                            <tr>
                              <td align="center" height="20" width="1" style="font-size: 1px; line-height: 20px; height:20px;">
                                &nbsp; </td>
                            </tr>
                            <!-- margin -->
                            <!-- title -->
                            <tr>
                              <td style="text-align:left; font-family: 'Roboto', sans-serif; font-size:16px; line-height: 21px; text-decoration: none; color: #343a40; font-weight: 500; text-transform: none; letter-spacing: 0em" data-size="blg-2-title-size" data-min="9"
                                data-max="40" data-color="blg-2-title-color" mc:edit="blg-2-title-1">
                                <multiline>Elements for an Amazing Facebook Cover</multiline>
                              </td>
                            </tr>
                            <!-- title -->
                            <!-- margin -->
                            <tr>
                              <td align="left" height="11" width="1" style="font-size: 1px; line-height: 11px; height:11px;">
                                &nbsp; </td>
                            </tr>
                            <!-- margin -->
                            <!-- text -->
                            <tr>
                              <td style="text-align:left; font-family: Roboto , sans-serif; font-size:13px; line-height: 20px; text-decoration: none; color: #343a40; font-weight:400;" data-size="blg-2-text-size" data-min="9" data-max="40" data-color="blg-2-text-color" mc:edit="blg-2-text-1">
                                <multiline>Throughout the years, Facebook has been through lots of changes. If you’ve seen the movie in which we find out the story behind it, “The Social Network”, you know that the platform has began as a ... </multiline>
                              </td>
                            </tr>
                            <!-- text -->
                            <!-- margin -->
                            <tr>
                              <td align="center" height="25" width="1" style="font-size: 1px; line-height: 25px; height:25px;">
                                &nbsp; </td>
                            </tr>
                            <!-- margin -->
                            <!--button-->
                            <tr>
                              <td align="left" class="blg-2-btn">
                                <table border="0" align="left" cellpadding="0" cellspacing="0" bgcolor="#3d6adb" style="border-radius: 3px; background-color: #3d6adb; min-width: 110px;" data-bgcolor="blg-2-btn-bg">
                                  <tr>
                                    <td width="15">
                                    </td>
                                    <td height="30" align="center" style="height: 30px; text-align: center; font-family: 'Roboto', sans-serif; font-size: 11px; color: #ffffff; font-weight: 400; text-decoration: none !important; letter-spacing: 0em; text-transform: uppercase; letter-spacing: 0em; vertical-align: middle;"
                                      data-size="blg-2-btn-size" data-min="9" data-max="40" data-link-style="text-decoration: none; color:#ffffff;" data-link-color="blg-2-btn-link-color">
                                      <a href="https://www.bannersnack.com/blog/amazing-facebook-cover?utm_source=intercom&utm_medium=email&utm_campaign=newsletter&utm_content=firstArticleButton" style="color: #ffffff; text-decoration: none !important;" data-color="blg-2-btn-link-color" mc:edit="blg-2-btn-1">
                                        <multiline>
                                          read more</multiline>
                                      </a>
                                    </td>
                                    <td width="15">
                                    </td>
                                  </tr>
                                </table>
                              </td>
                            </tr>
                            <!--button-->
                            <!-- margin -->
                            <tr>
                              <td align="center" height="37" width="1" style="font-size: 1px; line-height: 37px; height:37px;">
                                &nbsp; </td>
                            </tr>
                            <!-- margin -->
                          </table>
                        </td>
                      </tr>
                    </table>
                  </th>
                  <!-- section -->
                  <!-- section -->
                  <th width="180" align="center" class="container-wrap padding-top-20" valign="top" style="vertical-align: top;">
                    <table width="180" align="center" class="container" border="0" cellpadding="0" cellspacing="0" style="width:180px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px;">
                      <tr>
                        <td align="center">
                          <table width="180" align="center" class="text" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px">
                            <!-- image -->
                            <tr>
                              <td align="center" style="border-radius: 3px; overflow: hidden">
                                <a href="https://www.bannersnack.com/blog/24-instagram-ad-ideas/?utm_source=intercom&utm_medium=email&utm_campaign=newsletter&utm_content=secondArticleImage"> <img mc:edit="" editable="" label="blg-2-image-2" class="image-container" src="http://files.snacktools.net.s3.amazonaws.com/snacktools/site/blog/Bannersnack/Newsletter/24-Awesome-Instagram-Ad-Ideas-To-Try-Right-Now.jpg" width="180"
                                    alt="24 Instagram Ad Ideas" data-crop="false" style="display:block; vertical-align:top;"> </a>
                              </td>
                            </tr>
                            <!-- image -->
                            <!-- margin -->
                            <tr>
                              <td align="center" height="20" width="1" style="font-size: 1px; line-height: 20px; height:20px;">
                                &nbsp; </td>
                            </tr>
                            <!-- margin -->
                            <!-- title -->
                            <tr>
                              <td style="text-align:left; font-family: 'Roboto', sans-serif; font-size:16px; line-height: 21px; text-decoration: none; color: #343a40; font-weight: 500; text-transform: none; letter-spacing: 0em" data-size="blg-2-title-size" data-min="9"
                                data-max="40" data-color="blg-2-title-color" mc:edit="blg-2-title-2">
                                <multiline>24 Awesome Instagram Ad Ideas To Try Right Now</multiline>
                              </td>
                            </tr>
                            <!-- title -->
                            <!-- margin -->
                            <tr>
                              <td align="left" height="11" width="1" style="font-size: 1px; line-height: 11px; height:11px;">
                                &nbsp; </td>
                            </tr>
                            <!-- margin -->
                            <!-- text -->
                            <tr>
                              <td style="text-align:left; font-family: Roboto , sans-serif; font-size:13px; line-height: 20px; text-decoration: none; color: #343a40; font-weight:400;" data-size="blg-2-text-size" data-min="9" data-max="40" data-color="blg-2-text-color" mc:edit="blg-2-text-2">
                                <multiline>Since Instagram was acquired by Facebook, the social media platform practically exploded. It generates more traffic than ever and in terms of marketing and advertising, being linked with Facebook, it became ...</multiline>
                              </td>
                            </tr>
                            <!-- text -->
                            <!-- margin -->
                            <tr>
                              <td align="center" height="25" width="1" style="font-size: 1px; line-height: 25px; height:25px;">
                                &nbsp; </td>
                            </tr>
                            <!-- margin -->
                            <!--button-->
                            <tr>
                              <td align="left" class="blg-2-btn">
                                <table border="0" align="left" cellpadding="0" cellspacing="0" bgcolor="#3d6adb" style="border-radius: 3px; background-color: #3d6adb; min-width: 110px;" data-bgcolor="blg-2-btn-bg">
                                  <tr>
                                    <td width="15">
                                    </td>
                                    <td height="30" align="center" style="height: 30px; text-align: center; font-family: 'Roboto', sans-serif; font-size: 11px; color: #ffffff; font-weight: 400; text-decoration: none !important; letter-spacing: 0em; text-transform: uppercase; letter-spacing: 0em; vertical-align: middle;"
                                      data-size="blg-2-btn-size" data-min="9" data-max="40" data-link-style="text-decoration: none; color:#ffffff;" data-link-color="blg-2-btn-link-color">
                                      <a href="https://www.bannersnack.com/blog/24-instagram-ad-ideas/?utm_source=intercom&utm_medium=email&utm_campaign=newsletter&utm_content=secondArticleButton" style="color: #ffffff; text-decoration: none !important;" data-color="blg-2-btn-link-color" mc:edit="blg-2-btn-2">
                                        <multiline>
                                          read more</multiline>
                                      </a>
                                    </td>
                                    <td width="15">
                                    </td>
                                  </tr>
                                </table>
                              </td>
                            </tr>
                            <!--button-->
                            <!-- margin -->
                            <tr>
                              <td align="center" height="37" width="1" style="font-size: 1px; line-height: 37px; height:37px;">
                                &nbsp; </td>
                            </tr>
                            <!-- margin -->
                          </table>
                        </td>
                      </tr>
                    </table>
                  </th>
                  <!-- section -->
                  <!-- section -->
                  <th width="180" align="right" class="container-wrap padding-top-20" valign="top" style="vertical-align: top;">
                    <table width="180" align="right" class="container" border="0" cellpadding="0" cellspacing="0" style="width:180px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px;">
                      <tr>
                        <td align="center">
                          <table width="180" align="center" class="text" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px;">
                            <!-- image -->
                            <tr>
                              <td align="center" style="border-radius: 3px; overflow: hidden">
                                <a href="https://www.bannersnack.com/blog/create-amazing-email-checklist/?utm_source=intercom&utm_medium=email&utm_campaign=newsletter&utm_content=thirdArticleImage"> <img mc:edit="" editable="" label="blg-2-image-3" class="image-container" src="http://files.snacktools.net.s3.amazonaws.com/snacktools/site/blog/Bannersnack/Newsletter/Create-Amazing-Emails-with-the-Really-Good-Email-Checklist.png" width="180"
                                    alt="Laptop with images of file types" data-crop="false" style="display:block; vertical-align:top;"> </a>
                              </td>
                            </tr>
                            <!-- image -->
                            <!-- margin -->
                            <tr>
                              <td align="center" height="20" width="1" style="font-size: 1px; line-height: 20px; height:20px;">
                                &nbsp; </td>
                            </tr>
                            <!-- margin -->
                            <!-- title -->
                            <tr>
                              <td style="text-align:left; font-family: 'Roboto', sans-serif; font-size:16px; line-height: 21px; text-decoration: none; color: #343a40; font-weight: 500; text-transform: none; letter-spacing: 0em" data-size="blg-2-title-size" data-min="9"
                                data-max="40" data-color="blg-2-title-color" mc:edit="blg-2-title-3">
                                <multiline>Create Amazing Emails with the Really Good Email Checklist</multiline>
                              </td>
                            </tr>
                            <!-- title -->
                            <!-- margin -->
                            <tr>
                              <td align="left" height="11" width="1" style="font-size: 1px; line-height: 11px; height:11px;">
                                &nbsp; </td>
                            </tr>
                            <!-- margin -->
                            <!-- text -->
                            <tr>
                              <td style="text-align:left; font-family: Roboto , sans-serif; font-size:13px; line-height: 20px; text-decoration: none; color: #343a40; font-weight:400;" data-size="blg-2-text-size" data-min="9" data-max="40" data-color="blg-2-text-color" mc:edit="blg-2-text-3">
                                <multiline>Campaign Monitor and Really Good Emails teamed up to create this email design checklist to help you design a great looking email campaign that also converts. This handy infographic checklist ...</multiline>
                              </td>
                            </tr>
                            <!-- text -->
                            <!-- margin -->
                            <tr>
                              <td align="center" height="25" width="1" style="font-size: 1px; line-height: 25px; height:25px;">
                                &nbsp; </td>
                            </tr>
                            <!-- margin -->
                            <!--button-->
                            <tr>
                              <td align="left" class="blg-2-btn">
                                <table border="0" align="left" cellpadding="0" cellspacing="0" bgcolor="#3d6adb" style="border-radius: 3px; background-color: #3d6adb; min-width: 110px;" data-bgcolor="blg-2-btn-bg">
                                  <tr>
                                    <td width="15">
                                    </td>
                                    <td height="30" align="center" style="height: 30px; text-align: center; font-family: 'Roboto', sans-serif; font-size: 11px; color: #ffffff; font-weight: 400; text-decoration: none !important; letter-spacing: 0em; text-transform: uppercase; letter-spacing: 0em; vertical-align: middle;"
                                      data-size="blg-2-btn-size" data-min="9" data-max="40" data-link-style="text-decoration: none; color:#ffffff;" data-link-color="blg-2-btn-link-color">
                                      <a href="https://www.bannersnack.com/blog/create-amazing-email-checklist/?utm_source=intercom&utm_medium=email&utm_campaign=newsletter&utm_content=thirdArticleButton" style="color: #ffffff; text-decoration: none !important;" data-color="blg-2-btn-link-color" mc:edit="blg-2-btn-3">
                                        <multiline>
                                          read more</multiline>
                                      </a>
                                    </td>
                                    <td width="15">
                                    </td>
                                  </tr>
                                </table>
                              </td>
                            </tr>
                            <!--button-->
                            <!-- margin -->
                            <tr>
                              <td align="center" height="37" width="1" style="font-size: 1px; line-height: 37px; height:37px;">
                                &nbsp; </td>
                            </tr>
                            <!-- margin -->
                          </table>
                        </td>
                      </tr>
                    </table>
                  </th>
                  <!-- section -->
                </tr>
              </table>
            </td>
          </tr>
          <!-- margin -->
          <tr>
            <td align="center" height="4" width="1" style="font-size: 1px; line-height: 4px; height:4px;">
              &nbsp; </td>
          </tr>
          <!-- margin -->
        </table>
      </td>
    </tr>
    <!--[if (gte mso 9)|(IE)]>
 		</td>
 	</tr>
 </table>
 <![endif]-->
  </table>
  <table mc:repeatable="layout" mc:hideable="" mc:variant="title-variant-margin" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="margin:0 auto; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px; max-width:800px;"
    data-module="title-variant-margin">
    <!--[if (gte mso 9)|(IE)]>
 <table width="800" align="center" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px; text-decoration:none !important; ">
 	<tr>
 		<td>
 <![endif]-->
    <tr>
      <td align="center" style="width:100%; height:100%; background-color:#ffffff;" bgcollor="#ffffff" data-bgcolor="title-variant-margin-bg">
        <table width="600" align="center" class="container" border="0" cellpadding="0" cellspacing="0" style="width:600px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px;">
          <!-- margin -->
          <tr>
            <td align="center" height="20" width="1" style="font-size: 1px; line-height: 20px; height:20px;">
              &nbsp; </td>
          </tr>
          <!-- margin -->
        </table>
      </td>
    </tr>
    <!--[if (gte mso 9)|(IE)]>
 		</td>
 	</tr>
 </table>
 <![endif]-->
  </table>
  <table mc:repeatable="layout" mc:hideable="" mc:variant="title-variant-1" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="margin:0 auto; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px; max-width:800px;"
    data-module="title-variant-1">
    <!--[if (gte mso 9)|(IE)]>
 <table width="800" align="center" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px; text-decoration:none !important; ">
 	<tr>
 		<td>
 <![endif]-->
    <tr>
      <td align="center" style="width:100%; height:100%; background-color:#ffffff;" bgcollor="#ffffff" data-bgcolor="var-1-bg">
        <table width="600" align="center" class="container" border="0" cellpadding="0" cellspacing="0" style="width:600px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px;">
          <tr>
            <td align="center">
              <table width="460" align="center" class="text" border="0" cellpadding="0" cellspacing="0" style="width:460px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px;">
                <!-- margin -->
                <tr>
                  <td align="center" height="18" width="1" style="font-size: 1px; line-height: 18px; height:18px;">
                    &nbsp; </td>
                </tr>
                <!-- margin -->
                <!-- title -->
                <tr>
                  <td style="text-align:center; font-family: 'Roboto', sans-serif; font-size:30px; line-height: 37px; text-decoration: none; color: #343a40; font-weight:400; letter-spacing: 0em" data-size="var-1-title-size" data-min="9"
                    data-max="40" data-color="var-1-title-color" mc:edit="var-1-title-1">
                    <multiline>Our latest eBook</multiline>
                  </td>
                </tr>
                <!-- title -->
                <!-- margin -->
                <tr>
                  <td align="center" height="12" width="1" style="font-size: 1px; line-height: 12px; height:12px;">
                    &nbsp; </td>
                </tr>
                <!-- margin -->
                <tr>
                  <td align="center">
                    <table width="40" height="2" align="center" border="0" cellpadding="0" cellspacing="0" style="width:40px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px; background-color: #3d6adb" data-bgcolor="var-1-line-color">
                      <!-- margin -->
                      <tr>
                        <td align="center" height="2" width="40" style="font-size: 2px; line-height: 2px; width:40px;">
                          <img src="http://files.snacktools.net.s3.amazonaws.com/snacktools/site/blog/flipsnack/Newsletter/July%20Newsletter/separator.jpg" alt="spacer" width="40" height="2">
                        </td>
                      </tr>
                      <!-- margin -->
                    </table>
                  </td>
                </tr>
                <!-- margin -->
                <tr>
                  <td align="center" height="22" width="1" style="font-size: 1px; line-height: 22px; height:22px;">
                    &nbsp; </td>
                </tr>
                <!-- margin -->
              </table>
            </td>
          </tr>
        </table>
      </td>
    </tr>
    <!--[if (gte mso 9)|(IE)]>
 		</td>
 	</tr>
 </table>
 <![endif]-->
  </table>
  <table mc:repeatable="layout" mc:hideable="" mc:variant="blog-3" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="margin:0 auto; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px; max-width:800px;"
    data-module="blog-3">
    <!--[if (gte mso 9)|(IE)]>
 <table width="800" align="center" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px; text-decoration:none !important; ">
 	<tr>
 		<td>
 <![endif]-->
    <tr>
      <td align="center" style="width:100%; height:100%; background-color:#ffffff;" bgcollor="#ffffff" data-bgcolor="blg-3-bg">
        <table width="600" align="center" class="container" border="0" cellpadding="0" cellspacing="0" style="width:600px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px;">
          <!-- margin -->
          <tr>
            <td align="center" height="20" width="1" style="font-size: 1px; line-height: 20px; height:20px;">
              &nbsp; </td>
          </tr>
          <!-- margin -->
          <tr>
            <td align="center">
              <table width="600" align="center" class="container" border="0" cellpadding="0" cellspacing="0" style="width:600px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px;">
                <tr>
                  <!-- section -->
                  <th width="280" align="left" class="container-wrap" valign="top" style="vertical-align: top;">
                    <table width="280" align="left" class="container" border="0" cellpadding="0" cellspacing="0" style="width:280px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px;">
                      <tr>
                        <td align="center">
                          <table width="280" align="center" class="text" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px;">
                            <!-- image -->
                            <tr>
                              <td align="center">
								  <!-- text on left section -->
								  <table width="100%" align="right" class="container" border="0" cellpadding="0" cellspacing="0" style="width:100%; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px;">
                                  <!-- text -->
                                  <tr>
                                    <td style="text-decoration: none; font-family: Roboto, sans-serif; font-size: 16px; font-weight:400; line-height:20px; color:#343a40; text-align: left; padding-bottom: 10px;" data-size="plans-1-text-size" data-min="9" data-max="40" data-color="plans-1-text-color" mc:edit="plans-1-text-1">
                                      <multiline>
                                        <strong>What will you find in this eBook?</strong>
                                
                                      </multiline>
                                    </td>
                                  </tr>
                    
   <!-- text -->
                                  <tr>
                                    <td style="text-decoration: none; font-family: Roboto, sans-serif; font-size: 13px; font-weight:400; line-height:20px; color:#343a40; text-align: left; padding-bottom: 10px;" data-size="plans-1-text-size" data-min="9" data-max="40" data-color="plans-1-text-color" mc:edit="plans-1-text-1">
                                      <multiline>
                                         
   &#9679; 226 Instagram Ad Examples from some of the most reputable brands<br>
   &#9679; Professional Instagram Ad Templates</multiline>
                                    </td>
                                  </tr>                  
                    
								  <tr>
									  <td style="text-decoration: none; font-family: Roboto, sans-serif; font-size: 13px; font-weight:400; line-height:20px; color:#343a40; text-align: left;">
										<multiline>
                            <a href="http://files.snacktools.net.s3.amazonaws.com/snacktools/site/blog/Bannersnack/ebook/Instaads_03_08_17.pdf" title=""><strong>Download eBook &raquo;</strong></a>
                          </multiline>
									</td>
								</tr>
                                  <!-- text -->
                                </table>
<!--
                                <img mc:edit="" editable="" label="blg-3-image-1" class="image-container" src="http://files.snacktools.net.s3.amazonaws.com/snacktools/site/blog/flipsnack/Newsletter/July%20Newsletter/calendar-1.jpg" width="280" alt="Calendar 1" data-crop="false"
                                  style="display:block; vertical-align:top;">
-->
                              </td>
                            </tr>
                            <!-- image -->
                            <!-- margin -->
                            <tr>
                              <td align="center" height="20" width="1" style="font-size: 1px; line-height: 20px; height:20px;">
                                &nbsp; </td>
                            </tr>
                            <!-- margin -->
                            <!-- title -->
                           
                          </table>
                        </td>
                      </tr>


                    </table>
                  </th>
                  <!-- section -->
                  <!-- section -->
                  <th width="280" align="right" class="container-wrap padding-top-20" valign="top" style="vertical-align: top;">
                    <table width="280" align="right" class="container" border="0" cellpadding="0" cellspacing="0" style="width:280px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px;">
                      <tr>
                        <td align="center">
                          <table width="280" align="center" class="text" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px;">
                            <!-- image -->
                            <tr>
                              <td align="center">
                                <a href="http://files.snacktools.net.s3.amazonaws.com/snacktools/site/blog/Bannersnack/ebook/Instaads_03_08_17.pdf"><img mc:edit="" editable="" label="blg-3-image-2" class="image-container" src="http://files.snacktools.net.s3.amazonaws.com/snacktools/site/blog/Bannersnack/Newsletter/ebook-cover.jpg" width="280" alt="Instagram Ad Examples Ebook" data-crop="false" style="display:block; vertical-align:top;"></a>
                              </td>
                            </tr>
                            <!-- image -->
                            <!-- margin -->
                            <tr>
                              <td align="center" height="20" width="1" style="font-size: 1px; line-height: 20px; height:20px;">
                                &nbsp; </td>
                            </tr>
                           
                          </table>
                        </td>
                      </tr>
                    </table>
                  </th>
                  <!-- section -->
                </tr>
              </table>
            </td>
          </tr>
        </table>
      </td>
    </tr>


    <!--[if (gte mso 9)|(IE)]>
 		</td>
 	</tr>
 </table>
 <![endif]-->
  </table>

  <table mc:repeatable="layout" mc:hideable="" mc:variant="blog-3" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="margin:0 auto; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px; max-width:800px;"
    data-module="blog-3">
    <!--[if (gte mso 9)|(IE)]>
 <table width="800" align="center" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px; text-decoration:none !important; ">
 	<tr>
 		<td>
 <![endif]-->

    <!-- margin -->
    <tr>
      <td align="center">
        <table width="600" align="center" class="container" border="0" cellpadding="0" cellspacing="0" style="width:600px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px;">
          <tr>
            <!-- section -->
            <th width="280" align="left" class="container-wrap" valign="top" style="vertical-align: top;">
              <table width="280" align="left" class="container" border="0" cellpadding="0" cellspacing="0" style="width:280px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px;">
                <tr>
                  <td align="center">
                    <table width="280" align="center" class="text" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px;">
                      <!-- image -->

                     
                      <!-- text -->
                      <tr>
                        <td style="text-align:left; font-family: Roboto , sans-serif; font-size:16px; line-height: 21px; text-decoration: none; color: #566c81; font-weight:400;" data-size="blg-3-text-size" data-min="9" data-max="40" data-color="blg-3-text-color" mc:edit="blg-3-text-1">
                          
                        </td>
                      </tr>
                      <!-- text -->

                    </table>
                  </td>
                </tr>


              </table>
            </th>
            <!-- section -->

      </td>
      </tr>
      </table>
      </th>
      <!-- section -->
    </tr>
  </table>
  </td>
  </tr>
  </table>
  </td>
  </tr>


  <!--[if (gte mso 9)|(IE)]>
 		</td>
 	</tr>
 </table>
 <![endif]-->
  </table>

  <table mc:repeatable="layout" mc:hideable="" mc:variant="plans-1" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="margin: 0px auto; border-collapse: collapse; border: 0px; max-width: 800px; position: relative; opacity: 1; top: 0px; left: 0px;"
    data-module="plans-1">
    <!--[if (gte mso 9)|(IE)]>
 <table width="800" align="center" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px; text-decoration:none !important; ">
 	<tr>
 		<td>
 <![endif]-->
    <tr>
      <td align="center" style="width:100%; height:100%; background-color:#ffffff;" bgcollor="#ffffff" data-bgcolor="plans-1-bg">
        <table width="600" align="center" class="container" border="0" cellpadding="0" cellspacing="0" style="width:600px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px;">
          <!-- margin -->
          <tr>
            <td align="center" height="40" width="1" style="font-size: 1px; line-height: 40px; height:40px;">
              &nbsp; </td>
          </tr>
          <!-- margin -->
          <tr>
            <td align="center">
              <table width="600" align="center" class="container" border="0" cellpadding="0" cellspacing="0" style="width:600px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px;">
                <tr>
                  <!-- section -->
                  <th width="600" align="left" class="container-wrap" valign="top" style="vertical-align: top;">
                    <table width="600" align="left" class="container" border="0" cellpadding="0" cellspacing="0" style="width:600px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px;">
                      <tr>
                        <td align="center">
                          <table width="600" align="center" class="text" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px;">
                            <!-- margin -->
                            <tr>
                              <td align="center" height="11" width="1" style="font-size: 1px; line-height: 11px; height:11px;">
                                &nbsp; </td>
                            </tr>
                            <!-- margin -->
                            <!-- title -->
                            <tr>
                              <td style="text-decoration: none; font-family: 'Roboto', sans-serif; font-size: 30px; font-weight:400; line-height:37px; color: #343a40; text-align: left; letter-spacing: 0em;" data-size="plans-1-title-size" data-min="9"
                                data-max="40" data-color="plans-1-title-color" mc:edit="plans-1-title-1">
                                <multiline>
                                  Recent Product Updates</multiline>
                              </td>
                            </tr>
                            <!-- title -->
                            <!-- margin -->
                            <tr>
                              <td align="center" height="5" width="1" style="font-size: 1px; line-height: 5px; height:5px;">
                                &nbsp; </td>
                            </tr>
                            <!-- margin -->
                            <!-- sub-title -->
                            <tr>
                              <td style="text-decoration: none; font-family: Roboto, sans-serif; font-size: 13px; font-weight:400; line-height:20px; color:#bdbdbd; text-align: left; text-transform: uppercase; letter-spacing: 0em;" data-size="plans-1-sub-title-size" data-min="9"
                                data-max="40" data-color="plans-1-sub-title-color" mc:edit="plans-1-sub-title-1">
                                <multiline>Here are just some of the recent updates we've made to Bannersnack.</multiline>
                              </td>
                            </tr>
                            <!-- sub-title -->
                          </table>
                        </td>
                      </tr>
                      <!-- margin -->
                      <tr>
                        <td align="center" height="9" width="1" style="font-size: 1px; line-height: 9px; height:9px;">
                          &nbsp; </td>
                      </tr>
                      <!-- margin -->
                      <tr>
                        <td align="center">
                          <table width="600" align="center" class="text" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px;">
                            <tr>
                              <!-- section -->
                              <th width="20" align="left" class="container-wrap" valign="top" style="vertical-align: top;">
                                <table width="20" align="left" class="container" border="0" cellpadding="0" cellspacing="0" style="width:20px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px;">
                                  <!-- margin -->
                                  <tr>
                                    <td align="center" height="6" width="1" style="font-size: 1px; line-height: 6px; height:6px;">
                                      &nbsp; </td>
                                  </tr>
                                  <!-- margin -->
                                  <!-- icon -->
                                  <tr>
                                    <td align="left">
                                      <img mc:edit="" editable="" label="plans-1-plus-1" src="http://files.snacktools.net.s3.amazonaws.com/snacktools/site/blog/flipsnack/Newsletter/July%20Newsletter/product-updates.png" width="16" alt="#" data-crop="false" style="display:block; vertical-align:top;">
                                    </td>
                                  </tr>
                                  <!-- icon -->
                                  <!-- margin -->
                                  <tr>
                                    <td align="center" height="20" width="1" style="font-size: 1px; line-height: 20px; height:20px;">
                                      &nbsp; </td>
                                  </tr>
                                  <!-- margin -->
                                </table>
                              </th>
                              <!-- section -->
                              <!-- section -->
                              <th width="564" align="right" class="container-wrap" valign="top" style="vertical-align: top;">
                                <table width="564" align="right" class="container" border="0" cellpadding="0" cellspacing="0" style="width:564px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px;">
                                  <!-- text -->
                                  <tr>
                                    <td style="text-decoration: none; font-family: Roboto, sans-serif; font-size: 13px; font-weight:400; line-height:20px; color:#343a40; text-align: left;" data-size="plans-1-text-size" data-min="9" data-max="40" data-color="plans-1-text-color" mc:edit="plans-1-text-1">
                                      <multiline>
                                        <strong>Upload SVG images</strong><br> SVGs can help you get super-sharp, high-resolution banners with lower file-size and bigger flexibility than using standard JPG or PNG images. <a href="https://www.bannersnack.com/blog/new-release-upload-svg?utm_source=intercom&utm_medium=email&utm_campaign=newsletter&utm_content=featureOneLink">Learn more</a> </multiline>
                                    </td>
                                  </tr>
                                  <!-- text -->
                                </table>
                              </th>
                              <!-- section -->
                            </tr>
                          </table>
                        </td>
                      </tr>
                      <!-- margin -->
                      <tr>
                        <td align="center" height="14" width="1" style="font-size: 1px; line-height: 14px; height:14px;">
                          &nbsp; </td>
                      </tr>
                      <!-- margin -->
                      <tr>
                        <td align="center">
                          <table width="600" align="center" class="text" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px;">
                            <tr>
                              <!-- section -->
                              <th width="20" align="left" class="container-wrap" valign="top" style="vertical-align: top;">
                                <table width="20" align="left" class="container" border="0" cellpadding="0" cellspacing="0" style="width:20px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px;">
                                  <!-- margin -->
                                  <tr>
                                    <td align="center" height="6" width="1" style="font-size: 1px; line-height: 6px; height:6px;">
                                      &nbsp; </td>
                                  </tr>
                                  <!-- margin -->
                                  <!-- icon -->
                                  <tr>
                                    <td align="left">
                                      <img mc:edit="" editable="" label="plans-1-plus-1" src="http://files.snacktools.net.s3.amazonaws.com/snacktools/site/blog/flipsnack/Newsletter/July%20Newsletter/product-updates.png" width="16" alt="#" data-crop="false" style="display:block; vertical-align:top;">
                                    </td>
                                  </tr>
                                  <!-- icon -->
                                  <!-- margin -->
                                  <tr>
                                    <td align="center" height="20" width="1" style="font-size: 1px; line-height: 20px; height:20px;">
                                      &nbsp; </td>
                                  </tr>
                                  <!-- margin -->
                                </table>
                              </th>
                              <!-- section -->
                              <!-- section -->
                              <th width="564" align="right" class="container-wrap" valign="top" style="vertical-align: top;">
                                <table width="564" align="right" class="container" border="0" cellpadding="0" cellspacing="0" style="width:564px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px;">
                                  <!-- text -->
                                  <tr>
                                    <td style="text-decoration: none; font-family: Roboto, sans-serif; font-size: 13px; font-weight:400; line-height:20px; color:#343a40; text-align: left;" data-size="plans-1-text-size" data-min="9" data-max="40" data-color="plans-1-text-color" mc:edit="plans-1-text-2">
                                      <multiline>
                                        <strong>PRO & TEAM: Upload your own fonts</strong><br> One of the most requested features was the ability to upload and use your own fonts, from your own library or other external sources. <a href="https://www.bannersnack.com/blog/upload-fonts-bannersnack?utm_source=intercom&utm_medium=email&utm_campaign=newsletter&utm_content=featureTwoLink"> See how it works</a> </multiline>
                                    </td>
                                  </tr>
                                  <!-- text -->
                                </table>
                              </th>
                              <!-- section -->
                            </tr>
                          </table>
                        </td>
                      </tr>
                      <!-- margin -->
                      <tr>
                        <td align="center" height="14" width="1" style="font-size: 1px; line-height: 14px; height:14px;">
                          &nbsp; </td>
                      </tr>
                      <!-- margin -->
                      <tr>
                        <td align="center">
                          <table width="600" align="center" class="text" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px;">
                            <tr>
                              <!-- section -->
                              <th width="20" align="left" class="container-wrap" valign="top" style="vertical-align: top;">
                                <table width="20" align="left" class="container" border="0" cellpadding="0" cellspacing="0" style="width:20px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px;">
                                  <!-- margin -->
                                  <tr>
                                    <td align="center" height="6" width="1" style="font-size: 1px; line-height: 6px; height:6px;">
                                      &nbsp; </td>
                                  </tr>
                                  <!-- margin -->
                                  <!-- icon -->
                                  <tr>
                                    <td align="left">
                                      <img mc:edit="" editable="" label="plans-1-plus-1" src="http://files.snacktools.net.s3.amazonaws.com/snacktools/site/blog/flipsnack/Newsletter/July%20Newsletter/product-updates.png" width="16" alt="#" data-crop="false" style="display:block; vertical-align:top;">
                                    </td>
                                  </tr>
                                  <!-- icon -->
                                  <!-- margin -->
                                  <tr>
                                    <td align="center" height="20" width="1" style="font-size: 1px; line-height: 20px; height:20px;">
                                      &nbsp; </td>
                                  </tr>
                                  <!-- margin -->
                                </table>
                              </th>
                              <!-- section -->
                              <!-- section -->
                              <th width="564" align="right" class="container-wrap" valign="top" style="vertical-align: top;">
                                <table width="564" align="right" class="container" border="0" cellpadding="0" cellspacing="0" style="width:564px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px;">
                                  <!-- text -->
                                  <tr>
                                    <td style="text-decoration: none; font-family: Roboto, sans-serif; font-size: 13px; font-weight:400; line-height:20px; color:#343a40; text-align: left;" data-size="plans-1-text-size" data-min="9" data-max="40" data-color="plans-1-text-color" mc:edit="plans-1-text-3">
                                      <multiline>
                                        <strong>Banner Generator: Edit as new & Duplicate banner sets</strong><br> Now you can duplicate your banner sets or select "edit as a new set" from the drop-down menu.</multiline>
                                    </td>
                                  </tr>
                                  <!-- text -->
                                </table>
                              </th>
                              <!-- section -->
                            </tr>
                          </table>
                        </td>
                      </tr>
                    </table>
                  </th>
                  <!-- section -->
                  
                </tr>
              </table>
            </td>
          </tr>
          <!-- margin -->
          <tr>
            <td align="center" height="30" width="1" style="font-size: 1px; line-height: 30px; height:30px;">
              &nbsp; </td>
          </tr>
          <!-- margin -->
        </table>
      </td>
    </tr>
    <!--[if (gte mso 9)|(IE)]>
 		</td>
 	</tr>
 </table>
 <![endif]-->
  </table>
  <table mc:repeatable="layout" mc:hideable="" mc:variant="team-4" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="margin:0 auto; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px; max-width:800px;"
    data-module="team-4">
    <!--[if (gte mso 9)|(IE)]>
 <table width="800" align="center" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px; text-decoration:none !important; ">
 	<tr>
 		<td>
 <![endif]-->
    <tr>
      <td align="center" style="width:100%; height:100%; background-color:#ffffff;" bgcollor="#ffffff" data-bgcolor="team-4-bg">
        <table width="600" align="center" class="container" border="0" cellpadding="0" cellspacing="0" style="width:600px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px;">
          <!-- margin -->
          <tr>
            <td align="center" height="40" width="1" style="font-size: 1px; line-height: 40px; height:40px;">
              &nbsp; </td>
          </tr>
          <!-- end margin -->
          <tr>
            <td align="center">
              <table width="600" align="center" class="container" border="0" cellpadding="0" cellspacing="0" style="width:600px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px;">
                <tr>
                  <!-- section -->
                  <th width="180" align="left" class="container-wrap" valign="top" style="vertical-align: top;">
                    <table width="180" align="left" class="container" border="0" cellpadding="0" cellspacing="0" style="width:180px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px;">
                      <tr>
                        <td align="center">
                          <table width="180" align="center" class="text" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px;">
                            <!-- image -->
                            <tr>
                              <td align="center" style="border-radius: 3px; overflow: hidden">
                               <img mc:edit="" editable="" label="team-4-image-1" class="image-container" src="http://files.snacktools.net.s3.amazonaws.com/snacktools/site/blog/Bannersnack/Newsletter/spearmintbaby_1503068190_280.jpg"
                                    width="150" alt="Flipsnack July Case study" data-crop="false" style="display:block; vertical-align:top;"> 
                              </td>
                            </tr>
                            <!-- image -->
                          </table>
                        </td>
                      </tr>
                    </table>
                  </th>
                  <!-- section -->
                  <!-- section -->
                  <th width="390" align="right" class="container-wrap padding-top-20" valign="top" style="vertical-align: top;">
                    <table width="390" align="right" class="container" border="0" cellpadding="0" cellspacing="0" style="width:390px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px;">
                      <tr>
                        <td align="center">
                          <table width="390" align="center" class="text" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px;">

                            <!-- margin -->

                            <!-- margin -->
                            <!-- job -->
                            <tr>
                              <td style="text-align:left; font-family: Roboto , sans-serif; font-size:14px; line-height: 20px; text-decoration: none; text-transform:uppercase; color: #343a40; font-weight:400;" data-size="team-4-job-size" data-min="9" data-max="40" data-color="team-4-job-color"
                                mc:edit="team-4-job-1">
                                <multiline>
                                 Mallory Dunn - Product Specialist at spearmintlove.com</multiline>
                              </td>
                            </tr>
                            <!-- job -->
                            <!-- margin -->
                            <tr>
                              <td align="center" height="20" width="1" style="font-size: 1px; line-height: 20px; height:20px;">
                                &nbsp; </td>
                            </tr>
                            <!-- margin -->
                            <!-- title -->
                            <tr>
                              <td style="text-align:left; font-family: 'Roboto', sans-serif; font-size:21px; line-height: 21px; text-decoration: none; color: #343a40; font-weight:300; text-transform: none; letter-spacing: 0em" data-size="team-4-title-size" data-min="9"
                                data-max="40" data-color="team-4-title-color" mc:edit="team-4-title-1">
                                <multiline>"Bannersnack is user-friendly and a fun and profitable tool that can help maximize revenue and grow your business!"</multiline>
                              </td>
                            </tr>
                            <!-- title -->
                            <!-- margin -->
                            <tr>
                              <td align="center" height="20" width="1" style="font-size: 1px; line-height: 20px; height:20px;">
                                &nbsp; </td>
                            </tr>
                            <!-- margin -->
                          
                            <!-- margin -->
                            <tr>
                              <td align="center" height="23" width="1" style="font-size: 1px; line-height: 23px; height:23px;">
                                &nbsp; </td>
                            </tr>
                            <!-- margin -->

                            
                          </table>
                        </td>
                      </tr>
                    </table>
                  </th>
                  <!-- section -->
                </tr>
              </table>
            </td>
          </tr>
          <!-- margin -->
          <tr>
            <td align="center" height="40" width="1" style="font-size: 1px; line-height: 40px; height:40px;">
              &nbsp; </td>
          </tr>
          <!-- end margin -->


          <!-- margin -->
          <tr>
            <td align="center" height="40" width="1" style="font-size: 1px; line-height: 40px; height:40px;">
              &nbsp; </td>
          </tr>
          <!-- end margin -->
        </table>
      </td>
      <!--[if gte mso 9]>
 				</v:textbox>
 			</v:rect>
 			<![endif]-->
    </tr>
  </table>


  <!-- footer section -->
  <table mc:repeatable="layout" mc:hideable="" mc:variant="footer-4" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="margin: 0px auto; border-collapse: collapse; border: 0px; max-width: 800px; position: relative; opacity: 1; top: 0px; left: 0px;"
    data-module="footer-4">
    <!--[if (gte mso 9)|(IE)]>
 <table width="800" align="center" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px; text-decoration:none !important; ">
 	<tr>
 		<td>
 <![endif]-->
    <tr>
      <td align="center" style="width:100%; height:100%; background-color:#f8f8f8; border-radius: 3px;" bgcollor="#f8f8f8" data-bgcolor="footer-4-bg">
        <table width="600" align="center" class="container" border="0" cellpadding="0" cellspacing="0" style="width:600px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px;">
          <!-- margin -->
          <tr>
            <td align="center" height="35" width="1" style="font-size: 1px; line-height: 35px; height:35px;">
              &nbsp; </td>
          </tr>
          <!-- margin -->
          <tr>
            <td align="center">
              <table width="600" align="center" class="text" border="0" cellpadding="0" cellspacing="0" style="width:600px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px;">
                <tr>
                  <td align="center">
                    <table width="350" align="center" class="container" border="0" cellpadding="0" cellspacing="0" style="width:350px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border: 0px;">

                      <!-- margin -->
                      <tr>
                        <td align="center" height="20" width="1" style="font-size: 1px; line-height: 20px; height:20px;">
                          &nbsp; </td>
                      </tr>
                      <!-- margin -->
                      <!--  add logo  -->
                      <tr>
                        <td align="center">
                          <img mc:edit="" editable="" label="blg-2-image-1" class="logo-width" src="http://files.snacktools.net.s3.amazonaws.com/snacktools/site/blog/Bannersnack/Newsletter/bannersnack-logo-dark-transparent-footer.png" width="120" alt="Flipsnack" data-crop="false" style="display:block; vertical-align:top;">
                        </td>
                      </tr>
                      <!-- end logo-->
                      <!-- margin -->
                      <tr>
                        <td align="center" height="20" width="1" style="font-size: 1px; line-height: 20px; height:20px;">
                          &nbsp; </td>
                      </tr>
                      <!-- margin -->
                      <!-- icons -->
                      <tr>
                        <td align="center">
                          <table style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;border: 0px;" align="center" border="0" cellpadding="0" cellspacing="0" width="auto">
                            <tr>

                              <th>
                                <a href="https://www.facebook.com/bannersnack/">
                                  <img mc:edit="" editable="" label="footer-3-face-1" src="http://files.snacktools.net.s3.amazonaws.com/snacktools/site/blog/flipsnack/Newsletter/July%20Newsletter/nl-foote-social-facebook-icon.png" width="24" alt="#" data-crop="false" style="display:block; vertical-align:middle;">
                                </a>
                              </th>
                              <!-- margin -->
                              <td align="center" height="1" width="10" style="font-size: 1px; line-height: 1px; width:10px;">
                              </td>
                              <!-- margin -->
                              <th>
                                <a href="https://www.instagram.com/bannersnack/">
                                  <img mc:edit="" editable="" label="footer-3-in-1" src="http://files.snacktools.net.s3.amazonaws.com/snacktools/site/blog/flipsnack/Newsletter/July%20Newsletter/nl-foote-social-instagram-icon.png" width="24" alt="#" data-crop="false" style="display:block; vertical-align:middle;">
                                </a>
                              </th>
                              <!-- margin -->
                              <td align="center" height="1" width="10" style="font-size: 1px; line-height: 1px; width:10px;">
                              </td>
                              <!-- margin -->
                              <th>
                                <a href="https://twitter.com/bannersnack">
                                  <img mc:edit="" editable="" label="footer-3-p-1" src="http://files.snacktools.net.s3.amazonaws.com/snacktools/site/blog/flipsnack/Newsletter/July%20Newsletter/nl-foote-social-twitter-icon.png" width="24" alt="#" data-crop="false" style="display:block; vertical-align:middle;">
                                </a>
                              </th>
                              <!-- margin -->
                              <td align="center" height="1" width="10" style="font-size: 1px; line-height: 1px; width:10px;">
                              </td>
                              <!-- margin -->
                              <th>
                                <a href="https://www.youtube.com/bannersnack">
                                  <img mc:edit="" editable="" label="footer-3-ins-1" src="http://files.snacktools.net.s3.amazonaws.com/snacktools/site/blog/Bannersnack/Newsletter/nl-footer-social-youtube-icon.png" width="24" alt="#" data-crop="false" style="display:block; vertical-align:middle;">
                                </a>
                              </th>
                              <!-- margin -->
                              <td align="center" height="1" width="10" style="font-size: 1px; line-height: 1px; width:10px;">
                              </td>
                              <!-- margin -->
                              <th>
                                <a href="https://www.linkedin.com/company/bannersnack">
                                  <img mc:edit="" editable="" label="footer-3-vim-1" src="http://files.snacktools.net.s3.amazonaws.com/snacktools/site/blog/flipsnack/Newsletter/July%20Newsletter/nl-foote-social-linkedin-icon.png" width="24" alt="#" data-crop="false" style="display:block; vertical-align:middle;">
                                </a>
                              </th>
                            </tr>
                          </table>
                        </td>
                      </tr>
                      <!-- icons -->

                      <!-- margin -->
                      <tr>
                        <td align="center" height="15" width="1" style="font-size: 1px; line-height: 15px; height:15px;">
                          &nbsp; </td>
                      </tr>
                      <!-- margin -->

                      <!-- address begin -->
                      <tr>
                        <td style="vertical-align:top; text-align:center; font-family: Roboto, sans-serif; font-size:13px; line-height: 20px; text-decoration: none; color: #343a40; font-weight: 400;" data-size="footer-4-rights-size" data-min="9" data-max="40" data-color="footer-4-rights-color"
                          mc:edit="footer-4-rights-1.1">
                          <multiline>
                            156 2nd Street, San Francisco,CA 94105 USA <br> (001) 650-741-1328 (for non-technical questions)</multiline>
                        </td>
                      </tr>
                      <!-- address end -->

                      <!-- margin -->
                      <tr>
                        <td align="center" height="15" width="1" style="font-size: 1px; line-height: 15px; height:15px;">
                          &nbsp; </td>
                      </tr>
                      <!-- margin -->

                      <!-- margin -->
                      <tr>
                        <td align="center" height="15" width="1" style="font-size: 1px; line-height: 15px; height:15px;">
                          &nbsp; </td>
                      </tr>
                      <!-- margin -->
                      <!-- rights -->
                      <tr>
                        <td style="vertical-align:top; text-align:center; font-family: Roboto, sans-serif; font-size:13px; line-height: 20px; text-decoration: none; color: #343a40; font-weight: 400;" data-size="footer-4-rights-size" data-min="9" data-max="40" data-color="footer-4-rights-color"
                          mc:edit="footer-4-rights-1.1">
                          <multiline>
                            You've received this email beacause you've signed up with Bannersnack.</multiline>
                        </td>
                      </tr>
                      <!-- rights -->
                      <!-- margin -->
                      <tr>
                        <td align="center" height="15" width="1" style="font-size: 1px; line-height: 15px; height:15px;">
                          &nbsp; </td>
                      </tr>
                      <!-- margin -->
                      <!-- unsub -->
                      <tr>
                        <td style="vertical-align:top; text-align:center; font-family: Roboto, sans-serif; font-size:13px; line-height: 13px; text-decoration: none; color: #343a40; font-weight: 400;">
                          <unsubscribe style="vertical-align:top; text-align:center; font-family: Roboto, sans-serif; font-size:13px; line-height: 13px; text-decoration: none; color: #343a40; font-weight: 400;">
                            <a href="{{ unsubscribe_url }}">Unsubscribe</a> </unsubscribe>
                        </td>
                      </tr>
                      <!-- unsub -->
                      <!-- margin -->
                      <tr>
                        <td align="center" height="44" width="1" style="font-size: 1px; line-height: 44px; height:44px;">
                          &nbsp; </td>
                      </tr>
                      <!-- margin -->
                    </table>
                  </td>
                </tr>
              </table>
            </td>
          </tr>
        </table>
      </td>
    </tr>
    <!--[if (gte mso 9)|(IE)]>
 		</td>
 	</tr>
 </table>
 <![endif]-->
  </table>
  <!-- end footer section -->
</body>

</html>

/*Downloaded from https://www.codeseek.co/pupex_calin/sept-bannersnack-newsletter-ZJVaZN */
    


/*Downloaded from https://www.codeseek.co/pupex_calin/sept-bannersnack-newsletter-ZJVaZN */
    

Comments