Wiki_QA__##

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.
Title: COS MO Newsletter Source Code

Original CoS Document (slug): [[https://conventionofstates.com/files/cos-mo-newsletter-source-code|cos-mo-newsletter-source-code]]

Login Required to view? No

Attached File: Newsletter_Source_Code_11-12-19.docx

Created: 2019-11-12 08:01:14

Updated: 2020-11-12 19:00:00

Published: 2019-11-12 08:01:42

Converted: 2025-04-14T19:56:54.918841130


----

<!DOCTYPE HTML PUBLIC "-%%//%%W3C%%//%%DTD HTML 4.01 Transitional%%//%%EN" "http:%%//%%www.w3.org/TR/html4/loose.dtd">

<html xmlns="http:%%//%%www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">

<head>

<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />

<!-- [ if !mso]> <!-->

<meta content="IE=edge" http-equiv="X-UA-Compatible" />

<!-- <![endif] -->

<meta content="telephone=no" name="format-detection" />

<meta content="width=device-width, initial-scale=1.0" name="viewport" />

<link rel="apple-touch-icon" sizes="76x76" href="http:%%//%%paulgoddarddesign.com/images/apple-icon.jpg">

<link rel="icon" type="image/png" sizes="96x96" href="http:%%//%%paulgoddarddesign.com/images/favicon.jpg">

<title>Material Email Template</title>

<link href="https:%%//%%fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet">

<script src='http:%%//%%cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>

<script src="http:%%//%%paulgoddarddesign.com/js/ripple.js"></script>

<style type="text/css">

.ExternalClass {width: 100%;}

.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div, .ExternalClass b, .ExternalClass br, .ExternalClass img {line-height: 100% !important;}

/* iOS BLUE LINKS */

.appleBody a {color:#212121; text-decoration: none;}

.appleFooter a {color:#212121!important; text-decoration: none!important;}

/* END iOS BLUE LINKS */

img {color: #ffffff;text-align: center;font-family: Open Sans, Helvetica, Arial, sans-serif;display: block;}

body {margin: 0;padding: 0;-webkit-text-size-adjust: 100% !important;-ms-text-size-adjust: 100% !important;font-family: 'Open Sans', Helvetica, Arial, sans-serif!important;}

body,#body_style {background: #fffffe;}

table td {border-collapse: collapse;border-spacing: 0 !important;}

table tr {border-collapse: collapse;border-spacing: 0 !important;}

table tbody {border-collapse: collapse;border-spacing: 0 !important;}

table {border-collapse: collapse;border-spacing: 0 !important;}

span.yshortcuts,a span.yshortcuts {color: #000001;background-color: none;border: none;}

span.yshortcuts:hover,

span.yshortcuts:active,

span.yshortcuts:focus {color: #000001; background-color: none; border: none;}

img {-ms-interpolation-mode: : bicubic;}

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;

}

/%%**%%%%**%% My desktop styles %%**%%%%**%%/

@media only screen and (min-width: 600px) {

.noDesk {display: none !important;}

.td-padding {padding-left: 15px!important;padding-right: 15px!important;}

.padding-container {padding: 0px 15px 0px 15px!important;mso-padding-alt: 0px 15px 0px 15px!important;}

.mobile-column-left-padding { padding: 0px 0px 0px 0px!important; mso-alt-padding: 0px 0px 0px 0px!important; }

.mobile-column-right-padding { padding: 0px 0px 0px 0px!important; mso-alt-padding: 0px 0px 0px 0px!important; }

.mobile {display: none !important}

}

/%%**%%%%**%% My mobile styles %%**%%%%**%%/

@media only screen and (max-width: 599px) and (-webkit-min-device-pixel-ratio: 1) {

*[class].wrapper { width:100% !important; }

*[class].container { width:100% !important; }

*[class].mobile { width:100% !important; display:block !important; }

*[class].image{ width:100% !important; height:auto; }

*[class].center{ margin:0 auto !important; text-align:center !important; }

*[class="mobileOff"] { width: 0px !important; display: none !important; }

*[class*="mobileOn"] { display: block !important; max-height:none !important; }

p[class="mobile-padding"] {padding-left: 0px!important;padding-top: 10px;}

.padding-container {padding: 0px 15px 0px 15px!important;mso-padding-alt: 0px 15px 0px 15px!important;}

.hund {width: 100% !important;height: auto !important;}

.td-padding {padding-left: 15px!important;padding-right: 15px!important;}

.mobile-column-left-padding { padding: 18px 0px 18px 0px!important; mso-alt-padding: 18px 0px 18px 0px!important; }

.mobile-column-right-padding { padding: 18px 0px 0px 0px!important; mso-alt-padding: 18px 0px 0px 0px!important; }

.stack { width: 100% !important; }

img {width: 100%!important;height: auto!important;}

*[class="hide"] {display: none !important}

*[class="Gmail"] {display: none !important}

.Gmail {display: none !important}

.bottom-padding-fix {padding: 0px 0px 18px 0px!important; mso-alt-padding: 0px 0px 18px 0px;}

}

.social, .social:active {

opacity: 1!important;

transform: scale(1);

transition: all .2s!important;

}

.social:hover {

opacity: 0.8!important;

transform: scale(1.1);

transition: all .2s!important;

}

.button.raised {

transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);

transition: all .2s;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);

}

.button.raised:hover {

box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);transition: all .2s;

-webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);transition: all .2s;

-moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);transition: all .2s;

}

.card-1 {

box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);

-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);

-moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);

transition: box-shadow .45s;

}

.card-1:hover {

box-shadow: 0 8px 17px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19);

-webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19);

-moz-box-shadow: 0 8px 17px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19);

transition: box-shadow .45s;

}

.ripplelink{

display:block

color:#fff;

text-decoration:none;

position:relative;

overflow:hidden;

-webkit-transition: all 0.2s ease;

-moz-transition: all 0.2s ease;

-o-transition: all 0.2s ease;

transition: all 0.2s ease;

z-index:0;

}

.ripplelink:hover{

z-index:1000;

}

.ink {

display: block;

position: absolute;

background:rgba(255, 255, 255, 0.3);

border-radius: 100%;

-webkit-transform:scale(0);

-moz-transform:scale(0);

-o-transform:scale(0);

transform:scale(0);

}

.animate {

-webkit-animation:ripple 0.65s linear;

-moz-animation:ripple 0.65s linear;

-ms-animation:ripple 0.65s linear;

-o-animation:ripple 0.65s linear;

animation:ripple 0.65s linear;

}

@-webkit-keyframes ripple {

100% {opacity: 0; -webkit-transform: scale(2.5);}

}

@-moz-keyframes ripple {

100% {opacity: 0; -moz-transform: scale(2.5);}

}

@-o-keyframes ripple {

100% {opacity: 0; -o-transform: scale(2.5);}

}

@keyframes ripple {

100% {opacity: 0; transform: scale(2.5);}

}

</style>

<!--[if gte mso 9]>

<xml>

<o:OfficeDocumentSettings>

<o:AllowPNG/>

<o:PixelsPerInch>96</o:PixelsPerInch>

</o:OfficeDocumentSettings>

</xml>

<![endif]-->

</head>

<body style="margin:0; padding:0; background-color: #eeeeee;" bgcolor="#eeeeee">

&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<table style="height: 2089px; width: 100%;" border="0" width="100%" cellspacing="0" cellpadding="0" bgcolor="#eeeeee"><!-- Insert &zwnj;&nbsp; hack after hidden preview text --><!-- VIEW ONLINE -->

<tbody>

<tr style="height: 21px;">

<td class="padding-container" style="padding: 18px 0px 0px !important; height: 21px;" align="center" valign="top" width="100%">&nbsp;</td>

</tr>

<!-- VIEW VIEW ONLINE --> <!-- START LOGO -->

<tr style="height: 94px;">

<td class="padding-container" style="padding: 18px 0px !important; height: 94px;" align="center" valign="top" width="100%">

<table class="wrapper" border="0" width="600" cellspacing="0" cellpadding="0" align="center">

<tbody>

<tr>

<td align="center">

<table border="0" cellspacing="0" cellpadding="0">

<tbody>

<tr>

<td align="center" valign="top" width="100%">

<table class="wrapper" border="0" width="600" cellspacing="0" cellpadding="0" align="center" bgcolor="#eeeeee">

<tbody>

<tr>

<td align="center">

<table class="container" style="width: 876px;" border="0" width="600" cellspacing="0" cellpadding="0" align="center"><!-- START HEADER IMAGE -->

<tbody>

<tr>

<td class="hund" style="width: 872px;" align="center"><a href="conventionofstates.com"><img src="https:%%//%%s3.amazonaws.com/cosaction-prod/public/content/images/19253/19253_original.jpg?" alt="" width="720" height="86" /></a></td>

</tr>

<!-- END HEADER IMAGE --></tbody>

</table>

</td>

</tr>

</tbody>

</table>

</td>

</tr>

</tbody>

</table>

</td>

</tr>

</tbody>

</table>

