<!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 /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;">
</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;">
</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;">
</td>
</tr>
<!-- margin -->
<!-- margin -->
<tr>
<td align="center" height="30" width="1" style="font-size: 1px; line-height: 30px; height:30px;">
</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;">
</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;">
</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;">
</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;">
</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;">
</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;">
</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;">
</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;">
</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;">
</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;">
</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;">
</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;">
</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;">
</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;">
</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;">
</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;">
</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;">
</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;">
</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;">
</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;">
</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;">
</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;">
</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;">
</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;">
</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;">
</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;">
</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;">
</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;">
</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;">
</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;">
</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;">
</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>
● 226 Instagram Ad Examples from some of the most reputable brands<br>
● 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 »</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;">
</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;">
</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;">
</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;">
</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;">
</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;">
</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;">
</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;">
</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;">
</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;">
</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;">
</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;">
</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;">
</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;">
</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;">
</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;">
</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;">
</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;">
</td>
</tr>
<!-- margin -->
<!-- margin -->
<tr>
<td align="center" height="23" width="1" style="font-size: 1px; line-height: 23px; height:23px;">
</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;">
</td>
</tr>
<!-- end margin -->
<!-- margin -->
<tr>
<td align="center" height="40" width="1" style="font-size: 1px; line-height: 40px; height:40px;">
</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;">
</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;">
</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;">
</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;">
</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;">
</td>
</tr>
<!-- margin -->
<!-- margin -->
<tr>
<td align="center" height="15" width="1" style="font-size: 1px; line-height: 15px; height:15px;">
</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;">
</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;">
</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>
Bootstrap
Angular
ReactJS
jQuery
VueJS
HTML
CSS
JavaScript
Google Font API
