Skip to content

Instantly share code, notes, and snippets.

@cjmosure

cjmosure/international-top-five.html

Created January 10, 2017 16:05
Show Gist options
  • Save cjmosure/2322c0c2d3495bade7f305bdc9133347 to your computer and use it in GitHub Desktop.
Save cjmosure/2322c0c2d3495bade7f305bdc9133347 to your computer and use it in GitHub Desktop.
Download ZIP
international top five
Raw
international-top-five.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 [email protected].</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" mc:edit="body_content00" 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, Arial, sans-serif;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, Arial, sans-serif;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" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
<a href="http://www.cfr.org/campaign2016/" 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/781c7114-c669-4995-9114-b4b4bc24efc6.jpg" 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: 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, Arial, sans-serif;font-size: 20px;font-weight: normal;line-height: 120%;letter-spacing: normal;margin-top: 0;margin-right: 0;margin-bottom: 0;margin-left: 0;text-align: left;color: #404040 !important;"><a href="http://www.cfr.org/campaign2016/" style="text-decoration: none;color: #404040;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;font-weight: normal;">Transition 2017</a></h3>
<p style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;margin: 0;padding: 0;font-weight: 300;">With Trump’s inauguration 11 days away, see which direction our next Commander and Chief will lead us in foreign policy.
</p>
<p style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;margin: 0;padding: 0;font-weight: 300;"><a href="http://www.cfr.org/campaign2016/" 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" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
<a href="https://www.brookings.edu/blog/fixgov/2016/12/30/president-obamas-legislative-legacy-and-what-it-means-for-the-next-administration/" 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/17fd8835-bbc5-4ab4-930f-4f4a1bc884e1.jpg" 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: 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, Arial, sans-serif;font-size: 20px;font-weight: normal;line-height: 120%;letter-spacing: normal;margin-top: 0;margin-right: 0;margin-bottom: 0;margin-left: 0;text-align: left;color: #404040 !important;"><a href="https://www.brookings.edu/blog/fixgov/2016/12/30/president-obamas-legislative-legacy-and-what-it-means-for-the-next-administration/" style="text-decoration: none;color: #404040;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;font-weight: normal;">President Obama’s Legacy</a></h3>
<p style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;margin: 0;padding: 0;font-weight: 300;">As President Barack Obama prepares to leave the White House after eight years, what lessons should we take away from his experience working with Congress?</p>
<p style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;margin: 0;padding: 0;font-weight: 300;"><a href="https://www.brookings.edu/blog/fixgov/2016/12/30/president-obamas-legislative-legacy-and-what-it-means-for-the-next-administration/" 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" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
<a href="http://www.nytimes.com/interactive/2016/world/europe/europe-far-right-political-parties-listy.html?_r=1" 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/c48234c7-85b2-4bd7-a61d-1b0fa8e3c8af.jpg" 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: 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, Arial, sans-serif;font-size: 20px;font-weight: normal;line-height: 120%;letter-spacing: normal;margin-top: 0;margin-right: 0;margin-bottom: 0;margin-left: 0;text-align: left;color: #404040 !important;"><a href="http://www.nytimes.com/interactive/2016/world/europe/europe-far-right-political-parties-listy.html?_r=1" style="text-decoration: none;color: #404040;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;font-weight: normal;">Europe’s Political Parties</a></h3>
<p style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;margin: 0;padding: 0;font-weight: 300;">Here is a quick guide to eight prominent European far-right parties that have been making news across the continent.</p>
<p style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;margin: 0;padding: 0;font-weight: 300;"><a href="http://www.nytimes.com/interactive/2016/world/europe/europe-far-right-political-parties-listy.html?_r=1" 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" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
<a href="https://www.linkedin.com/pulse/us-chinese-relations-2017-michael-weidokal" 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/77d00ac5-651b-4f0c-bdb2-25717ff9c4e7.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: 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, Arial, sans-serif;font-size: 20px;font-weight: normal;line-height: 120%;letter-spacing: normal;margin-top: 0;margin-right: 0;margin-bottom: 0;margin-left: 0;text-align: left;color: #404040 !important;"><a href="https://www.linkedin.com/pulse/us-chinese-relations-2017-michael-weidokal" style="text-decoration: none;color: #404040;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;font-weight: normal;">US-Chinese Relations in 2017</a></h3>
<p style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;margin: 0;padding: 0;font-weight: 300;">China promises to continue to play a leading yet divisive role on the world stage, as the Trump administration takes the reigns in the White House.</p>
<p style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;margin: 0;padding: 0;font-weight: 300;"><a href="https://www.linkedin.com/pulse/us-chinese-relations-2017-michael-weidokal" 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" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
<a href="https://www.theatlantic.com/video/index/504290/from-damascus-to-chicago/" 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/7d372894-cfa1-4f82-a597-017029e07e2d.jpg" 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: 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, Arial, sans-serif;font-size: 20px;font-weight: normal;line-height: 120%;letter-spacing: normal;margin-top: 0;margin-right: 0;margin-bottom: 0;margin-left: 0;text-align: left;color: #404040 !important;"><a href="https://www.theatlantic.com/video/index/504290/from-damascus-to-chicago/" style="text-decoration: none;color: #404040;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;font-weight: normal;">Refugee Documentary</a></h3>
<p style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;margin: 0;padding: 0;font-weight: 300;">Take a peek into the lives of young Syrian refugees recently resettled in Chicago.</p>
<p style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;margin: 0;padding: 0;font-weight: 300;"><a href="https://www.theatlantic.com/video/index/504290/from-damascus-to-chicago/" 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, Arial, sans-serif;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, Arial, sans-serif;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>
<tr>
<td valign="top" class="footerContent" style="padding-top: 20px;-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-right: 20px;padding-bottom: 20px;padding-left: 20px;text-align: center;">
</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