</td>

</tr>

<!-- END LOGO --> <!-- START CARD 1 -->

<tr style="height: 604px;">

<td class="padding-container" style="padding-top: 0px !important; padding-bottom: 18px !important; height: 604px;" align="center" valign="top" width="100%">

<table class="wrapper" border="0" width="600" cellspacing="0" cellpadding="0" align="center">

<tbody>

<tr>

<td>

<table border="0" cellspacing="0" cellpadding="0">

<tbody>

<tr>

<td class="card-1" style="border-radius: 3px; border-bottom: 2px solid #d4d4d4;" align="center" valign="top" width="100%">

<table class="wrapper" style="border-radius: 3px;" border="0" width="600" cellspacing="0" cellpadding="0" align="center" bgcolor="#ffffff">

<tbody>

<tr>

<td align="center">

<table class="container" border="0" width="600" cellspacing="0" cellpadding="0"><!-- START HEADER IMAGE -->

<tbody>

<tr>

<td class="hund ripplelink" align="center" width="600"><img style="border-radius: 3px 3px 0px 0px; width: 584px; max-width: 600px !important;" src="https:%%//%%s3.amazonaws.com/cosaction-prod/public/content/images/19059/19059_original.png?" width="600" height="438" align="middle" /></td>

</tr>

<!-- END HEADER IMAGE --> <!-- START BODY COPY -->

<tr>

<td class="td-padding" style="font-family: 'Roboto Mono', monospace; color: #212121!important; font-size: 24px; line-height: 30px; mso-line-height-rule: exactly; mso-padding-alt: 18px 18px 0px 13px; padding: 18px 18px!important 0px!important 18px!important;" align="left">Article 1</td>

</tr>

<tr>

<td class="td-padding" style="font-family: 'Roboto Mono', monospace; color: #212121!important; font-size: 16px; line-height: 24px; mso-line-height-rule: exactly; mso-padding-alt: 18px 18px 0px 18px; padding: 18px 18px!important 0px!important 18px!important;" align="left">This is where article 1 will be teased, and the link below will take the reader to the full article on the Website.&nbsp;</td>

</tr>

<!-- END BODY COPY --> <!-- BUTTON -->

<tr>

<td style="padding: 18px 18px 18px 18px; mso-alt-padding: 18px 18px 18px 18px!important;" align="left">

<table border="0" width="100%" cellspacing="0" cellpadding="0">

<tbody>

<tr>

<td>

<table border="0" cellspacing="0" cellpadding="0">

<tbody>

<tr>

<td style="border-radius: 3px;" align="left" bgcolor="#17bef7"><a class="button raised" style="font-size: 14px; line-height: 14px; font-weight: 500; font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; border-radius: 3px; padding: 10px 25px; border: 1px solid #17bef7; display: inline-block;" href="http:%%//%%paulgoddarddesign.com/email-marketing" target="_blank" rel="noopener">BUTTON</a></td>

</tr>

</tbody>

</table>

</td>

</tr>

</tbody>

</table>

</td>

</tr>

<!-- END BUTTON --></tbody>

</table>

</td>

</tr>

</tbody>

</table>

</td>

</tr>

</tbody>

</table>

</td>

</tr>

</tbody>

</table>

</td>

</tr>

<!-- END CARD 1 --> <!-- START CARD 2 -->

<tr style="height: 403px;">

<td class="padding-container" style="padding-top: 0px !important; padding-bottom: 18px !important; height: 403px;" align="center" valign="top" width="100%">

<table class="wrapper" border="0" width="600" cellspacing="0" cellpadding="0" align="center">

<tbody>

<tr>

<td>

<table border="0" cellspacing="0" cellpadding="0">

<tbody>

<tr>

<td class="card-1" style="border-radius: 3px; border-bottom: 2px solid #d4d4d4;" align="center" valign="top" width="100%">

<table class="wrapper" style="border-radius: 3px;" border="0" width="600" cellspacing="0" cellpadding="0" align="center" bgcolor="#ffffff">

<tbody>

<tr>

<td align="center">

<table class="container" border="0" width="600" cellspacing="0" cellpadding="0"><!-- START HEADER IMAGE -->

<tbody>

<tr>

<td class="hund ripplelink" align="center" width="600"><img class="hund" style="border-radius: 3px 3px 0px 0px; width: 100%; max-width: 600px!important;" src="http:%%//%%paulgoddarddesign.com/emails/images/material-design/material-header-2.jpg" width="600" align="middle" /></td>

</tr>

<!-- END HEADER IMAGE --> <!-- START BODY COPY -->

