Skip to content

Instantly share code, notes, and snippets.

@cjmosure

cjmosure/email.html

Created April 3, 2017 23:55
Show Gist options
  • Save cjmosure/2bf42b2b539e1245a5fc5631b77ee160 to your computer and use it in GitHub Desktop.
Save cjmosure/2bf42b2b539e1245a5fc5631b77ee160 to your computer and use it in GitHub Desktop.
Download ZIP
international top five april
Raw
email.html
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:cctd="http://www.constantcontact.com/cctd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>The International Top Five</title>
<style type="text/css">
/* /\/\/\/\/\/\/\/\/ CLIENT-SPECIFIC STYLES /\/\/\/\/\/\/\/\/ */
#outlook a{padding:0;} /* Force Outlook to provide a "view in browser" message */
.ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* Force Hotmail to display emails at full width */
.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} /* Force Hotmail to display normal line spacing */
body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} /* Prevent WebKit and Windows mobile changing default text sizes */
table, td{mso-table-lspace:0pt; mso-table-rspace:0pt;} /* Remove spacing between tables in Outlook 2007 and up */
img{-ms-interpolation-mode:bicubic;} /* Allow smoother rendering of resized image in Internet Explorer */
/* /\/\/\/\/\/\/\/\/ RESET STYLES /\/\/\/\/\/\/\/\/ */
body{margin:0; padding:0;}
img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;}
table{border-collapse:collapse !important;}
body, #bodyTable, #bodyCell{height:100% !important; margin:0; padding:0; width:100% !important;}
/* /\/\/\/\/\/\/\/\/ TEMPLATE STYLES /\/\/\/\/\/\/\/\/ */
/* ========== Page Styles ========== */
#bodyCell{padding:20px;}
#templateContainer{width:600px;}
/**
* @tab Page
* @section background style
* @tip Set the background color and top border for your email. You may want to choose colors that match your company's branding.
* @theme page
*/
body, #bodyTable{
/*@editable*/ background-color:#f7f7f7;
}
/**
* @tab Page
* @section background style
* @tip Set the background color and top border for your email. You may want to choose colors that match your company's branding.
* @theme page
*/
#bodyCell{
/*@editable*/ border-top:4px solid #f7f7f7;
}
/**
* @tab Page
* @section email border
* @tip Set the border for your email.
*/
#templateContainer{
/*@editable*/ border:none;
}
/**
* @tab Page
* @section heading 1
* @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings.
* @style heading 1
*/
h1{
/*@editable*/ color:#202020 !important;
display:block;
/*@editable*/ font-family:"Helvetica Neue", Helvetica;
/*@editable*/ font-size:24px;
/*@editable*/ font-style:normal;
/*@editable*/ font-weight:bold;
/*@editable*/ line-height:100%;
/*@editable*/ letter-spacing:normal;
margin-top:0;
margin-right:0;
margin-bottom:10px;
margin-left:0;
/*@editable*/ text-align:center;
}
/**
* @tab Page
* @section heading 2
* @tip Set the styling for all second-level headings in your emails.
* @style heading 2
*/
h2{
/*@editable*/ color:#404040 !important;
display:block;
/*@editable*/ font-family:"Helvetica Neue", Helvetica;
/*@editable*/ font-size:20px;
/*@editable*/ font-style:normal;
/*@editable*/ font-weight:bold;
/*@editable*/ line-height:100%;
/*@editable*/ letter-spacing:normal;
margin-top:0;
margin-right:0;
margin-bottom:10px;
margin-left:0;
/*@editable*/ text-align:left;
}
/**
* @tab Page
* @section heading 3
* @tip Set the styling for all third-level headings in your emails.
* @style heading 3
*/
h3{
/*@editable*/ color:#404040 !important;
display:block;
/*@editable*/ font-family:"Helvetica Neue", Helvetica;
/*@editable*/ font-size:20px;
/*@editable*/ font-weight:normal;
/*@editable*/ line-height:120%;
/*@editable*/ letter-spacing:normal;
margin-top:0;
margin-right:0;
margin-bottom:10px;
margin-left:0;
/*@editable*/ text-align:left;
}
/**
* @tab Page
* @section heading 4
* @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings.
* @style heading 4
*/
h4{
/*@editable*/ color:#404040 !important;
display:block;
/*@editable*/ font-family:"Helvetica Neue", Helvetica;
/*@editable*/ font-size:14px;
/*@editable*/ font-weight:bold;
/*@editable*/ line-height:100%;
/*@editable*/ letter-spacing:normal;
margin-top:0;
margin-right:0;
margin-bottom:10px;
margin-left:0;
/*@editable*/ text-align:left;
}
/* ========== Header Styles ========== */
/**
* @tab Header
* @section preheader style
* @tip Set the background color and bottom border for your email's preheader area.
* @theme header
*/
#templatePreheader{
}
/**
* @tab Header
* @section preheader text
* @tip Set the styling for your email's preheader text. Choose a size and color that is easy to read.
*/
.preheaderContent{
/*@editable*/ color:#808080;
/*@editable*/ font-family:"Helvetica Neue", Helvetica;
/*@editable*/ font-size:10px;
/*@editable*/ line-height:125%;
/*@editable*/ text-align:left;
}
/**
* @tab Header
* @section preheader link
* @tip Set the styling for your email's preheader links. Choose a color that helps them stand out from your text.
*/
.preheaderContent a:link, .preheaderContent a:visited, /* Yahoo! Mail Override */ .preheaderContent a .yshortcuts /* Yahoo! Mail Override */{
/*@editable*/ color:#606060;
/*@editable*/ font-weight:normal;
/*@editable*/ text-decoration:underline;
}
/**
* @tab Header
* @section header style
* @tip Set the background color and borders for your email's header area.
* @theme header
*/
#templateHeader{
}
/**
* @tab Header
* @section header text
* @tip Set the styling for your email's header text. Choose a size and color that is easy to read.
*/
.headerContent{
/*@editable*/ color:#404040;
/*@editable*/ font-family:"Helvetica Neue", Helvetica;
/*@editable*/ font-size:20px;
/*@editable*/ font-weight:bold;
/*@editable*/ line-height:100%;
/*@editable*/ padding-top:0;
/*@editable*/ padding-right:0;
/*@editable*/ padding-bottom:0;
/*@editable*/ padding-left:0;
/*@editable*/ text-align:left;
/*@editable*/ vertical-align:middle;
}
/**
* @tab Header
* @section header link
* @tip Set the styling for your email's header links. Choose a color that helps them stand out from your text.
*/
.headerContent a:link, .headerContent a:visited, /* Yahoo! Mail Override */ .headerContent a .yshortcuts /* Yahoo! Mail Override */{
/*@editable*/ color:#00aca1;
/*@editable*/ font-weight:normal;
/*@editable*/ text-decoration:underline;
}
#headerImage{
height:auto;
max-width:600px;
}
/* ========== Body Styles ========== */
/**
* @tab Body
* @section body style
* @tip Set the background color and borders for your email's body area.
*/
#templateBody{
/*@editable*/ background-color:#ffffff;
}
/**
* @tab Body
* @section body text
* @tip Set the styling for your email's main content text. Choose a size and color that is easy to read.
* @theme main
*/
.bodyContent{
/*@editable*/ color:#404040;
/*@editable*/ font-family:"Helvetica Neue", Helvetica;
/*@editable*/ font-size:16px;
/*@editable*/ line-height:150%;
padding-top:20px;
padding-right:20px;
padding-bottom:20px;
padding-left:20px;
/*@editable*/ text-align:left;
}
/**
* @tab Body
* @section body link
* @tip Set the styling for your email's main content links. Choose a color that helps them stand out from your text.
*/
.bodyContent a:link, .bodyContent a:visited, /* Yahoo! Mail Override */ .bodyContent a .yshortcuts /* Yahoo! Mail Override */{
/*@editable*/ color:#00aca1;
/*@editable*/ font-weight:normal;
/*@editable*/ text-decoration:underline;
}
.bodyContent img{
display:inline;
height:auto;
max-width:560px;
}
/**
* @tab Body
* @section articles
*/
.article {
}
.article p {
margin-top: 0;
margin-bottom:10px;
margin-right:0;
margin-left: 0;
padding:0;
font-weight:300;
}
/* ========== Footer Styles ========== */
/**
* @tab Footer
* @section footer style
* @tip Set the background color and borders for your email's footer area.
* @theme footer
*/
#templateFooter{
}
/**
* @tab Footer
* @section footer text
* @tip Set the styling for your email's footer text. Choose a size and color that is easy to read.
* @theme footer
*/
.footerContent{
/*@editable*/ color:#808080;
/*@editable*/ font-family:"Helvetica Neue", Helvetica;
/*@editable*/ font-size:10px;
/*@editable*/ line-height:150%;
padding-top:20px;
padding-right:20px;
padding-bottom:20px;
padding-left:20px;
/*@editable*/ text-align:center;
}
/**
* @tab Footer
* @section footer link
* @tip Set the styling for your email's footer links. Choose a color that helps them stand out from your text.
*/
.footerContent a:link, .footerContent a:visited, /* Yahoo! Mail Override */ .footerContent a .yshortcuts, .footerContent a span /* Yahoo! Mail Override */{
/*@editable*/ color:#00aca1;
/*@editable*/ font-weight:normal;
/*@editable*/ text-decoration:underline;
}
</style>
</head>
<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;margin: 0;padding: 0;background-color: #f7f7f7;height: 100% !important;width: 100% !important;">
<copyright>Copyright (c) 1996-2016 Constant Contact. All rights reserved. Except as permitted under a separate
written agreement with Constant Contact, neither the Constant Contact software, nor any content that appears on any Constant Contact site,
including but not limited to, web pages, newsletters, or templates may be reproduced, republished, repurposed, or distributed without the
prior written permission of Constant Contact. For inquiries regarding reproduction or distribution of any Constant Contact material, please
contact legal@constantcontact.com.</copyright>
<opentracking></opentracking>
<center>
<table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="bodyTable" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;margin: 0;padding: 0;background-color: #f7f7f7;border-collapse: collapse !important;height: 100% !important;width: 100% !important;">
<tr>
<td align="center" valign="top" id="bodyCell" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;margin: 0;padding: 20px;border-top: 4px solid #f7f7f7;height: 100% !important;width: 100% !important;">
<!-- BEGIN TEMPLATE // -->
<table border="0" cellpadding="0" cellspacing="0" id="templateContainer" width="600px" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;width: 600px;border: none;border-collapse: collapse !important;">
<tr>
<td align="center" valign="top" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
<!-- BEGIN PREHEADER // -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="templatePreheader" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;">
<tr>
<td valign="top" class="preheaderContent" style="padding-top: 10px;padding-bottom: 20px;text-align: left;left: ;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;color: #808080;font-family: &quot;Helvetica Neue&quot;, Helvetica;font-size: 10px;line-height: 125%;" align="left">
<a href="http://www.ccwa.org/" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;color: #606060;font-weight: normal;text-decoration: underline;"><img src="https://gallery.mailchimp.com/5b8954d4b0b860300ed11e164/images/971716d6-7d4c-4ce8-b115-14075353bfd0.png" alt="Cleveland Council on World Affairs" style="-ms-interpolation-mode: bicubic;border: 0;height: auto;line-height: 100%;outline: none;text-decoration: none;"></a>
</td>
<!-- *|IFNOT:ARCHIVE_PAGE|* -->
<td valign="top" width="50%" class="preheaderContent" style="padding-top: 10px;padding-bottom: 20px;text-align: right;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;color: #808080;font-family: &quot;Helvetica Neue&quot;, Helvetica;font-size: 10px;line-height: 125%;" align="right">
<a href="http://globalcleveland.org" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;color: #606060;font-weight: normal;text-decoration: underline;"><img src="https://gallery.mailchimp.com/5b8954d4b0b860300ed11e164/images/24cda936-7549-4abb-9c27-09ae202e37f0.png" alt="Global Cleveland" style="-ms-interpolation-mode: bicubic;border: 0;height: auto;line-height: 100%;outline: none;text-decoration: none;"></a>
</td>
<!-- *|END:IF|* -->
</tr>
</table>
<!-- // END PREHEADER -->
</td>
</tr>
<tr>
<td align="center" valign="top" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
<!-- BEGIN BODY // -->
<table border="0" cellpadding="0" cellspacing="0" width="600px" id="templateBody" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;background-color: #ffffff;border-collapse: collapse !important;">
<tr>
<td valign="top" class="bodyContent" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;color: #404040;font-family: &quot;Helvetica Neue&quot;, Helvetica;font-size: 16px;line-height: 150%;padding-top: 20px;padding-right: 20px;padding-bottom: 20px;padding-left: 20px;text-align: left;">
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;">
<tr>
<td height="40" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"></td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
<h1 style="display: block;font-family: &quot;Helvetica Neue&quot;, Helvetica;font-size: 24px;font-style: normal;font-weight: bold;line-height: 100%;letter-spacing: normal;margin-top: 0;margin-right: 0;margin-bottom: 10px;margin-left: 0;text-align: center;color: #202020 !important;">The International Top Five</h1>
</td>
</tr>
<tr>
<td height="10" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"></td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
<table border="0" width="100%" cellpadding="0" cellspacing="0" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;"><tr><td width="25%" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">&nbsp;</td><td width="50%" style="background: none;border-bottom: 2px solid #eaeaea;height: 2px;width: 50%;margin: 0px 0px 0px 0px;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">&nbsp;</td><td width="25%" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">&nbsp;</td></tr></table>
</td>
</tr>
<tr>
<td height="40" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"></td>
</tr>
</table>
<table id="article1" class="article" border="0" cellpadding="0" cellspacing="0" width="100%" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;">
<tr>
<td valign="top" width="125" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
<a href="https://www.pri.org/stories/2017-03-20/bostons-public-schools-have-adopted-new-more-accurate-world-map" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;color: #00aca1;font-weight: normal;text-decoration: underline;"><img src="https://gallery.mailchimp.com/5b8954d4b0b860300ed11e164/images/ec74b3f0-b0c7-4a9b-aa81-342e12ea41fd.png" width="125px" height="125px" alt="" style="-ms-interpolation-mode: bicubic;border: 0;height: auto;line-height: 100%;outline: none;text-decoration: none;display: inline;max-width: 560px;"></a>
</td>
<td width="20" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
<p style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;margin-top: 0;margin-bottom: 10px;margin-right: 0;margin-left: 0;padding: 0;font-weight: 300;">&nbsp;</p>
</td>
<td valign="top" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
<h3 style="display: block;font-family: &quot;Helvetica Neue&quot;, Helvetica;font-size: 20px;font-weight: normal;line-height: 120%;letter-spacing: normal;margin-top: 0;margin-right: 0;margin-bottom: 10px;margin-left: 0;text-align: left;color: #404040 !important;"><a href="https://www.pri.org/stories/2017-03-20/bostons-public-schools-have-adopted-new-more-accurate-world-map" style="text-decoration: none;color: #404040;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;font-weight: normal;">Boston Public Schools Adopt New World Map</a></h3>
<p style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;margin-top: 0;margin-bottom: 10px;margin-right: 0;margin-left: 0;padding: 0;font-weight: 300;">There's nothing like a map to help explain the world. But some maps do a better job of it than others.</p>
<p style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;margin-top: 0;margin-bottom: 10px;margin-right: 0;margin-left: 0;padding: 0;font-weight: 300;"><a href="https://www.pri.org/stories/2017-03-20/bostons-public-schools-have-adopted-new-more-accurate-world-map" style="color: #00aca1;text-decoration: none;text-transform: uppercase;font-weight: 300;font-size: 12px;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;">Read More...</a></p>
</td>
</tr>
</table>
<table height="30" border="0" cellpadding="0" cellspacing="0" width="100%" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;"><tr><td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">&nbsp;</td></tr></table>
<table id="article1" class="article" border="0" cellpadding="0" cellspacing="0" width="100%" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;">
<tr>
<td valign="top" width="125" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
<a href="https://www.irinnews.org/special-report/2017/03/01/yemenis-fight-survival-famine-looms" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;color: #00aca1;font-weight: normal;text-decoration: underline;"><img src="https://gallery.mailchimp.com/5b8954d4b0b860300ed11e164/images/a238de44-391d-4bac-b9ba-94a67325db76.png" width="125px" height="125px" alt="" style="-ms-interpolation-mode: bicubic;border: 0;height: auto;line-height: 100%;outline: none;text-decoration: none;display: inline;max-width: 560px;"></a>
</td>
<td width="20" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
<p style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;margin-top: 0;margin-bottom: 10px;margin-right: 0;margin-left: 0;padding: 0;font-weight: 300;">&nbsp;</p>
</td>
<td valign="top" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
<h3 style="display: block;font-family: &quot;Helvetica Neue&quot;, Helvetica;font-size: 20px;font-weight: normal;line-height: 120%;letter-spacing: normal;margin-top: 0;margin-right: 0;margin-bottom: 10px;margin-left: 0;text-align: left;color: #404040 !important;"><a href="https://www.irinnews.org/special-report/2017/03/01/yemenis-fight-survival-famine-looms" style="text-decoration: none;color: #404040;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;font-weight: normal;">Crisis in Yemen</a></h3>
<p style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;margin-top: 0;margin-bottom: 10px;margin-right: 0;margin-left: 0;padding: 0;font-weight: 300;">Heading into it’s third year of conflict, Yemen is on the verge of famine as unending hostilities drag on.</p>
<p style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;margin-top: 0;margin-bottom: 10px;margin-right: 0;margin-left: 0;padding: 0;font-weight: 300;"><a href="https://www.irinnews.org/special-report/2017/03/01/yemenis-fight-survival-famine-looms" style="color: #00aca1;text-decoration: none;text-transform: uppercase;font-weight: 300;font-size: 12px;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;">Read More...</a></p>
</td>
</tr>
</table>
<table height="30" border="0" cellpadding="0" cellspacing="0" width="100%" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;"><tr><td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">&nbsp;</td></tr></table>
<table id="article1" class="article" border="0" cellpadding="0" cellspacing="0" width="100%" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;">
<tr>
<td valign="top" width="125" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
<a href="http://www.unhcr.org/en-us/news/stories/2017/3/58c283da4/innovation-transforms-education-refugee-students-africa.html" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;color: #00aca1;font-weight: normal;text-decoration: underline;"><img src="https://gallery.mailchimp.com/5b8954d4b0b860300ed11e164/images/c3e31dc1-fd16-465d-90b1-4b4f0711d5df.png" width="125px" height="125px" alt="" style="-ms-interpolation-mode: bicubic;border: 0;height: auto;line-height: 100%;outline: none;text-decoration: none;display: inline;max-width: 560px;"></a>
</td>
<td width="20" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
<p style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;margin-top: 0;margin-bottom: 10px;margin-right: 0;margin-left: 0;padding: 0;font-weight: 300;">&nbsp;</p>
</td>
<td valign="top" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
<h3 style="display: block;font-family: &quot;Helvetica Neue&quot;, Helvetica;font-size: 20px;font-weight: normal;line-height: 120%;letter-spacing: normal;margin-top: 0;margin-right: 0;margin-bottom: 10px;margin-left: 0;text-align: left;color: #404040 !important;"><a href="http://www.unhcr.org/en-us/news/stories/2017/3/58c283da4/innovation-transforms-education-refugee-students-africa.html" style="text-decoration: none;color: #404040;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;font-weight: normal;">Innovation transforms education for refugee students in Africa</a></h3>
<p style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;margin-top: 0;margin-bottom: 10px;margin-right: 0;margin-left: 0;padding: 0;font-weight: 300;">New technology and mobile networks are bringing the latest in online education to students in refugee camps in Africa, and it’s firing up their interest in learning.</p>
<p style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;margin-top: 0;margin-bottom: 10px;margin-right: 0;margin-left: 0;padding: 0;font-weight: 300;"><a href="http://www.unhcr.org/en-us/news/stories/2017/3/58c283da4/innovation-transforms-education-refugee-students-africa.html" style="color: #00aca1;text-decoration: none;text-transform: uppercase;font-weight: 300;font-size: 12px;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;">Read More...</a></p>
</td>
</tr>
</table>
<table height="30" border="0" cellpadding="0" cellspacing="0" width="100%" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;"><tr><td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">&nbsp;</td></tr></table>
<table id="article1" class="article" border="0" cellpadding="0" cellspacing="0" width="100%" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;">
<tr>
<td valign="top" width="125" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
<a href="https://www.bloomberg.com/news/articles/2017-03-26/rich-chinese-race-to-fund-kushner-tower-other-high-end-projects" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;color: #00aca1;font-weight: normal;text-decoration: underline;"><img src="https://gallery.mailchimp.com/5b8954d4b0b860300ed11e164/images/1b4845aa-2f25-45b7-9e78-3dd60ae1751c.png" width="125px" height="125px" alt="" style="-ms-interpolation-mode: bicubic;border: 0;height: auto;line-height: 100%;outline: none;text-decoration: none;display: inline;max-width: 560px;"></a>
</td>
<td width="20" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
<p style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;margin-top: 0;margin-bottom: 10px;margin-right: 0;margin-left: 0;padding: 0;font-weight: 300;">&nbsp;</p>
</td>
<td valign="top" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
<h3 style="display: block;font-family: &quot;Helvetica Neue&quot;, Helvetica;font-size: 20px;font-weight: normal;line-height: 120%;letter-spacing: normal;margin-top: 0;margin-right: 0;margin-bottom: 10px;margin-left: 0;text-align: left;color: #404040 !important;"><a href="https://www.bloomberg.com/news/articles/2017-03-26/rich-chinese-race-to-fund-kushner-tower-other-high-end-projects" style="text-decoration: none;color: #404040;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;font-weight: normal;">Rich Chinese Race to Apply for a U.S. Golden Visa</a></h3>
<p style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;margin-top: 0;margin-bottom: 10px;margin-right: 0;margin-left: 0;padding: 0;font-weight: 300;">EB-5 started decades ago as a way to create jobs in needy U.S. neighborhoods by attracting foreign investment. But it has run into political opposition amid charges the program is benefiting billionaire Chinese developers.</p>
<p style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;margin-top: 0;margin-bottom: 10px;margin-right: 0;margin-left: 0;padding: 0;font-weight: 300;"><a href="https://www.bloomberg.com/news/articles/2017-03-26/rich-chinese-race-to-fund-kushner-tower-other-high-end-projects" style="color: #00aca1;text-decoration: none;text-transform: uppercase;font-weight: 300;font-size: 12px;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;">Read More...</a></p>
</td>
</tr>
</table>
<table height="30" border="0" cellpadding="0" cellspacing="0" width="100%" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;"><tr><td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">&nbsp;</td></tr></table>
<table id="article1" class="article" border="0" cellpadding="0" cellspacing="0" width="100%" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;">
<tr>
<td valign="top" width="125" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
<a href="https://www.clevelandfilm.org/" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;color: #00aca1;font-weight: normal;text-decoration: underline;"><img src="https://gallery.mailchimp.com/5b8954d4b0b860300ed11e164/images/065d2e71-699d-4a3a-91a4-6d3238f23700.png" width="125px" height="125px" alt="" style="-ms-interpolation-mode: bicubic;border: 0;height: auto;line-height: 100%;outline: none;text-decoration: none;display: inline;max-width: 560px;"></a>
</td>
<td width="20" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
<p style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;margin-top: 0;margin-bottom: 10px;margin-right: 0;margin-left: 0;padding: 0;font-weight: 300;">&nbsp;</p>
</td>
<td valign="top" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
<h3 style="display: block;font-family: &quot;Helvetica Neue&quot;, Helvetica;font-size: 20px;font-weight: normal;line-height: 120%;letter-spacing: normal;margin-top: 0;margin-right: 0;margin-bottom: 10px;margin-left: 0;text-align: left;color: #404040 !important;"><a href="https://www.clevelandfilm.org/" style="text-decoration: none;color: #404040;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;font-weight: normal;">Cleveland International Film Festival</a></h3>
<p style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;margin-top: 0;margin-bottom: 10px;margin-right: 0;margin-left: 0;padding: 0;font-weight: 300;">With over 500 screenings, the Cleveland International Film Festival provides the Cleveland the community the opportunity to come together to celebrate artistically and culturally significant films from around the world.</p>
<p style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;margin-top: 0;margin-bottom: 10px;margin-right: 0;margin-left: 0;padding: 0;font-weight: 300;"><a href="https://www.clevelandfilm.org/" style="color: #00aca1;text-decoration: none;text-transform: uppercase;font-weight: 300;font-size: 12px;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;">Read More...</a></p>
</td>
</tr>
</table>
<table border="0" width="100%" cellpadding="0" cellspacing="0" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;"><tr><td height="30" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">&nbsp;</td></tr><tr><td width="25%" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">&nbsp;</td><td width="50%" style="background: none;border-bottom: 2px solid #eaeaea;height: 2px;width: 50%;margin: 0px 0px 0px 0px;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">&nbsp;</td><td width="25%" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">&nbsp;</td></tr><tr><td height="40" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">&nbsp;</td></tr></table>
<table border="0" cellpadding="20" cellspacing="0" width="100%" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;">
<tr>
<td width="50%" valign="top" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
<h4 style="text-align: center;display: block;font-family: &quot;Helvetica Neue&quot;, Helvetica;font-size: 14px;font-weight: bold;line-height: 100%;letter-spacing: normal;margin-top: 0;margin-right: 0;margin-bottom: 10px;margin-left: 0;color: #404040 !important;">Cleveland Council of World Affairs</h4>
<p style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;text-align: center;font-weight: 300;font-size: 14px;line-height: 130%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;">CCWA’s mission is to inspire engagement in international affairs through education, citizen diplomacy and public dialogue.</p>
<p style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;text-align: center;font-weight: 300;font-size: 14px;margin: 0px;padding: 0px;line-height: 130%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;"><a href="https://visitor.r20.constantcontact.com/manage/optin/ea?v=001_8_suNgqQhF8igosAH5PqQbQUogupNqGPdl2FKZ9jD6318Y1pxkrPgABahkonY9u-AW-sWnsLe0%3D" style="color: #00aca1;text-decoration: none;text-transform: uppercase;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;font-weight: normal;">Subscribe</a></p>
</td>
<td width="50%" valign="top" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
<h4 style="text-align: center;display: block;font-family: &quot;Helvetica Neue&quot;, Helvetica;font-size: 14px;font-weight: bold;line-height: 100%;letter-spacing: normal;margin-top: 0;margin-right: 0;margin-bottom: 10px;margin-left: 0;color: #404040 !important;">Global Cleveland</h4>
<p style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;text-align: center;font-weight: 300;font-size: 14px;line-height: 130%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;">Global Cleveland attracts, welcomes and connects international newcomers to economic and social opportunities in Cleveland and Cuyahoga County.</p>
<p style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;text-align: center;font-weight: 300;font-size: 14px;margin: 0px;padding: 0px;line-height: 130%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;"><a href="http://globalcleveland.org/newsletter" style="color: #00aca1;text-decoration: none;text-transform: uppercase;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;font-weight: normal;">Subscribe</a></p>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- // END BODY -->
</td>
</tr>
<tr>
<td align="center" valign="top" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
<!-- BEGIN FOOTER // -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateFooter" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;">
<tr>
<td valign="top" class="footerContent" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;color: #808080;font-family: &quot;Helvetica Neue&quot;, Helvetica;font-size: 10px;line-height: 150%;padding-top: 20px;padding-right: 20px;padding-bottom: 20px;padding-left: 20px;text-align: center;">
<p style="font-weight: 300;font-size: 18px;line-height: 140%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;">The International Top Five is a partnership between the <a href="http://www.ccwa.org/" style="color: #00aca1;text-decoration: none;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;font-weight: normal;">Cleveland Council on World Affairs</a> & <a href="http://www.globalcleveland.org/" style="color: #00aca1;text-decoration: none;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;font-weight: normal;">Global Cleveland</a>.</p>
</td>
</tr>
</table>
<!-- // END FOOTER -->
</td>
</tr>
</table>
<!-- // END TEMPLATE -->
</td>
</tr>
</table>
</center>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment