html 优雅的博客时事通讯片段

Posted 2021-05-11

<!--View in Browser--><a class="browser" href="{{ view_as_page_url }}" target="_blank" style="text-decoration: underline; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif; font-size: 11px; color: #828b94;">View in Browser</a>&nbsp;&nbsp; | &nbsp;&nbsp; <!--End View in Browser--><!--Twitter Share URL--><a href="https://twitter.com/home?status=Good%20reads%20from%20%40classy%20http://go.classy.org/[INSERT_SLUG_HERE]" target="_blank" style="text-decoration: none; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif; font-size: 16px; color: #36bff7;"><img src="https://35fcfa52d85722e77b8c-175997b3150e06e0678adc6551742695.ssl.cf2.rackcdn.com/twitter.jpg" width="16" height="14" alt="Twitter" style="border-width: 0;">&nbsp;Share</a>

<!--Popular Posts Start--> <br><br><br>
<p class="h1" style="margin: 0; font-weight: normal; margin-bottom: 18px; color: #444b55; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif!important; font-size: 28px; line-height: 1.4; text-align: center;">Most Popular Posts this Week</p>
<p style="font-family: 'Open Sans', Helvetica, sans-serif; font-size: 16px; line-height: 1.2; font-weight: 400; color: #44505d !important; text-align: center;"><a href="INSERT_URL_HERE" target="_blank" style="color: #36bff7; text-decoration: none; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif; text-align: center;">This is an article you might want to read →</a></p>
<p style="font-family: 'Open Sans', Helvetica, sans-serif; font-size: 16px; line-height: 1.2; font-weight: 400; color: #44505d !important; text-align: center;"><a href="INSERT_URL_HERE" target="_blank" style="color: #36bff7; text-decoration: none; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif; text-align: center;">Oh, and another one →</a></p>
<p style="font-family: 'Open Sans', Helvetica, sans-serif; font-size: 16px; line-height: 1.2; font-weight: 400; color: #44505d !important; text-align: center;"><a href="INSERT_URL_HERE" target="_blank" style="color: #36bff7; text-decoration: none; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif; text-align: center;">Nonprofit Title: Some Catchy Qualifier Would be Read Here 2016 →</a></p>
<p style="font-family: 'Open Sans', Helvetica, sans-serif; font-size: 16px; line-height: 1.2; font-weight: 400; color: #44505d !important; text-align: center;"><a href="INSERT_URL_HERE" target="_blank" style="color: #36bff7; text-decoration: none; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif; text-align: center;">I desperately need you to read me this very second →</a></p>
<br> <!--Popular Posts End-->

<!--Forward to a Friend--> <br><br><br>
<p class="h1" style="margin: 0; font-weight: normal; margin-bottom: 18px; color: #444b55; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif!important; font-size: 28px; line-height: 1.4; text-align: center;">Good stuff is worth sharing</p>
<p style="margin: 0; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif!important; color: #828b94; font-weight: 400; line-height: 32px; font-size: 16px; margin-bottom: 10px; text-align: center;"><a href="/cdn-cgi/l/email-protection#a69980c7cbd69dd5d3c4ccc3c5d29bef86d2cecfc8cd86dfc9d381c286cacfcdc386d2cecfd580c7cbd69dc4c9c2df9beec3df8a8396e78396e7f2cec3d4c381d583X20some%20great%20content%20from%20Classy%20in%20this%20email%20that%20I%20thought%20you'd%20enjoy.%20Check%20it%20out.%20http://go.classy.org/[INSERT_SLUG_HERE]" target="_blank" style="color: #36bff7; text-decoration: none; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif;">Forward this to your team →</a></p>
<br> <!--Forward to a Friend End-->

<!--Article Start-->
<p style="font-family: 'Open Sans', Helvetica, sans-serif; font-size: 24px; line-height: 1.2; font-weight: 400; color: #44505d !important; text-align: left;"><a style="text-decoration: none; color: #44505d;" href="link url">Article Title</a></p>
<p style="font-family: 'Open Sans', Helvetica, sans-serif; font-size: 16px; line-height: 28px; color: #727e83; text-align: left;">Paragraph description. <a style="color: #36bff7; text-decoration: none; font-family: 'Open Sans',Helvetica, arial, sans-serif;" href="#LINK-URL">Link url text →</a></p>
<br><hr style="border: 1px solid #edf1f2; color: #edf1f2;"><br>
<!--Article End-->

<!--Article Start-->
<p style="font-family: 'Open Sans', Helvetica, sans-serif; font-size: 24px; line-height: 1.2; font-weight: 400; color: #44505d !important; text-align: left;"><a style="text-decoration: none; color: #44505d;" href="link url">Article Title</a></p>
<p style="font-family: 'Open Sans', Helvetica, sans-serif; font-size: 16px; line-height: 28px; color: #727e83; text-align: left;">Paragraph description.</p>
<br>
<div style="text-align: left;"><a href="[INSERT_URL_HERE]" target="_blank" style="outline: 0;"><img src="http://cdn2.hubspot.net/hubfs/190333/emails/weekly-roundup/read-now.png" width="200" height="auto" style="outline: 0;"></a></div>
<br><hr style="border: 1px solid #edf1f2; color: #edf1f2;"><br> <!--Article End-->