<tr>

<td class="td-padding" style="font-family: 'Roboto Mono', monospace; color: #212121!important; font-size: 24px; line-height: 30px; mso-line-height-rule: exactly; mso-padding-alt: 18px 18px 0px 13px; padding: 18px 18px!important 0px!important 18px!important;" align="left">Article 2</td>

</tr>

<tr>

<td class="td-padding" style="font-family: 'Roboto Mono', monospace; color: #212121!important; font-size: 16px; line-height: 24px; mso-line-height-rule: exactly; mso-padding-alt: 18px 18px 0px 18px; padding: 18px 18px!important 0px!important 18px!important;" align="left">This is where Article 2 will be teased, with the link below.&nbsp;</td>

</tr>

<!-- END BODY COPY --> <!-- BUTTON -->

<tr>

<td style="padding: 18px 18px 18px 18px; mso-alt-padding: 18px 18px 18px 18px!important;" align="left">

<table border="0" width="100%" cellspacing="0" cellpadding="0">

<tbody>

<tr>

<td>

<table border="0" cellspacing="0" cellpadding="0">

<tbody>

<tr>

<td style="border-radius: 3px;" align="left" bgcolor="#234688"><a class="button raised" style="font-size: 14px; line-height: 14px; font-weight: 500; font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; border-radius: 3px; padding: 10px 25px; border: 1px solid #234688; display: inline-block;" href="http:%%//%%paulgoddarddesign.com/email-marketing" target="_blank" rel="noopener">BUTTON</a></td>

</tr>

</tbody>

</table>

</td>

</tr>

</tbody>

</table>

</td>

</tr>

<!-- END BUTTON --></tbody>

</table>

</td>

</tr>

</tbody>

</table>

</td>

</tr>

</tbody>

</table>

</td>

</tr>

</tbody>

</table>

</td>

</tr>

<!-- END CARD 2 --> <!-- START CARD 3 -->

<tr style="height: 379px;">

<td class="padding-container" style="padding-top: 0px !important; padding-bottom: 18px !important; height: 379px;" align="center" valign="top" width="100%">

<table class="wrapper" border="0" width="600" cellspacing="0" cellpadding="0" align="center">

<tbody>

<tr>

<td>

<table border="0" cellspacing="0" cellpadding="0">

<tbody>

<tr>

<td class="card-1" style="border-radius: 3px; border-bottom: 2px solid #d4d4d4;" align="center" valign="top" width="100%">

<table class="wrapper" style="border-radius: 3px;" border="0" width="600" cellspacing="0" cellpadding="0" align="center" bgcolor="#ffffff">

<tbody>

<tr>

<td align="center">

<table class="container" border="0" width="600" cellspacing="0" cellpadding="0"><!-- START HEADER IMAGE -->

<tbody>

<tr>

<td class="hund ripplelink" align="center" width="600"><img class="hund" style="border-radius: 3px 3px 0px 0px; width: 100%; max-width: 600px!important;" src="http:%%//%%paulgoddarddesign.com/emails/images/material-design/material-header-3.jpg" width="600" align="middle" /></td>

</tr>

<!-- END HEADER IMAGE --> <!-- START BODY COPY -->

<tr>

<td class="td-padding" style="font-family: 'Roboto Mono', monospace; color: #212121!important; font-size: 24px; line-height: 30px; mso-line-height-rule: exactly; mso-padding-alt: 18px 18px 0px 13px; padding: 18px 18px!important 0px!important 18px!important;" align="left">Highlighted YouTube Video</td>

</tr>

<tr>

<td class="td-padding" style="font-family: 'Roboto Mono', monospace; color: #212121!important; font-size: 16px; line-height: 24px; mso-line-height-rule: exactly; mso-padding-alt: 18px 18px 0px 18px; padding: 18px 18px!important 0px!important 18px!important;" align="left">Video Description&nbsp;</td>

</tr>

<!-- END BODY COPY --> <!-- BUTTON -->

<tr>

<td style="padding: 18px 18px 18px 18px; mso-alt-padding: 18px 18px 18px 18px!important;" align="left">

<table border="0" width="100%" cellspacing="0" cellpadding="0">

<tbody>

<tr>

<td>

<table border="0" cellspacing="0" cellpadding="0">

<tbody>

<tr>

<td style="border-radius: 3px;" align="left" bgcolor="#8856ff"><a class="button raised" style="font-size: 14px; line-height: 14px; font-weight: 500; font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; border-radius: 3px; padding: 10px 25px; border: 1px solid #8856FF; display: inline-block;" href="http:%%//%%paulgoddarddesign.com/email-marketing" target="_blank" rel="noopener">BUTTON</a></td>

