Skip to content

Instantly share code, notes, and snippets.

@abhinavjonnada82

abhinavjonnada82/gist:b2ce23bfe0e79ff2e6669c0cc72aba9e

Last active August 9, 2022 23:56
Show Gist options
  • Save abhinavjonnada82/b2ce23bfe0e79ff2e6669c0cc72aba9e to your computer and use it in GitHub Desktop.
Save abhinavjonnada82/b2ce23bfe0e79ff2e6669c0cc72aba9e to your computer and use it in GitHub Desktop.
Download ZIP
NEWSLETTER
Raw
gistfile1.txt
<!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"><img src="https://raw.githubusercontent.com/episphere/dashboard/dev/siteManagerDashboard/assets/images/connectlogo.png" 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"><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 XXX, 2021 and, thanks to you,
we now have XXX number of 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:40px;">
<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="#" class="button">Read More</a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="padding:0;height: 350px; width: 500px; 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; margin-top: 10px; font-weight: bold; letter-spacing: 0; line-height: 24.8px;">What’s New with Connect</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 launched in July 2021 and, thanks to you, XXX participants have enrolled
– and we continue to grow! What does this mean for your community and the future of cancer prevention? </p>
<a href="https://cancer.gov/connect-prevention-study/news/whats-new-welcome-message-082022" style="height: 24px; width: 294px; color: #2A72A5; font-family: sans-serif; font-size: 14px; font-weight: bold; letter-spacing: 0; line-height: 24px;">
Read more </a>
</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/whats-new-welcome-message-082022"><img src="https://raw.githubusercontent.com/episphere/dashboard/dev/siteManagerDashboard/assets/images/headshotimg1.jpeg" style="border:0;max-width: 300px; 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: 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 Eigenberg!
Roxy is from the Marshfield Clinic Health System and shares how a family history of leukemia pushed her to join the study.</p>
<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;">
Read more </a>
</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"><img src="https://raw.githubusercontent.com/episphere/dashboard/dev/siteManagerDashboard/assets/images/headshotimg2.jpg" 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;">
<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: 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 MyConnect app today to complete your study activities.
<a href="https://www.cancer.gov/connect-prevention-study/" style="height: 24px; width: 294px; color: #2A72A5; font-family: sans-serif; font-size: 14px; font-weight: bold; letter-spacing: 0; ">
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://www.cancer.gov/connect-prevention-study/"><img src="https://raw.githubusercontent.com/episphere/dashboard/dev/siteManagerDashboard/assets/images/didyouknowimg.png" style="border:0;max-width: 360px; height: 250px; width: 250px; 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 XXXX.</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">National Cancer Institute</a> | <a href="https://www.nih.gov" style="color: white">National Institutes of Health</a><a> |
</a><a href="https://www.hhs.gov/" style="color: white">U.S. Department of Health and Human Services</a> | <a href="https://www.usa.gov/" style="color: white">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>
<table width="100%" style="border-spacing:0;">
<tr>
<td style="padding:0;height: 27px; width: 559px; color: #FFFFFF; font-family: Tahoma; font-size: 13px; letter-spacing: 0; line-height: 21px; text-align: center;">
<p style="margin:0;">This email was sent to lastname123@emailname.com</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