A Pen by J Clarke

Thumbnail
This awesome code was written by Jussic, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright Jussic ©
  • HTML
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>A Pen by  J Clarke</title>
  
  
  
  
  
</head>

<body>

  <table width="100%" cellspacing="0" cellpadding="0" class="m_5139551625343863697emailwrapto100pc"><tbody><tr><td width="50%" align="left" valign="middle">
<a href="http://www.mpzmail.com/cp3/newsletters/newsletterPreview2.asp?n=148715&amp;uid=90404&amp;zoom=1" style="text-decoration:none;color:#ffffff" target="_blank" data-saferedirecturl="https://www.google.com/url?hl=en&amp;q=http://www.mpzmail.com/cp3/newsletters/newsletterPreview2.asp?n%3D148715%26uid%3D90404%26zoom%3D1&amp;source=gmail&amp;ust=1491413467001000&amp;usg=AFQjCNG1v6p4gFVYb52Mfg6P50r8RGqbyw">Click Here</a></div></td></tr></tbody></table><table width="100%" cellpadding="0" cellspacing="0" class="m_5139551625343863697emailwrapto100pc m_5139551625343863697hidden480"><tbody><tr><td height="15"></td></tr></tbody></table></font><table width="600" bgcolor="#FFFFFF" cellpadding="15" cellspacing="0" id="m_5139551625343863697nzInnerTable" class="m_5139551625343863697emailwrapto100pc" border="0" style="border:1px solid #ffffff"><tbody><tr><td><div><table width="100%" cellpadding="0" cellspacing="0"><tbody><tr><td bgcolor=""><table width="100%" cellspacing="0" cellpadding="0" style="padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px" class="m_5139551625343863697emailwrapto100pc"><tbody><tr><td><table width="100%" cellpadding="0" cellspacing="0"><tbody><tr><td valign="top" bgcolor="#6b8f00" style="background-color:#6b8f00;border-radius:0" width="100%" class="m_5139551625343863697emailcolsplit"><table width="100%" cellspacing="0" cellpadding="1"><tbody><tr><td align="left" width="100%" valign="top" style="color:#666666;font-size:14px;font-family:'Arial';text-align:Left"><p class="m_5139551625343863697mpzHiddenP" style="text-align:center"><span style="color:#ffffff;font-family:verdana,geneva,sans-serif;font-size:16px">NATIONAL RECOGNITION</span></p></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table><table width="100%" cellpadding="0" cellspacing="0"><tbody><tr><td bgcolor="#f2f0e7"><table width="100%" align="center" cellspacing="0" cellpadding="0" style="padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px" class="m_5139551625343863697emailwrapto100pc"><tbody><tr><td><table width="100%" cellpadding="0" cellspacing="0"><tbody><tr><td valign="top" bgcolor="#d9d4ba" style="background-color:#d9d4ba;border-radius:0" width="50%" class="m_5139551625343863697emailcolsplit"><table width="100%" cellspacing="0" cellpadding="10"><tbody><tr><td align="left" width="100%" valign="top" style="color:#666666;font-size:14px;font-family:'Arial';text-align:Left"><font color="#550055"><div style="text-align:center"><span style="font-family:verdana,geneva,sans-serif;font-size:18px">The Priceton Review this</span></div>
<div style="text-align:center"><span style="font-family:verdana,geneva,sans-serif;font-size:18px">&nbsp;</span></div>
<div style="text-align:center"><span style="font-family:verdana,geneva,sans-serif;font-size:18px">Fall named DePauw</span></div>
<div style="text-align:center"><span style="font-family:verdana,geneva,sans-serif;font-size:18px">&nbsp;</span></div>
<div style="text-align:center"><span style="font-family:verdana,geneva,sans-serif;font-size:18px"><strong><em>"College that Creates</em></strong></span></div>
<div style="text-align:center"><span style="font-family:verdana,geneva,sans-serif;font-size:18px"><strong><em>&nbsp;</em></strong></span></div>
<div style="text-align:center"><span style="font-family:verdana,geneva,sans-serif;font-size:18px"><strong><em>Futures"</em></strong></span></div>
<div style="text-align:center">&nbsp;</div>
<div style="text-align:center">&nbsp;</div>
</font><div style="text-align:center"><span style="background-color:#ffffff"><strong><span style="font-family:verdana,geneva,sans-serif;font-size:18px">Learn More</span></strong></span></div>
<div style="text-align:center">&nbsp;</div>
<div style="text-align:center">&nbsp;</div></td></tr></tbody></table></td><td width="10" class="m_5139551625343863697table_seperator" style="width:10px"><img src="https://ci3.googleusercontent.com/proxy/id9KnJFSdBRmlLygv5U_5VmuRSKZSw2sRQiLlqVMwmql5k8DusOWGCs8-72rrrtIwj-MWkTVkJXj9Oqfa5BwllPZ_ETC6BWYz_kIMnXUOuT7MY_kWw=s0-d-e1-ft#http://justine_clarke.bt1.ourmailserv.com/cp3/images/spacer.png" width="10" height="1"></td><td valign="top" bgcolor="#d9d4ba" style="background-color:#d9d4ba;border-radius:0" width="50%" class="m_5139551625343863697emailcolsplit"><table width="100%" cellspacing="0" cellpadding="10"><tbody><tr><td align="left" width="100%" valign="top" style="color:#666666;font-size:14px;font-family:'Arial';text-align:Left"><div style="text-align:center"><span style="font-family:verdana,geneva,sans-serif;font-size:large">The Priceton Review this</span></div>
<div style="text-align:center"><span style="font-family:verdana,geneva,sans-serif;font-size:large">&nbsp;</span></div>
<div style="text-align:center"><span style="font-family:verdana,geneva,sans-serif;font-size:large">Fall named DePauw</span></div>
<div style="text-align:center"><span style="font-family:verdana,geneva,sans-serif;font-size:large">&nbsp;</span></div>
<div style="text-align:center"><span style="font-family:verdana,geneva,sans-serif"><strong><em><span style="font-size:large">"College that Creates</span></em></strong></span></div>
<div style="text-align:center"><span style="font-family:verdana,geneva,sans-serif"><strong><em><span style="font-size:large">&nbsp;</span></em></strong></span></div>
<div style="text-align:center"><span style="font-family:verdana,geneva,sans-serif"><strong><em><span style="font-size:large">Futures"</span></em></strong></span></div>
<div style="text-align:center">
<div style="text-align:center">&nbsp;</div>
<div style="text-align:center">&nbsp;</div>
<div style="text-align:center"><span style="background-color:#ffffff"><strong><span style="font-family:verdana,geneva,sans-serif;font-size:18px">Learn More</span></strong></span></div>
<div style="text-align:center">&nbsp;</div>
</div></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table><font color="#550055"><table width="100%" cellpadding="0" cellspacing="0"><tbody><tr><td bgcolor=""><table width="100%" cellspacing="0" cellpadding="0" style="padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px" class="m_5139551625343863697emailwrapto100pc"><tbody><tr><td><table width="100%" cellpadding="0" cellspacing="0"><tbody><tr><td valign="top" bgcolor="#6b8f00" style="background-color:#6b8f00" width="100%" class="m_5139551625343863697emailcolsplit"><table width="100%" cellspacing="0" cellpadding="1"><tbody><tr><td align="left" width="100%" valign="top" style="color:#666666;font-size:14px;font-family:'Arial';text-align:Left"><div style="text-align:center"><span style="font-size:16px;color:#ffffff;font-family:verdana,geneva,sans-serif">ALUMNI ENGAGEMENT &amp; OUTCOMES</span></div></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table><table width="100%" cellpadding="0" cellspacing="0"><tbody><tr><td bgcolor="#d9d4ba"><table width="100%" align="center" cellspacing="0" cellpadding="0" style="padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px" class="m_5139551625343863697emailwrapto100pc"><tbody><tr><td><table width="100%" cellpadding="10" cellspacing="0" style="border-radius:0"><tbody><tr><td height="" bgcolor="#d9d4ba" style="color:#000000;font-size:26px;font-family:'Impact';text-align:Left" valign="top"><div style="font-size:10pt;text-align:center">&nbsp;<br>
<div style="text-align:center"><span style="font-family:'Lucida Sans Unicode';font-size:18px">Thanks to alumni generosity:</span><span style="font-family:'Lucida Sans Unicode'">&nbsp;</span></div>
<div style="font-size:10pt;text-align:center"><span style="font-family:'Lucida Sans Unicode';font-size:-webkit-xxx-large"><img src="https://ci4.googleusercontent.com/proxy/ojHuCu3c3yO_cyU6m1AYNwLJL_9uhRInEAJn9inhc07QKBG1nPH4mfWHNQWLweO4mIbN8xLRO9e-H8iwuD0VY_YWDV9XLVcA5uOZ30eEJSbPPEB6h40QwKazyvC75A=s0-d-e1-ft#http://u90404.mpmserv1.com/users/90404/828242.gif?rnd=0.4973795820183444" width="80" height="74">&nbsp; &nbsp; &nbsp; &nbsp; 100 &nbsp; &nbsp; &nbsp; &nbsp;<img src="https://ci4.googleusercontent.com/proxy/ojHuCu3c3yO_cyU6m1AYNwLJL_9uhRInEAJn9inhc07QKBG1nPH4mfWHNQWLweO4mIbN8xLRO9e-H8iwuD0VY_YWDV9XLVcA5uOZ30eEJSbPPEB6h40QwKazyvC75A=s0-d-e1-ft#http://u90404.mpmserv1.com/users/90404/828242.gif?rnd=0.4973795820183444" width="80" height="74"></span><span style="font-size:10pt;font-family:'Lucida Sans Unicode'">&nbsp;</span></div>
<div style="text-align:center">
<div>&nbsp;</div>
<div><span style="font-family:'Lucida Sans Unicode';font-size:18px">Student Internship Opportunities funded.</span>&nbsp;</div>
</div>
</div>
<div style="text-align:center">&nbsp;</div></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table><table width="100%" cellpadding="0" cellspacing="0"><tbody><tr><td bgcolor=""><table width="100%" cellspacing="0" cellpadding="0" style="padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px" class="m_5139551625343863697emailwrapto100pc"><tbody><tr><td><table width="100%" cellpadding="0" cellspacing="0"><tbody><tr><td valign="top" bgcolor="#6b8f00" style="background-color:#6b8f00" width="100%" class="m_5139551625343863697emailcolsplit"><table width="100%" cellspacing="0" cellpadding="1"><tbody><tr><td align="left" width="100%" valign="top" style="color:#666666;font-size:14px;font-family:'Arial';text-align:Left"><div style="text-align:center"><span style="font-size:16px;color:#ffffff;font-family:verdana,geneva,sans-serif">RANKINGS</span></div></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table><table width="100%" cellpadding="0" cellspacing="0"><tbody><tr><td bgcolor="#f2f0e7"><table width="100%" align="center" cellspacing="0" cellpadding="0" style="padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px" class="m_5139551625343863697emailwrapto100pc"><tbody><tr><td><table width="100%" cellpadding="0" cellspacing="0"><tbody><tr><td valign="top" bgcolor="#d9d4ba" style="background-color:#d9d4ba;border-radius:0" width="50%" class="m_5139551625343863697emailcolsplit"><table width="100%" cellspacing="0" cellpadding="1"><tbody><tr><td align="left" width="100%" valign="top" style="color:#666666;font-size:14px;font-family:'Arial';text-align:Left"><div style="text-align:center"><span style="font-size:50px;font-family:verdana,geneva,sans-serif">#2</span></div>
<div style="text-align:center">&nbsp;</div>
<div style="text-align:center"><span style="font-size:18px;font-family:verdana,geneva,sans-serif">Teach For America</span><br><br><span style="font-size:18px;font-family:verdana,geneva,sans-serif">Placements</span></div></td></tr></tbody></table></td><td width="10" class="m_5139551625343863697table_seperator" style="width:10px"><img src="https://ci3.googleusercontent.com/proxy/id9KnJFSdBRmlLygv5U_5VmuRSKZSw2sRQiLlqVMwmql5k8DusOWGCs8-72rrrtIwj-MWkTVkJXj9Oqfa5BwllPZ_ETC6BWYz_kIMnXUOuT7MY_kWw=s0-d-e1-ft#http://justine_clarke.bt1.ourmailserv.com/cp3/images/spacer.png" width="10" height="1"></td><td valign="top" bgcolor="#d9d4ba" style="background-color:#d9d4ba;border-radius:0" width="50%" class="m_5139551625343863697emailcolsplit"><table width="100%" cellspacing="0" cellpadding="1"><tbody><tr><td align="left" width="100%" valign="top" style="color:#666666;font-size:14px;font-family:'Arial';text-align:Left"><p class="m_5139551625343863697mpzHiddenP" style="text-align:center"><span style="font-size:50px;font-family:verdana,geneva,sans-serif">&nbsp;#18</span></p>
<p class="m_5139551625343863697mpzHiddenP" style="text-align:center">&nbsp;</p>
<p class="m_5139551625343863697mpzHiddenP" style="text-align:center"><span style="font-size:18px;font-family:verdana,geneva,sans-serif">Top Internship </span></p>
<p class="m_5139551625343863697mpzHiddenP" style="text-align:center">&nbsp;</p>
<p class="m_5139551625343863697mpzHiddenP" style="text-align:center"><span style="font-size:18px;font-family:verdana,geneva,sans-serif">Opportunities</span></p></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></font><table width="100%" cellpadding="0" cellspacing="0"><tbody><tr><td bgcolor=""><table width="100%" cellspacing="0" cellpadding="0" style="padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px" class="m_5139551625343863697emailwrapto100pc"><tbody><tr><td><table width="100%" cellpadding="0" cellspacing="0"><tbody><tr><td valign="top" bgcolor="#6b8f00" style="background-color:#6b8f00" width="100%" class="m_5139551625343863697emailcolsplit"><table width="100%" cellspacing="0" cellpadding="1"><tbody><tr><td align="left" width="100%" valign="top" style="color:#666666;font-size:14px;font-family:'Arial';text-align:Left"><div style="text-align:center"><span style="font-size:16px;font-family:verdana,geneva,sans-serif;color:#ffffff">OUTCOMES</span></div></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table><font color="#550055"><table width="100%" cellpadding="0" cellspacing="0"><tbody><tr><td bgcolor="#d9d4ba"><table width="100%" align="center" cellspacing="0" cellpadding="0" style="padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px" class="m_5139551625343863697emailwrapto100pc"><tbody><tr><td><table width="100%" cellpadding="10" cellspacing="0" style="border-radius:0"><tbody><tr><td height="" bgcolor="#d9d4ba" style="color:#000000;font-size:26px;font-family:'Impact';text-align:Left" valign="top"><div style="font-size:10pt;text-align:center">&nbsp;<br>
<div style="text-align:center"><span style="font-family:'Lucida Sans Unicode';font-size:18px">Approximately</span><span style="font-family:'Lucida Sans Unicode'">&nbsp;</span></div>
<div style="font-size:10pt;text-align:center"><span style="font-family:'Lucida Sans Unicode';font-size:-webkit-xxx-large"><img src="https://ci4.googleusercontent.com/proxy/ojHuCu3c3yO_cyU6m1AYNwLJL_9uhRInEAJn9inhc07QKBG1nPH4mfWHNQWLweO4mIbN8xLRO9e-H8iwuD0VY_YWDV9XLVcA5uOZ30eEJSbPPEB6h40QwKazyvC75A=s0-d-e1-ft#http://u90404.mpmserv1.com/users/90404/828242.gif?rnd=0.4973795820183444" width="80" height="74">&nbsp; &nbsp; &nbsp; &nbsp; 93%&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;<img src="https://ci4.googleusercontent.com/proxy/ojHuCu3c3yO_cyU6m1AYNwLJL_9uhRInEAJn9inhc07QKBG1nPH4mfWHNQWLweO4mIbN8xLRO9e-H8iwuD0VY_YWDV9XLVcA5uOZ30eEJSbPPEB6h40QwKazyvC75A=s0-d-e1-ft#http://u90404.mpmserv1.com/users/90404/828242.gif?rnd=0.4973795820183444" width="80" height="74"></span><span style="font-size:10pt;font-family:'Lucida Sans Unicode'">&nbsp;</span></div>
<div style="text-align:center">
<div>&nbsp;</div>
<div><span style="font-family:'Lucida Sans Unicode';font-size:18px">of students from the class of '?? are</span></div>
<div style="text-align:center"><span style="font-family:'Lucida Sans Unicode';font-size:18px">- Employed&nbsp;</span><span style="font-family:'Lucida Sans Unicode';font-size:18px">- Graduate School&nbsp;</span><span style="font-family:'Lucida Sans Unicode';font-size:18px">- Service Work</span></div>
</div>
</div>
<div style="text-align:center">&nbsp;</div></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table><table width="100%" cellpadding="0" cellspacing="0"><tbody><tr><td bgcolor=""><table width="100%" cellspacing="0" cellpadding="0" style="padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px" class="m_5139551625343863697emailwrapto100pc"><tbody><tr><td><table width="100%" cellpadding="0" cellspacing="0"><tbody><tr><td valign="top" bgcolor="#6b8f00" style="background-color:#6b8f00;border-radius:0" width="100%" class="m_5139551625343863697emailcolsplit"><table width="100%" cellspacing="0" cellpadding="10"><tbody><tr><td align="left" width="100%" valign="top" style="color:#666666;font-size:14px;font-family:'Arial';text-align:Left"><div style="text-align:center"><span style="font-family:verdana,geneva,sans-serif;font-size:16px;color:#ffffff">STUDENT ENGAGEMENT</span></div></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table><table width="100%" cellpadding="0" cellspacing="0"><tbody><tr><td bgcolor="#f2f0e7"><table width="100%" align="center" cellspacing="0" cellpadding="0" style="padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px" class="m_5139551625343863697emailwrapto100pc"><tbody><tr><td><table width="100%" cellpadding="0" cellspacing="0"><tbody><tr><td valign="top" bgcolor="#d9d4ba" style="background-color:#d9d4ba;border-radius:0" width="50%" class="m_5139551625343863697emailcolsplit"><table width="100%" cellspacing="0" cellpadding="10"><tbody><tr><td align="left" width="100%" valign="top" style="color:#666666;font-size:14px;font-family:'Arial';text-align:Left"><div style="text-align:center"><span style="font-size:50px;font-family:verdana,geneva,sans-serif">#5</span></div>
<div style="text-align:center">&nbsp;</div>
<div style="text-align:center"><span style="font-size:18px;font-family:verdana,geneva,sans-serif">Off- Campus Study</span><br><br><span style="font-size:18px;font-family:verdana,geneva,sans-serif">Participation</span><br><br><br></div></td></tr></tbody></table></td><td width="10" class="m_5139551625343863697table_seperator" style="width:10px"><img src="https://ci3.googleusercontent.com/proxy/id9KnJFSdBRmlLygv5U_5VmuRSKZSw2sRQiLlqVMwmql5k8DusOWGCs8-72rrrtIwj-MWkTVkJXj9Oqfa5BwllPZ_ETC6BWYz_kIMnXUOuT7MY_kWw=s0-d-e1-ft#http://justine_clarke.bt1.ourmailserv.com/cp3/images/spacer.png" width="10" height="1"></td><td valign="top" bgcolor="#d9d4ba" style="background-color:#d9d4ba;border-radius:0" width="50%" class="m_5139551625343863697emailcolsplit"><table width="100%" cellspacing="0" cellpadding="10"><tbody><tr><td align="left" width="100%" valign="top" style="color:#666666;font-size:14px;font-family:'Arial';text-align:Left"><p class="m_5139551625343863697mpzHiddenP" style="text-align:center"><span style="font-size:32px;font-family:verdana,geneva,sans-serif">&nbsp;<span style="font-size:50px">491</p>
<center><span style="font-size:18px;font-family:verdana,geneva,sans-serif">Students Participated in</p>
<p class="m_5139551625343863697mpzHiddenP" style="text-align:center"></p>
<p class="m_5139551625343863697mpzHiddenP" style="text-align:center"><span style="font-size:18px;font-family:verdana,geneva,sans-serif">Off- Campus Study</p>
<p class="m_5139551625343863697mpzHiddenP" style="text-align:center">&nbsp;</p>
<p class="m_5139551625343863697mpzHiddenP" style="text-align:center">&nbsp;</p></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr><tr><td height="-1"><img src="https://ci3.googleusercontent.com/proxy/id9KnJFSdBRmlLygv5U_5VmuRSKZSw2sRQiLlqVMwmql5k8DusOWGCs8-72rrrtIwj-MWkTVkJXj9Oqfa5BwllPZ_ETC6BWYz_kIMnXUOuT7MY_kWw=s0-d-e1-ft#http://justine_clarke.bt1.ourmailserv.com/cp3/images/spacer.png" width="1" height="1"></td></tr></tbody></table></font></div></td></tr></tbody></table></div></div></div></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table>	</div>
</font></div></td></tr></tbody></table></td></tr></tbody></table></div></div>
  
  

</body>

</html>

Comments