</tr>

</tbody>

</table>

</td>

</tr>

</tbody>

</table>

</td>

</tr>

<!-- END BUTTON --></tbody>

</table>

</td>

</tr>

</tbody>

</table>

</td>

</tr>

</tbody>

</table>

</td>

</tr>

</tbody>

</table>

</td>

</tr>

<!-- END CARD 3 --> <!-- START COLUMNS -->

<!-- START COLUMNS -->

<tr style="height: 377px;">

<td class="padding-container" style="height: 377px;" align="center" valign="top" width="100%">

<table class="wrapper" style="max-width: 600px;" border="0" width="600" cellspacing="0" cellpadding="0" align="center" bgcolor="#eeeeee">

<tbody>

<tr>

<td align="center" width="100%">

<table class="container" border="0" width="600" cellspacing="0" cellpadding="0"><!-- 2 COLUMNS -->

<tbody>

<tr>

<td class="wrapper" style="max-width: 600px!important;" align="center">

<table border="0" width="100%" cellspacing="0" cellpadding="0">

<tbody>

<tr>

<td><!-- LEFT COLUMN -->

<table class="stack" border="0" width="290" cellspacing="0" cellpadding="0" align="left" bgcolor="#eeeeee">

<tbody>

<tr>

<td style="padding: 0px 0px 18px 0px;">

<table class="card-1" style="border-bottom: 2px solid #d4d4d4;" border="0" cellspacing="0" cellpadding="0">

<tbody>

<tr>

<td class="ripplelink" align="left" width="600"><img style="border-radius: 3px 3px 0px 0px; display: block; border: 0px; width: 100%; max-width: 600px;" src="http:%%//%%paulgoddarddesign.com/emails/images/material-design/material-header-4.jpg" width="600" /></td>

</tr>

<tr>

<td class="td-padding" style="font-family: 'Roboto Mono', monospace; color: #212121!important; font-size: 24px; line-height: 30px; mso-line-height-rule: exactly; mso-padding-alt: 18px 18px 0px 13px; padding: 18px 18px!important 0px!important 18px!important;" align="left" bgcolor="#ffffff">Legislator Spotlight</td>

</tr>

<tr>

<td class="td-padding" style="font-family: 'Roboto Mono', monospace; color: #212121!important; font-size: 16px; line-height: 24px; mso-line-height-rule: exactly; mso-padding-alt: 18px 18px 0px 18px; padding: 18px 18px!important 0px!important 18px!important;" align="left" bgcolor="#ffffff">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.</td>

</tr>

<!-- END BODY COPY --> <!-- BUTTON -->

<tr>

<td style="padding: 18px 18px 18px 18px; mso-alt-padding: 18px 18px 18px 18px!important;" align="left" bgcolor="#ffffff">

<table border="0" width="100%" cellspacing="0" cellpadding="0">

<tbody>

<tr>

<td>

<table border="0" cellspacing="0" cellpadding="0">

<tbody>

<tr>

<td style="border-radius: 3px;" align="left" bgcolor="#fc3f1e"><a class="button raised" style="font-size: 14px; line-height: 14px; font-weight: 500; font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; border-radius: 3px; padding: 10px 25px; border: 1px solid #fc3f1e; display: inline-block;" href="http:%%//%%paulgoddarddesign.com/email-marketing" target="_blank" rel="noopener">BUTTON</a></td>

</tr>

</tbody>

</table>

</td>

</tr>

</tbody>

</table>

</td>

</tr>

<!-- END BUTTON --></tbody>

</table>

</td>

</tr>

</tbody>

</table>

<!-- END LEFT --> <!-- RIGHT COLUMN -->

<table class="stack" border="0" width="290" cellspacing="0" cellpadding="0" align="right" bgcolor="#eeeeee">

<tbody>

<tr>

<td style="padding: 0px 0px 18px 0px;">

<table class="card-1" style="border-bottom: 2px solid #d4d4d4;" border="0" cellspacing="0" cellpadding="0">

<tbody>

<tr>

<td class="ripplelink" align="left" width="600"><img style="border-radius: 3px 3px 0px 0px; display: block; border: 0px; width: 100%; max-width: 600px;" src="http:%%//%%paulgoddarddesign.com/emails/images/material-design/material-header-5.jpg" width="600" /></td>

</tr>

<tr>

