Skip to content

Instantly share code, notes, and snippets.

@abhinavjonnada82

abhinavjonnada82/newsletterSummer.html

Last active May 3, 2023 20:28
Show Gist options
  • Save abhinavjonnada82/14227da80ccd32500c3646ed670a97c4 to your computer and use it in GitHub Desktop.
Save abhinavjonnada82/14227da80ccd32500c3646ed670a97c4 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
newsletterSummer.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML Email Template</title>
</head>
<body style="margin:0;background-color:#cccccc;">
<center class="wrapper" style="width:100%;table-layout:fixed;background-color:#cccccc;padding-bottom:60px;">
<table class="main" style="border-spacing:0;background-color:#2A72A5;margin:0 auto;width:300%;max-width:800px;border-spacing:20px;font-family:sans-serif;color:#171a1b;">
<tr>
<td style="padding: 14px 0 4px;">
<table width="100%" style="border-spacing:0;">
<tr>
<td class="two-columns" style="padding:0;text-align:center;font-size:0;">
<table class="column" style="border-spacing:0;width:100%;max-width:300px;display:inline-block;vertical-align:top;text-align:center;">
<tr>
<td style="padding: 0 18px 10px;">
<a href="https://cancer.gov/connect-prevention-study/news" target="_blank"><img src="https://github.com/episphere/dashboard/blob/dev/siteManagerDashboard/assets/images/connectlogo.png?raw=true" width="180" style="border:0;"></a>
</td>
</tr>
</table>
<table class="column" style="border-spacing:0;width:100%;max-width:300px;display:inline-block;vertical-align:top;text-align:center;">
<tr>
<td style="padding: 10px 120px;">
<p style="margin:0;height: 25px; width: 164px;font-family: sans-serif; font-size: 25px; letter-spacing: 0; line-height: 21.8px; text-align: right; color: white;">August 2022</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="padding:0;">
<table width="100%" style="border-spacing:0;">
<tr>
<td style="padding: 0 32px 3px 15px;">
<p style="margin:0;box-sizing: border-box; height: 1px; width: 760px; border: 1px solid #FFFFFF; ;"></p>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="padding: 0 32px 10px;">
<p style="margin:0;height: 33px; width: 560px; color: #ffffff; font-family: sans-serif; font-size: 28px; font-weight: bold; letter-spacing: 0; line-height: 30.8px;">What's New with Connect</p>
</td>
</tr>
<tr>
<td style="padding: 0 32px 10px;">
<a href="https://cancer.gov/connect-prevention-study/news" target="_blank"><img src="https://github.com/episphere/dashboard/blob/dev/siteManagerDashboard/assets/images/bannerfactoid1.jpg?raw=true" alt="" width="700px" style="border:0;"></a>
</td>
</tr>
<tr>
<td style="padding: 0 32px 10px;">
<p style="margin:0;height: 99px; width: 760px; color: #FFFFFF; font-family: sans-serif; font-size: 18px; letter-spacing: 0; line-height: 24px;">Connect launched in July, 2021 and, thanks to you,
we now have 1,400 participants fully enrolled in the study – and we continue to grow! What does this mean for your community and the future of cancer prevention?</p>
</td>
</tr>
<tr>
<td style="padding: 0 40px 10px; padding-bottom:30px;">
<table border="0" cellpadding="0" cellspacing="0" style="border-spacing:0;border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: auto;">
<tr>
<td style="padding:0;">
<a style="color:#171a1b;text-decoration:none;padding:12px 20px;border-radius:5px;font-weight:bold;height: 38px; width: 109px; background-color: #FFBF17;" href="https://cancer.gov/connect-prevention-study/news/whats-new-welcome-message-082022" class="button" target="_blank">Read More</a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="padding:0;height: 350px; width: 560px; border-radius: 3px; background-color: #FFFFFF;">
<table width="100%" style="border-spacing:0;">
<tr>
<td class="two-columns last" style="padding:0;text-align:center;font-size:0;">
<table class="column" style="border-spacing:0;width:100%;max-width:300px;display:inline-block;vertical-align:top;text-align:center;">
<tr>
<td class="padding" style="padding:0;padding:40px;">
<table class="content" style="border-spacing:0;font-size:15px;line-height:20px;text-align:left;">
<tr>
<td style="padding:0;">
<p style="margin:0;height: 31px; width: 294px; color: #606060; font-family: sans-serif; font-size: 21px; font-weight: bold; letter-spacing: 0; line-height: 24.8px;">In the Spotlight</p>
<p style="margin:0;height: 148px; width: 294px; color: #2E2E2E; font-family: sans-serif; font-size: 18px; letter-spacing: 0; line-height: 24px;">Connect is pleased to welcome Roxy Eibergen!
Roxy is from the Marshfield Clinic Health System and shares how a family history of leukemia pushed her to join the study.
<a href="https://cancer.gov/connect-prevention-study/news/spotlight-participant-roxyeibergen-082022" style="height: 24px; width: 294px; color: #2A72A5; font-family: sans-serif; font-size: 14px;
font-weight: bold; letter-spacing: 0; line-height: 24px;" target="_blank"> Read more </a></p>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table class="column" style="border-spacing:0;width:100%;max-width:300px;display:inline-block;vertical-align:top;text-align:center;">
<tr>
<td class="padding" style="padding:0;padding:40px;">
<table class="content" style="border-spacing:0;font-size:15px;line-height:20px;text-align:left;">
<tr>
<td style="padding:0;">
<a href="https://cancer.gov/connect-prevention-study/news/spotlight-participant-roxyeibergen-082022" target="_blank"><img src="https://github.com/episphere/dashboard/blob/dev/siteManagerDashboard/assets/images/headshotimg2.jpg?raw=true" style="border:0;max-width: 260px; margin-top: 10px; float: right;"></a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="padding: 0 32px 15px;">
<p style="margin:0;"></p>
</td>
</tr>
<tr>
<td style="padding:0;height: 401px; width: 560px; border-radius: 3px; background-color: #FFFFFF; padding-bottom: 25px ;">
<table width="100%" style="border-spacing:0;">
<tr>
<td class="two-columns last" style="padding:0;text-align:center;font-size:0;">
<table class="column" style="border-spacing:0;width:100%;max-width:300px;display:inline-block;vertical-align:top;text-align:center;">
<tr>
<td style="padding:0;">
<table class="content" style="border-spacing:0;font-size:15px;line-height:20px;text-align:left;">
<tr>
<td style="padding:0;">
<p style="margin:0;height: 31px; width: 294px; color: #606060; font-family: Tahoma; font-size: 21px; font-weight: bold; letter-spacing: 0; line-height: 24.8px;">Did You Know?</p>
<p style="margin:0;height: 148px; width: 294px; color: #2E2E2E; font-family: sans-serif; font-size: 14px; letter-spacing: 0; line-height: 20px;">There are about 16.9 million people in the U.S. who have been diagnosed with cancer.
As of January 2019, there were approximately 16.9 million people in the U.S. living with a cancer diagnosis or as a cancer survivor. Whether they were diagnosed in the past or recently, more people than ever are surviving
cancer and thriving after treatment. By participating in Connect, you are helping us learn more about what causes cancer and how we can better prevent it for future generations. Visit the <a href="https://myconnect.cancer.gov" target="_blank">MyConnect app</a> today to complete your study activities.
</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table class="column" style="border-spacing:0;width:100%;max-width:300px;display:inline-block;vertical-align:top;text-align:center;">
<tr>
<td class="padding" style="padding:0;padding:40px;">
<table class="content" style="border-spacing:0;font-size:15px;line-height:20px;text-align:left;">
<tr>
<td style="padding:0;">
<a href="https://www.cancer.gov/connect-prevention-study/" target="_blank"><img src="https://github.com/episphere/dashboard/blob/dev/siteManagerDashboard/assets/images/didyouknowimg.png?raw=true" style="border:0;max-width: 360px; margin-top: 10px; float: right;"></a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr width="100%">
<td style="padding: 20px 0 10px 30px;">
<p style="margin:0;height: 75px; width: 760px; color: #FFFFFF; font-family: sans-serif; font-size: 18px; font-weight: bold; letter-spacing: 0; line-height: 24px; text-align: center;">We want to hear from you! Which
topics would you like to see covered in future newsletters? Are you interested in sharing why you joined Connect? Send your feedback to <a href="mailto:ConnectSupport@norc.org" style="color: white" target="_blank">ConnectSupport@norc.org </a></p>
</td>
</tr>
<tr>
<td style="padding:0;">
<table width="100%" style="border-spacing:0;">
<tr>
<td style="padding: 0 32px 3px 15px;">
<p style="margin:0;box-sizing: border-box; height: 1px; width: 760px; border: 1px solid #FFFFFF; ;"></p>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="padding:0;background-color: #2A72A5; padding-bottom: 20px;">
<table width="100%" style="border-spacing:0;">
<tr>
<td style="height: 92px; width: 559px; color: #FFFFFF; font-family: sans-serif; font-size: 18px; letter-spacing: 0;
line-height: 24px; text-align: center; padding: 10px 0 20px 20px;">
<p style="margin:0;">Connect for Cancer Prevention Study</p>
<a href="https://www.cancer.gov/" style="color: white" target="_blank">National Cancer Institute</a> | <a href="https://www.nih.gov" style="color: white" target="_blank">National Institutes of Health</a><a> |
</a><a href="https://www.hhs.gov/" style="color: white" target="_blank">U.S. Department of Health and Human Services</a> | <a href="https://www.usa.gov/" style="color: white" target="_blank">USA.gov</a>
</td>
</tr>
</table>
<table width="100%" style="border-spacing:0;">
<tr>
<td style="padding:0;height: 64px; width: 559px; color: #FFFFFF; font-family: sans-serif; font-size: 15px; letter-spacing: 0; line-height: 21px; text-align: center;">
<p style="margin:0;">Connect for Cancer Prevention Study, the Connect for Cancer Prevention Study logo, and “Connect today. Prevent cancer tomorrow.”
are trademarks of the U.S. Department of Health and Human Services (HHS).®</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</center>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment