Wiki_QA_PREVIEW__@@

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.
To view this on the COS website, click here [[https://conventionofstates.com/files/cos-mo-newsletter-source-code|cos-mo-newsletter-source-code]]

To download the docx file from the COS website, click here [[https://conventionofstates.com/files/cos-mo-newsletter-source-code/download|Newsletter_Source_Code_11-12-19.docx]]


----

====== COS MO Newsletter Source Code ======


Attachment: 1596/Newsletter_Source_Code_11-12-19.docx
|<!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>|


----

|  __Page Metadata__  ||
|Login Required to view?  |No                  |
|Created:                 |2019-11-12 13:01 GMT|
|Updated:                 |2020-11-13 00:00 GMT|
|Published:               |2019-11-12 13:01 GMT|
|Converted:               |2025-11-11 12:19 GMT|
|Change Author:           |Joan McDermott      |
|Credit Author:           |                    |