<td class="td-padding" style="font-family: 'Roboto Mono', monospace; color: #212121!important; font-size: 24px; line-height: 30px; mso-line-height-rule: exactly; mso-padding-alt: 18px 18px 0px 13px; padding: 18px 18px!important 0px!important 18px!important;" align="left" bgcolor="#ffffff">Volunteer&nbsp; Spotlight</td>

</tr>

<tr>

<td class="td-padding" style="font-family: 'Roboto Mono', monospace; color: #212121!important; font-size: 16px; line-height: 24px; mso-line-height-rule: exactly; mso-padding-alt: 18px 18px 0px 18px; padding: 18px 18px!important 0px!important 18px!important;" align="left" bgcolor="#ffffff">What Are Your Hopes for Missouri?</td>

</tr>

<!-- END BODY COPY --> <!-- BUTTON -->

<tr>

<td style="padding: 18px 18px 18px 18px; mso-alt-padding: 18px 18px 18px 18px!important;" align="left" bgcolor="#ffffff">

<table border="0" width="100%" cellspacing="0" cellpadding="0">

<tbody>

<tr>

<td>

<table border="0" cellspacing="0" cellpadding="0">

<tbody>

<tr>

<td style="border-radius: 3px;" align="left" bgcolor="#25e47a"><a class="button raised" style="font-size: 14px; line-height: 14px; font-weight: 500; font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; border-radius: 3px; padding: 10px 25px; border: 1px solid #25e47a; display: inline-block;" href="https:%%//%%conventionofstates.com/news/become-a-ll" target="_blank" rel="noopener">BUTTON</a></td>

</tr>

</tbody>

</table>

</td>

</tr>

</tbody>

</table>

</td>

</tr>

<!-- END BUTTON --></tbody>

</table>

</td>

</tr>

</tbody>

</table>

<!-- END RIGHT --></td>

</tr>

</tbody>

</table>

</td>

</tr>

<!-- END 2 COLUMNS --></tbody>

</table>

</td>

</tr>

</tbody>

</table>

</td>

</tr>

<!-- END COLUMNS --> <!-- SPACER --> <!-- [if gte mso 9]>

<table align="center" border="0" cellspacing="0" cellpadding="0" width="600">

<tr>

<td align="center" valign="top" width="600" height="18">

<![endif]-->

<tr style="height: 18px;">

<td style="height: 18px;" height="18">&nbsp;</td>

</tr>

<!-- [if gte mso 9]>

</td>

</tr>

</table>

<![endif]--> <!-- END SPACER --> <!-- FOOTER -->

<!-- START COLUMNS -->

<tr style="height: 377px;">

<td class="padding-container" style="height: 377px;" align="center" valign="top" width="100%">

<table class="wrapper" style="max-width: 600px;" border="0" width="600" cellspacing="0" cellpadding="0" align="center" bgcolor="#eeeeee">

<tbody>

<tr>

<td align="center" width="100%">

<table class="container" border="0" width="600" cellspacing="0" cellpadding="0"><!-- 2 COLUMNS -->

<tbody>

<tr>

<td class="wrapper" style="max-width: 600px!important;" align="center">

<table border="0" width="100%" cellspacing="0" cellpadding="0">

<tbody>

<tr>

<td><!-- LEFT COLUMN -->

<table class="stack" border="0" width="290" cellspacing="0" cellpadding="0" align="left" bgcolor="#eeeeee">

<tbody>

<tr>

<td style="padding: 0px 0px 18px 0px;">

<table class="card-1" style="border-bottom: 2px solid #d4d4d4;" border="0" cellspacing="0" cellpadding="0">

<tbody>

<tr>

<td class="ripplelink" align="left" width="600"><img style="border-radius: 3px 3px 0px 0px; display: block; border: 0px; width: 100%; max-width: 600px;" src="http:%%//%%paulgoddarddesign.com/emails/images/material-design/material-header-4.jpg" width="600" /></td>

</tr>

<tr>

<td class="td-padding" style="font-family: 'Roboto Mono', monospace; color: #212121!important; font-size: 24px; line-height: 30px; mso-line-height-rule: exactly; mso-padding-alt: 18px 18px 0px 13px; padding: 18px 18px!important 0px!important 18px!important;" align="left" bgcolor="#ffffff">Legislator Spotlight</td>

</tr>

<tr>

<td class="td-padding" style="font-family: 'Roboto Mono', monospace; color: #212121!important; font-size: 16px; line-height: 24px; mso-line-height-rule: exactly; mso-padding-alt: 18px 18px 0px 18px; padding: 18px 18px!important 0px!important 18px!important;" align="left" bgcolor="#ffffff">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.</td>

</tr>

<!-- END BODY COPY --> <!-- BUTTON -->

