Preheader (Logo + View in Browser)
<center class="wrapper" style="width:100%;table-layout:fixed;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;">
<div><!--[if (gte mso 9)|(IE)]>
<table width="560" align="center" style="border-spacing:0;font-family:sans-serif;color:#333333;" >
<tr>
<td style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >
<![endif]-->
<table align="center" class="outer" style="border-spacing:0;font-family:sans-serif;color:#333333;Margin:0 auto;width:100%;max-width:560px;">
<tbody>
<tr>
<td class="one-column" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
<table style="border-spacing:0;font-family:sans-serif;color:#333333;" width="100%">
<tbody>
<tr>
<td class="left-sidebar" dir="ltr" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-align:center;font-size:0;text-align:center;"><!--[if (gte mso 9)|(IE)]>
<table width="100%" dir="ltr" style="border-spacing:0;font-family:sans-serif;color:#333333;" >
<tr>
<td width="154" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >
<![endif]-->
<table class="column left" dir="ltr" style="border-spacing:0;font-family:sans-serif;color:#333333;width:100%;display:inline-block;vertical-align:middle;max-width:134px;">
<tbody>
<tr>
<td class="inner" style="padding-bottom:5px;padding-top:5px;padding-right:10px;padding-left:10px;"><a href="https://www.classy.org/collaborative" style="text-decoration:none;font-family:'Open Sans', 'Helvetica Neue', Helvetica, sans-serif;color:#36bff7;"><img alt="Classy" src="https://gallery.mailchimp.com/9519b9a04f63c971c5fdc8bbd/images/c9496318-3722-4907-a292-826be5b1dbad.png" style="border-width:0;" width="134" /></a></td>
</tr>
</tbody>
</table>
<!--[if (gte mso 9)|(IE)]>
</td><td width="26" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >
<![endif]-->
<table class="column" dir="ltr" style="max-width:16px;border-spacing:0;font-family:sans-serif;color:#333333;width:100%;display:inline-block;vertical-align:middle;">
<tbody>
<tr>
<td style="max-width:16px;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;"> </td>
</tr>
</tbody>
</table>
<!--[if (gte mso 9)|(IE)]>
</td><td width="410" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >
<![endif]-->
<table class="column right" dir="rtl" style="border-spacing:0;font-family:sans-serif;color:#333333;width:100%;display:inline-block;vertical-align:middle;max-width:410px;">
<tbody>
<tr>
<td class="inner contents" style="padding-top:0px;padding-bottom:5px;padding-right:10px;padding-left:10px;width:100%;font-size:14px; text-align: center;">
<div class="browser-share" style="Margin-top:10px;font-size:11px;font-family:'Helvetica Neue', Helvetica, sans-serif;color:#828b94;">Preheader text that shows up in inbox preview. <a class="browser" href="*|ARCHIVE|*" style="text-decoration:underline;font-family:'Helvetica Neue', Helvetica, sans-serif;font-size:11px;color:#828b94;font-style:italic;" target="_blank">View in Browser</a></div>
</td>
</tr>
</tbody>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]--></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]--></div>
</center>