<!DOCTYPE html>
<?xml encoding="UTF-8"??>
<html lang="en"><!--HEADER --><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta name="”x-apple-disable-message-reformatting”"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title></title><style type="text/css">
/* CLIENT-SPECIFIC STYLES */
body, table, td, a { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
table, td { mso-table-lspace: 0pt; mso-table-rspace: 0pt; }
img { -ms-interpolation-mode: bicubic; }
/* RESET STYLES */
img { border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; }
body { height: 100% !important; margin: 0 !important; padding: 0 !important; width: 100% !important; }
/* iOS BLUE LINKS */
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;
}
/* Generic Hover Class*/
.link-hover-class:hover, .link-hover-class > *:hover{ color: blue !important;}
/* Hover Profiles*/
.Red-Button-btn:hover {
background: #bd0f15 !important;
-webkit-border-radius:inherit;
border-radius:inherit;
}
.Red-Button-link:hover, .Red-Button-link > *:hover {
color: #4361bd !important;
}
.Blue-Button-inverse-btn:hover {
background: #233f94 !important;
color: white !important;
}
.Blue-Button-inverse-link:hover, .Blue-Button-link > *:hover {
color: #233f94 !important;
}
/* Hover Toggle Classes */
.link-hover:hover { text-decoration: none; }
/* STYLES */
.gmail-show {
height: auto !important;
width: auto !important;
max-width: none !important;
max-height: none !important;
overflow: auto !important;
visibility: visible !important;
display: block !important;
}
/* GMAIL TARGETTING AT A HIGHER BREAKPOINT */
@media screen and (max-width: 1200px) {
u ~ div .responsive-topbox-item-600 {
width: 100% !important;
min-width: 100% !important;
}
u ~ div .mobile-hide-topbox-item-600 {
display: none !important;
}
u ~ div .mobile-topbox-padding-0-600 {
padding: 0px !important;
}
u ~ div .mobile-topbox-padding-5-600 {
padding: 5px !important;
}
u ~ div .mobile-topbox-padding-10-600 {
padding: 10px !important;
}
u ~ div .mobile-topbox-padding-15-600 {
padding: 15px !important;
}
u ~ div .mobile-topbox-padding-20-600 {
padding: 20px !important;
}
u ~ div .mobile-topbox-padding-5-top-item-600 {
padding: 5px 5px 3px 5px !important;
}
u ~ div .mobile-topbox-padding-10-top-item-600 {
padding: 10px 10px 5px 10px !important;
}
u ~ div .mobile-topbox-padding-15-top-item-600 {
padding: 15px 15px 8px 15px !important;
}
u ~ div .mobile-topbox-padding-20-top-item-600 {
padding: 20px 20px 10px 20px !important;
}
u ~ div .mobile-topbox-padding-5-bottom-item-600 {
padding: 3px 5px 5px 5px !important;
}
u ~ div .mobile-topbox-padding-10-bottom-item-600 {
padding: 5px 10px 10px 10px !important;
}
u ~ div .mobile-topbox-padding-15-bottom-item-600 {
padding: 8px 15px 15px 15px !important;
}
u ~ div .mobile-topbox-padding-20-bottom-item-600 {
padding: 10px 20px 20px 20px !important;
}
u ~ div .responsive-topbox-item-480 {
width: 100% !important;
min-width: 100% !important;
}
u ~ div .mobile-hide-topbox-item-480 {
display: none !important;
}
u ~ div .mobile-topbox-padding-0-480 {
padding: 0px !important;
}
u ~ div .mobile-topbox-padding-5-480 {
padding: 5px !important;
}
u ~ div .mobile-topbox-padding-10-480 {
padding: 10px !important;
}
u ~ div .mobile-topbox-padding-15-480 {
padding: 15px !important;
}
u ~ div .mobile-topbox-padding-20-480 {
padding: 20px !important;
}
u ~ div .mobile-topbox-padding-5-top-item-480 {
padding: 5px 5px 3px 5px !important;
}
u ~ div .mobile-topbox-padding-10-top-item-480 {
padding: 10px 10px 5px 10px !important;
}
u ~ div .mobile-topbox-padding-15-top-item-480 {
padding: 15px 15px 8px 15px !important;
}
u ~ div .mobile-topbox-padding-20-top-item-480 {
padding: 20px 20px 10px 20px !important;
}
u ~ div .mobile-topbox-padding-5-bottom-item-480 {
padding: 3px 5px 5px 5px !important;
}
u ~ div .mobile-topbox-padding-10-bottom-item-480 {
padding: 5px 10px 10px 10px !important;
}
u ~ div .mobile-topbox-padding-15-bottom-item-480 {
padding: 8px 15px 15px 15px !important;
}
u ~ div .mobile-topbox-padding-20-bottom-item-480 {
padding: 10px 20px 20px 20px !important;
}
}
/* WEBKIT TARGETING MEDIA QUERY / WEBKIT STYLES */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
/* WEBKIT HIDE/SHOW MAGIC */
.webkit-show {
height: auto !important;
width: auto !important;
max-width: none !important;
max-height: none !important;
overflow: auto !important;
visibility: visible !important;
display: block !important;
}
.webkit-hide {
display: none !important;
}
.ptop50 {
padding-top: 50px !important;
}
#font-weight-normal {
font-weight: normal !important;
}
}
@media screen and (max-width: 800px) {
.img-max {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
}
.full-width {
max-width: 100% !important;
}
}
/* RESPONSIVE STUFF */
@media screen and (max-width: 600px) {
.responsive-topbox-item-600 {
width: 100% !important;
min-width: 100% !important;
}
.mobile-hide-topbox-item-600 {
display: none !important;
}
.mobile-topbox-padding-0-600 {
padding: 0px !important;
}
.mobile-topbox-padding-5-600 {
padding: 5px !important;
}
.mobile-topbox-padding-10-600 {
padding: 10px !important;
}
.mobile-topbox-padding-15-600 {
padding: 15px !important;
}
.mobile-topbox-padding-20-600 {
padding: 20px !important;
}
.mobile-topbox-padding-5-top-item-600 {
padding: 5px 5px 3px 5px !important;
}
.mobile-topbox-padding-10-top-item-600 {
padding: 10px 10px 5px 10px !important;
}
.mobile-topbox-padding-15-top-item-600 {
padding: 15px 15px 8px 15px !important;
}
.mobile-topbox-padding-20-top-item-600 {
padding: 20px 20px 10px 20px !important;
}
.mobile-topbox-padding-5-bottom-item-600 {
padding: 3px 5px 5px 5px !important;
}
.mobile-topbox-padding-10-bottom-item-600 {
padding: 5px 10px 10px 10px !important;
}
.mobile-topbox-padding-15-bottom-item-600 {
padding: 8px 15px 15px 15px !important;
}
.mobile-topbox-padding-20-bottom-item-600 {
padding: 10px 20px 20px 20px !important;
}
.responsive-table {
width: 100% !important;
}
.responsive-table-button {
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
}
.mobile-text {
font-size: 24px !important;
line-height: 26px !important;
}
.mobile-font-14 {
font-size: 14px !important;
line-height: 14px !important;
}
.mobile-font-16 {
font-size: 16px !important;
line-height: 16px !important;
}
.mobile-font-18 {
font-size: 18px !important;
line-height: 18px !important;
}
.mobile-font-20 {
font-size: 20px !important;
line-height: 20px !important;
}
.mobile-font-22 {
font-size: 22px !important;
line-height: 22px !important;
}
.mobile-font-25 {
font-size: 25px !important;
line-height: 25px !important;
}
.mobile-font-30 {
font-size: 30px !important;
line-height: 30px !important;
}
.mobile-font-35 {
font-size: 35px !important;
line-height: 35px !important;
}
.mobile-font-40 {
font-size: 40px !important;
line-height: 40px !important;
}
#mobile {
font-size: 13px !important;
letter-spacing: 0px;
padding: 10px !important;
}
.mobile-footer-logo {
max-width: 50% !important;
}
.mobile {
font-size: 13px !important;
letter-spacing: 0px;
padding: 10px !important;
}
.responsive-rating-table {
width: inherit !important;
}
}
.responsive-rating-btn {
display: inline
}
@media screen and (max-width: 480px) {
.responsive-rating-btn {
display: table-row;
}
.responsive-topbox-item-480 {
width: 100% !important;
min-width: 100% !important;
}
.mobile-hide-topbox-item-480 {
display: none !important;
}
.mobile-topbox-padding-0-480 {
padding: 0px !important;
}
.mobile-topbox-padding-5-480 {
padding: 5px !important;
}
.mobile-topbox-padding-10-480 {
padding: 10px !important;
}
.mobile-topbox-padding-15-480 {
padding: 15px !important;
}
.mobile-topbox-padding-20-480 {
padding: 20px !important;
}
.mobile-topbox-padding-5-top-item-480 {
padding: 5px 5px 3px 5px !important;
}
.mobile-topbox-padding-10-top-item-480 {
padding: 10px 10px 5px 10px !important;
}
.mobile-topbox-padding-15-top-item-480 {
padding: 15px 15px 8px 15px !important;
}
.mobile-topbox-padding-20-top-item-480 {
padding: 20px 20px 10px 20px !important;
}
.mobile-topbox-padding-5-bottom-item-480 {
padding: 3px 5px 5px 5px !important;
}
.mobile-topbox-padding-10-bottom-item-480 {
padding: 5px 10px 10px 10px !important;
}
.mobile-topbox-padding-15-bottom-item-480 {
padding: 8px 15px 15px 15px !important;
}
.mobile-topbox-padding-20-bottom-item-480 {
padding: 10px 20px 20px 20px !important;
}
.mobile-hide {
display: none !important;
}
#mobile-hide {
display: none !important;
}
.headline {
font-size: 30px !important;
line-height: 36px !important;
}
.sup {
font-size: 18px !important;
line-height: 18px !important;
}
.logo {
width: 85px !important;
height: auto !important;
}
.bg {
padding-top: 30px !important;
}
.responsive-rating-table {
width: 100% !important;
}
}
/* ANDROID CENTER FIX */
div[style*="margin: 16px 0;"] { margin: 0 !important; }
</style><meta name='robots' content='noindex' />
</head><body style="padding:0"><span style="display:none !important; visibility:hidden; mso-hide:all; font-size:1px; color:#ffffff; line-height:1px; max-height:0px; max-width:0px; opacity:0; overflow:hidden;">The weekend of events has begun -- check out how you can pitch in now!</span>
<!-- CONTAINER TABLE -->
<table cellspacing="0" cellpadding="0" border="0" width="100%"><tbody><tr><td align="center" bgcolor="#ffffff" style="padding: 5px 5% 50px 5%;">
<!--[if (gte mso 9)|(IE)]>
<table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
<tr>
<td align="center" valign="top" width="600">
<![endif]-->
<table cellspacing="0" cellpadding="0" border="0" width="100%" style="max-width: 600px"><tbody><tr><td>
<div style="display: none; max-height: 0px; overflow: hidden;">
‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ </div>
</td></tr><tr><td align="center" style="color: #000000; font-family: Helvetica, Arial, sans-serif; font-size: 18px; line-height: 24px; padding: 0px 0 0 0;">
<a target="_blank" href="" target="_blank">
<img width="280" alt="" src="https://go.joebiden.com/page/-/logo.png" style="padding-top:5px; padding-bottom:5px; width: 200px; max-width:90%"></a>
</td>
</tr><tr><td align="left" style="color: #000000; font-family: Helvetica, Arial, sans-serif; font-size: 18px; line-height: 24px; padding: 10px 0 0 0;">
<!--HEADER END --><p>
Hey there,<br><br>
Today, we kicked off a whole weekend of events and opportunities for you to serve your communities -- and there's still time to sign up!<br><br>
The National Day of Service, with events happening now through next week, combines volunteer work with community service as we seek to unite and uplift underserved communities across the country in the spirit of Dr. Martin Luther King, Jr.<br><br><strong>As we begin a new era of empathy and togetherness in our country, this is the perfect time to lend a helping hand.</strong> Whether you have an hour tomorrow or maybe a few to give on Monday, there are endless opportunities happening in Utah to give back in a time when folks need it the most.<br><br><a target="_blank" class="txt-color" href="" style="color:#233F94; text-decoration: underline; font-weight: bold; font-size: 21px" title="" >Check out the opportunities in Utah to volunteer for the National Day of Service. We need your help, and there are some truly amazing opportunities near and far across the country.</a></p>
<!-- SUBURBAN BUTTON GROUP START -->
<center>
<table align="center" border="0" cellpadding="0" cellspacing="0" class="responsive-table" style="max-width: 100%" width="600"><tbody><tr><td align="center" class="responsive-table" style="padding:5px">
<!-- START BUTTON -->
<table border="0" cellpadding="0" cellspacing="0" class="responsive-table" height="59" width="360"><tbody><tr><td align="center" bgcolor="#436da8" class="responsive-table-button" height="59" style=" -webkit-border-radius:50px; border-radius:50px; border:0px solid null; border-bottom:4px solid #436da8; min-width:360px; max-width:360px;" width="360">
<a target="_blank" class="mobile-font-18" height="59" href="" style="padding: 13px; display: block; font-size: 21px; font-family:Avenir, Arial, sans-serif; font-weight: 700; font-style:normal; color:#ffffff; letter-spacing: 0em; text-decoration:none; line-height:33px;" target="_blank" title="" >SIGN UP ➞</a></td>
</tr></tbody></table><!-- END BUTTON --></td>
</tr></tbody></table></center>
<!-- SUBURBAN BUTTON GROUP END -->
<center>
<br><em>Can't attend a Day of Service event? <a target="_blank" class="txt-color" href="" style="color:#233F94; text-decoration: underline;" title="" >Commit to volunteer for future hours to create change in your community.</a></em></center>
<p>
The National Day of Service is committed to safety in these next few days, and there are countless socially-distanced and virtual ways to help not only those in your community, but folks across the country.<br><br><a target="_blank" class="txt-color" href="" style="color:#233F94; text-decoration: underline; font-weight: bold; font-size: 21px" title="" >There's still time to sign up for events tomorrow and Monday -- check out opportunities near you!</a><br><br>
Thanks for all the hard work!<br><br>
-- Team PIC</p><!--FOOTER -->
</td>
</tr></tbody></table><!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]--></td>
</tr><tr><td align="center" bgcolor="#ffffff" style="padding: 20px 5% 70px 5%; border-top: solid 2px #e4e9ee">
<!--[if (gte mso 9)|(IE)]>
<table align="center" border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td align="center" valign="top" width="100%">
<![endif]-->
<table cellspacing="0" cellpadding="0" border="0" width="100%" style="max-width: 600px;"><tbody><!-- START ADDRESS --><tr><td align="center" valign="middle" style="font-size: 14px; line-height: 18px; color:#000000; padding-top: 15px; padding-bottom: 25px; font-family: Verdana, Geneva, sans-serif;">
<div style="width:100%; max-width:600px;" width="600"><table><tbody><tr><td class="social" align="center"> <a target="_blank" class="social-icon" style="color: #ababab; text-decoration: underline; font-weight: normal; display: inline-block; padding: 0 2px;" href="" target="_blank" title="" > <img style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block; border: none;" src="https://go.joebiden.com/page/-/email/facebook.png" alt="" width="40"></a> <a target="_blank" class="social-icon" style="color: #ababab; text-decoration: underline; font-weight: normal; display: inline-block; padding: 0 2px;" href="" target="_blank" title="" > <img style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block; border: none;" src="https://go.joebiden.com/page/-/email/twitter.png" alt="" width="40"></a> <a target="_blank" class="social-icon" style="color: #ababab; text-decoration: underline; font-weight: normal; display: inline-block; padding: 0 2px;" href="" target="_blank" title="" > <img style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block; border: none;" src="https://go.joebiden.com/page/-/email/youtube.png" alt="" width="40"></a> <a target="_blank" class="social-icon" style="color: #ababab; text-decoration: underline; font-weight: normal; display: inline-block; padding: 0 2px;" href="" target="_blank" title="" > <img style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block; border: none;" src="https://go.joebiden.com/page/-/email/instagram.png" alt="" width="40"></a> </td>
</tr></tbody></table><br><span style="font-family: arial, helvetica, sans-serif;"> This email was sent to previews@email.com. If you would like to receive fewer emails, <a target="_blank" class="txt-color" style="color: #233F94; text-decoration: underline;" href="" title="" >click here</a>. If you would like to unsubscribe, <a target="_blank" class="txt-color" href="" target="_blank" style="color: #233F94; text-decoration: underline;" title="" >click here</a></span></div>
</td>
</tr><!-- END ADDRESS --><!-- START PAID FOR --><tr><td align="center">
<div style="font-family: Verdana, Geneva, sans-serif; border-color: #000000; border-style: solid; border-width: 1px; padding: 7px; width:90%; max-width:600px; font-size: 14px; line-height: 18px; color:#000000; font-family: Verdana, Geneva, sans-serif;">
<span style="font-family: arial, helvetica, sans-serif;">Paid for by Biden for President</span>
</div>
</td>
</tr><!-- END PAID FOR --><!-- START BOTTOM TEXT --><tr><td align="center" style="font-size: 14px; line-height: 18px; color:#000000; padding-top: 25px; font-family: Verdana, Geneva, sans-serif;">
<div style="width:100%; max-width:600px;" width="600"></div>
</td>
</tr><!-- END BOTTOM TEXT --></tbody></table><!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]--></td>
</tr></tbody></table>
<!--FOOTER END -->