<tr>

<td style="padding: 18px 18px 18px 18px; mso-alt-padding: 18px 18px 18px 18px!important;" align="left" bgcolor="#ffffff">

<table border="0" width="100%" cellspacing="0" cellpadding="0">

<tbody>

<tr>

<td>

<table border="0" cellspacing="0" cellpadding="0">

<tbody>

<tr>

<td style="border-radius: 3px;" align="left" bgcolor="#fc3f1e"><a class="button raised" style="font-size: 14px; line-height: 14px; font-weight: 500; font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; border-radius: 3px; padding: 10px 25px; border: 1px solid #fc3f1e; display: inline-block;" href="http:%%//%%paulgoddarddesign.com/email-marketing" target="_blank" rel="noopener">BUTTON</a></td>

</tr>

</tbody>

</table>

</td>

</tr>

</tbody>

</table>

</td>

</tr>

<!-- END BUTTON --></tbody>

</table>

</td>

</tr>

</tbody>

</table>

<!-- END LEFT --> <!-- RIGHT COLUMN -->

<table class="stack" border="0" width="290" cellspacing="0" cellpadding="0" align="right" bgcolor="#eeeeee">

<tbody>

<tr>

<td style="padding: 0px 0px 18px 0px;">

<table class="card-1" style="border-bottom: 2px solid #d4d4d4;" border="0" cellspacing="0" cellpadding="0">

<tbody>

<tr>

<td class="ripplelink" align="left" width="600"><img style="border-radius: 3px 3px 0px 0px; display: block; border: 0px; width: 100%; max-width: 600px;" src="http:%%//%%paulgoddarddesign.com/emails/images/material-design/material-header-5.jpg" width="600" /></td>

</tr>

<tr>

<td class="td-padding" style="font-family: 'Roboto Mono', monospace; color: #212121!important; font-size: 24px; line-height: 30px; mso-line-height-rule: exactly; mso-padding-alt: 18px 18px 0px 13px; padding: 18px 18px!important 0px!important 18px!important;" align="left" bgcolor="#ffffff">Volunteer&nbsp; Spotlight</td>

</tr>

<tr>

<td class="td-padding" style="font-family: 'Roboto Mono', monospace; color: #212121!important; font-size: 16px; line-height: 24px; mso-line-height-rule: exactly; mso-padding-alt: 18px 18px 0px 18px; padding: 18px 18px!important 0px!important 18px!important;" align="left" bgcolor="#ffffff">What Are Your Hopes for Missouri?</td>

</tr>

<!-- END BODY COPY --> <!-- BUTTON -->

<tr>

<td style="padding: 18px 18px 18px 18px; mso-alt-padding: 18px 18px 18px 18px!important;" align="left" bgcolor="#ffffff">

<table border="0" width="100%" cellspacing="0" cellpadding="0">

<tbody>

<tr>

<td>

<table border="0" cellspacing="0" cellpadding="0">

<tbody>

<tr>

<td style="border-radius: 3px;" align="left" bgcolor="#25e47a"><a class="button raised" style="font-size: 14px; line-height: 14px; font-weight: 500; font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; border-radius: 3px; padding: 10px 25px; border: 1px solid #25e47a; display: inline-block;" href="https:%%//%%conventionofstates.com/news/become-a-ll" target="_blank" rel="noopener">BUTTON</a></td>

</tr>

</tbody>

</table>

</td>

</tr>

</tbody>

</table>

</td>

</tr>

<!-- END BUTTON --></tbody>

</table>

</td>

</tr>

</tbody>

</table>

<!-- END RIGHT --></td>

</tr>

</tbody>

</table>

</td>

</tr>

<!-- END 2 COLUMNS --></tbody>

</table>

</td>

</tr>

</tbody>

</table>

</td>

</tr>

<!-- END COLUMNS --> <!-- SPACER --> <!-- [if gte mso 9]>

<table align="center" border="0" cellspacing="0" cellpadding="0" width="600">

<tr>

<td align="center" valign="top" width="600" height="18">

<![endif]-->

<tr style="height: 18px;">

<td style="height: 18px;" height="18">&nbsp;</td>

</tr>

<!-- [if gte mso 9]>

</td>

</tr>

</table>

<![endif]--> <!-- END SPACER --> <!-- FOOTER -->

</table>

</td>

</tr>

</tbody>

</table>

</td>

</tr>

<!-- END COLUMNS --> <!-- SPACER --> <!-- [if gte mso 9]>

<table align="center" border="0" cellspacing="0" cellpadding="0" width="600">

<tr>

<td align="center" valign="top" width="600" height="18">

<![endif]-->

<tr style="height: 18px;">

<td style="height: 18px;" height="18">&nbsp;</td>

</tr>

<!-- [if gte mso 9]>

</td>

</tr>

</table>

<![endif]--> <!-- END SPACER --> <!-- FOOTER -->

<tr style="height: 157px;">

<td class="padding-container" style="height: 157px;" align="center" valign="top" width="100%">

<table class="wrapper" border="0" width="600" cellspacing="0" cellpadding="0" align="center">

<tbody>

<tr>

<td align="center" valign="top" width="100%">

<table class="wrapper" border="0" width="600" cellspacing="0" cellpadding="0" align="center" bgcolor="#eeeeee">

<tbody>

<tr>

<td align="center">

<table class="container" border="0" width="600" cellspacing="0" cellpadding="0">

<tbody>

<tr><!-- SOCIAL -->

<td style="padding-top: 0px!important; padding-bottom: 18px!important; mso-padding-alt: 0px 0px 18px 0px;" align="center" width="300">

<table style="width: 96px;" border="0" cellspacing="0" cellpadding="0">

<tbody>

<tr>

<td class="social" style="width: 24px;" align="right" valign="top"><a title="Facebook" href="https:%%//%%www.facebook.com/COSProjectMO/" target="_blank" rel="noopener"> <img style="display: block; max-width: 24px;" src="http:%%//%%paulgoddarddesign.com/emails/images/material-design/fb-icon.png" alt="Facebook" height="24" border="0" /> </a></td>

<td style="width: 0px;">&nbsp;</td>

<td class="social" style="width: 24px;" align="right" valign="top"><a title="Twitter" href="https:%%//%%twitter.com/COSProject?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor" target="_blank" rel="noopener"> <img style="display: block; max-width: 24px;" src="http:%%//%%paulgoddarddesign.com/emails/images/material-design/twitter-icon.png" alt="Twitter" height="24" border="0" /> </a></td>

<td class="social" style="width: 24px;" align="right" valign="top"><a href="#" target="_blank" rel="noopener"> <img style="display: block; max-width: 24px;" src="http:%%//%%paulgoddarddesign.com/emails/images/material-design/instagram-icon.png" alt="Instagram" height="24" border="0" /> </a></td>

<td style="width: 0px;">&nbsp;</td>

<td class="social" style="width: 24px;" align="right" valign="top"><a title="YouTube" href="https:%%//%%www.youtube.com/channel/UCC0eXtGEMvjxpdYQl2LUiVw" target="_blank" rel="noopener"> <img style="display: block; max-width: 24px;" src="http:%%//%%paulgoddarddesign.com/emails/images/material-design/youtube-icon.png" alt="Youtube" height="24" border="0" /> </a></td>

</tr>

</tbody>

</table>

</td>

<!-- END SOCIAL --></tr>

<tr>

<td class="td-padding" style="font-family: 'Roboto Mono', monospace; color: #212121!important; font-size: 16px; line-height: 24px; mso-line-height-rule: exactly; mso-padding-alt: 0px 0px 0px 0px; padding: 0px 0px!important 0px!important 0px!important;" align="center"><a href="conventionofstates.com"><img src="https:%%//%%s3.amazonaws.com/cosaction-prod/public/content/images/19252/19252_original.jpg?" alt="" width="720" height="86" /></a></td>

</tr>

<tr>

<td align="center" bgcolor="#eeeeee"><a style="font-size: 12px; line-height: 14px; font-weight: 500; font-family: 'Roboto Mono', monospace; color: #212121; text-decoration: underline; padding: 0px; border: 1px solid #eeeeee; display: inline-block;" href="*|UNSUB|*" target="_blank" rel="noopener">Unsubscribe</a></td>

</tr>

</tbody>

</table>

</td>

</tr>

</tbody>

</table>

</td>

</tr>

</tbody>

</table>

</td>

</tr>

<!-- FOOTER --> <!-- SPACER --> <!-- [if gte mso 9]>

<table align="center" border="0" cellspacing="0" cellpadding="0" width="600">

<tr>

<td align="center" valign="top" width="600" height="36">

<![endif]-->

<tr style="height: 36px;">

<td style="height: 36px;" height="36">&nbsp;</td>

</tr>

<!-- [if gte mso 9]>

</td>

</tr>

</table>

<![endif]--> <!-- END SPACER --></tbody>

</table>

<!-- END EMAIL -->

<div style="display: none; white-space: nowrap; font: 15px courier; line-height: 0;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</div>

</body>

</html>