keanstage 07 (bfcm)

In this example below you will see how to do a keanstage 07 (bfcm) with some HTML / CSS and Javascript

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

<head>
  <meta charset="UTF-8">
  <title>keanstage 07 (bfcm)</title>
  
  
  
  
  
</head>

<body>

  <table class="full" style="position: relative; opacity: 1; z-index: 0; width: 100%;" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td>
<table class="devicewidth" style="width: 600px;" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td>
<table id="backgroundimg" class="full" style="border-radius: 5px 5px 0px 0px; width: 100%; background: url('https://i.imgur.com/W45G35w.jpg') 50% 100% no-repeat #000000;" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#202020">
<tbody>
<tr>
<td>
<table style="width: 100%;" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td height="20"> </td>
</tr>
<tr>
<td align="center" valign="middle"><a href="https://bit.ly/keanstageEB01" target="_blank"><img alt="Logo" border="0" height="148" src="http://apps.vendini.com/i/c5e19551044e20b3d949defccb619b9367f5a341.png" width="150" data-pin-nopin="true" data-src-original="https://i.imgur.com/QHzhjfW.png" data-src-original-sha1="c5e19551044e20b3d949defccb619b9367f5a341" /></a></td>
</tr>
<tr>
<td height="36"> </td>
</tr>
</tbody>
</table>
<table style="border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #48453c; border-top-width: 1px; border-top-style: solid; border-top-color: #48453c; width: 100%;" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td style="border-right: 1px solid #48453c;" align="center" valign="middle" width="33%" height="49"><a href="https://bit.ly/keanstageEB01" style="font-weight: 500; font-style: normal; font-variant: normal; letter-spacing: 1px; font-size: 18px; line-height: normal; font-family: Helvetica, Arial, sans-serif; color: #ff6666; text-decoration: none;" target="_blank">HOME</a></td>
<td style="border-right: 1px solid #48453c;" align="center" valign="middle" width="33%" height="49"><a href="https://bit.ly/keanuniversity" style="font-weight: 500; font-style: normal; font-variant: normal; letter-spacing: 1px; font-size: 18px; line-height: normal; font-family: Helvetica, Arial, sans-serif; color: #ff6666; text-decoration: none;" target="_blank">KEAN UNIVERSITY</a></td>
<td align="center" valign="middle" width="33%" height="49"><a href="mailto:ticket@kean.edu" style="font-weight: 500; font-style: normal; font-variant: normal; letter-spacing: 1px; font-size: 18px; line-height: normal; font-family: Helvetica, Arial, sans-serif; color: #ff6666; text-decoration: none;" target="_blank">CONTACT US</a></td>
</tr>
</tbody>
</table>
<table style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td>
<table style="text-align: center; width: 100%;" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td class="backgroundimg" valign="middle">
<table style="width: 100%;" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td height="96"> </td>
</tr>
<tr>
<td class="maintitle" style="font-weight: normal; font-size: 69px; font-family: 'Helvetica', sans-serif, Arial, Helvetica; color: #ff6666;" align="center"><b><span style="font-size: 72px; color: #ffffff;">15%</span><br /></b>off per ticket<br />on select shows</td>
</tr>
<tr>
<td height="89"> </td>
</tr>
<tr>
<td align="center" valign="middle">
<table style="width: 100%;" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td class="hide" width="75"> </td>
<td>
<table class="blockcenterd" style="width: 219px;" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td style="font-weight: bold; letter-spacing: 1px; font-size: 18px; line-height: normal; font-family: Roboto, Helvetica, Arial, sans-serif; background: #ffffff;" align="center" valign="middle" bgcolor="#e4da36" width="219" height="65"><a href="https://bit.ly/keanartscode" style="text-decoration: none; color: #2d2c2b; padding: 15px 0px; text-transform: uppercase;" target="_blank"> CODE  "KEANARTS"</a></td>
</tr>
<tr>
<td height="13"> </td>
</tr>
</tbody>
</table>
</td>
<td class="hide" width="40"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td class="reduceheight001" height="131"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table class="full" style="position: relative; opacity: 1; z-index: 0; width: 100%;" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td>
<table class="devicewidth" style="width: 600px;" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td>
<table class="full" style="width: 100%; background: #ff6666;" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#ffffff">
<tbody>
<tr>
<td height="54"> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td width="5%"> </td>
<td class="text01" style="color: #050505; font: 100 32px/40px Helvetica, Arial, sans-serif;" align="center"><span style="color: #ffffff;">This year, give the gift of the arts!<br />Celebrate the holidays at <br /><strong style="color: #000000;">Kean University</strong>!<br /><br />Use code "<strong style="color: #000000;">keanarts</strong>" <br />and get 15% off per ticket<br />on Kean Stage's select shows! <br /></span></td>
<td width="5%"> </td>
</tr>
<tr>
<td height="74"> </td>
<td> </td>
<td> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table id="colaps-inhiret01" class="full" style="position: relative; opacity: 1; z-index: 0; width: 100%;" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td>
<table id="colaps-inhiret02" class="devicewidth" style="width: 600px;" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#f0f0f0">
<tbody>
<tr>
<td>
<table style="width: 100%;" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#f0f0f0">
<tbody>
<tr>
<td height="70"> </td>
</tr>
<tr>
<td class="heading" style="font: 48px Helvetica, Arial, sans-serif; color: #2a2a2a; text-align: center;"><span><strong>Select Shows</strong></span></td>
</tr>
<tr>
<td height="60"> </td>
</tr>
<tr>
<td>
<table style="width: 100%;" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td>
<table style="width: 100%;" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td><center><a href="https://bit.ly/keanartscode" target="_blank"><img alt="KEANARTS" border="0" height="439" src="http://apps.vendini.com/i/32b7a7c69b76591a9fc9c2599b221cbabaa6e52f.png" width="542" data-src-original="https://i.imgur.com/f8Eo93s.png" data-src-original-sha1="32b7a7c69b76591a9fc9c2599b221cbabaa6e52f" /></a></center></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td height="20"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td>
<table style="width: 87%;" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#F0F0F0">
<tbody>
<tr>
<td> </td>
</tr>
</tbody>
</table>
<table style="width: 18%;" border="0" cellspacing="0" cellpadding="0" align="right">
<tbody>
<tr>
<td> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table style="width: 219px;" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td style="font-weight: bold; font-style: normal; font-variant: normal; letter-spacing: 1px; font-size: 18px; line-height: normal; font-family: Helvetica, Arial, sans-serif; background: #ff6666;" align="center" bgcolor="#ff6666" width="219" height="65"><a href="https://bit.ly/keanartscode" style="text-decoration: none; color: #ffffff; padding: 15px 0; text-transform: uppercase;" target="_blank">KEANARTS *</a></td>
</tr>
<tr>
<td height="80"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table class="full" style="position: relative; opacity: 1; z-index: 0; width: 100%;" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td>
<table class="devicewidth" style="width: 600px; background-color: #ff6666;" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#f0f0f0">
<tbody>
<tr>
<td>
<table class="full" style="width: 100%; background: #ff6666;" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#f0f0f0">
<tbody>
<tr>
<td height="86"> </td>
</tr>
<tr>
<td style="font: 48px Helvetica, Arial, sans-serif; color: #2d2d2d; text-align: center;" align="center"><span><b>Select Shows<br /></b>INFO<br /></span></td>
</tr>
<tr>
<td height="47"> </td>
</tr>
<tr>
<td>
<table style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="29"> </td>
<td>
<table class="inner" style="border-collapse: collapse; text-align: center; width: 188px;" border="0" cellspacing="0" cellpadding="0" align="left">
<tbody>
<tr>
<td>
<table class="teamimghodler" style="border-collapse: collapse; text-align: center; width: 188px;" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td><a href="https://bit.ly/taosamurai" target="_blank"><img alt="TAO" border="0" height="211" src="http://apps.vendini.com/i/2139480b9a1bcaff3a279418ee74ef45f4989114.jpg" width="162" data-src-original="https://i.imgur.com/8eEu98V.jpg" data-src-original-sha1="2139480b9a1bcaff3a279418ee74ef45f4989114" /></a></td>
<td width="26"> </td>
</tr>
<tr>
<td height="16"> </td>
<td> </td>
</tr>
</tbody>
</table>
<table class="teamtexthodler" style="border-collapse: collapse; text-align: center; width: 188px;" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td class="text03" style="font: 300 24px Helvetica, Arial, sans-serif; color: #2a2a2a; text-decoration: none; text-align: left;" align="left"><span><b><a href="https://bit.ly/taosamurai" style="color: #000000; text-decoration: none;" target="_blank">TAO:<br />17 Samurai</a></b><br /></span></td>
<td width="26"> </td>
</tr>
<tr>
<td height="22"> </td>
<td> </td>
</tr>
<tr>
<td class="text04" style="font: 15px Arial, Helvetica, sans-serif; color: #2a2a2a; text-align: left;" align="left"><span>Amazing precision, energy &amp; stamina combined in one unforgettable show. Enjoy Taiko drumming and a splendid choreography!<br /><br /><b>Wilkins Theatre<br />Jan. 30 at 7:30 pm</b><br /></span></td>
<td width="26"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table class="inner" style="border-collapse: collapse; text-align: center; width: 188px;" border="0" cellspacing="0" cellpadding="0" align="left">
<tbody>
<tr>
<td>
<table class="teamimghodler" style="border-collapse: collapse; text-align: center; width: 188px;" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td><a href="https://bit.ly/britishregiments" target="_blank"><img alt="Team" border="0" height="211" src="http://apps.vendini.com/i/c8fcd2c270679462d5bea668ee0b97fabee8981d.jpg" width="162" data-src-original="https://i.imgur.com/HGL8GoW.jpg" data-src-original-sha1="c8fcd2c270679462d5bea668ee0b97fabee8981d" /></a></td>
<td width="26"> </td>
</tr>
<tr>
<td height="16"> </td>
<td> </td>
</tr>
</tbody>
</table>
<table class="teamtexthodler" style="border-collapse: collapse; text-align: center; width: 188px;" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td class="text03" style="font: 300 24px Helvetica, Arial, sans-serif; color: #2a2a2a; text-align: left;" align="left"><span><b><a href="https://bit.ly/britishregiments" style="color: #000000; text-decoration: none;" target="_blank">BRITISH<br />Regiments</a></b><br /></span></td>
<td width="26"> </td>
</tr>
<tr>
<td class="hide"> </td>
<td> </td>
</tr>
<tr>
<td class="text04" style="font: 15px Arial, Helvetica, sans-serif; color: #2a2a2a; text-align: left;" align="left"><span><br />Quality music, visual grandeur &amp; precision drills welcome the new year with the Band of the Royal Marines and the Scot Guards!<br /><br /><b>Wilkins Theatre<br />Jan. 16 at 7:30 pm </b></span></td>
<td width="26"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table class="inner" style="border-collapse: collapse; text-align: center; width: 188px;" border="0" cellspacing="0" cellpadding="0" align="left">
<tbody>
<tr>
<td>
<table class="teamimghodler" style="border-collapse: collapse; text-align: center; width: 188px;" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td><a href="https://bit.ly/moscowsleepingbeauty" target="_blank"><img alt="moscowballet" border="0" height="211" src="http://apps.vendini.com/i/5a372cf2355d4918eb43fdef0e07202e1c10ed35.jpg" width="162" data-src-original="https://i.imgur.com/sQxnMOh.jpg" data-src-original-sha1="5a372cf2355d4918eb43fdef0e07202e1c10ed35" /></a></td>
<td width="26"> </td>
</tr>
<tr>
<td height="16"> </td>
<td> </td>
</tr>
</tbody>
</table>
<table class="teamtexthodler" style="border-collapse: collapse; text-align: center; width: 188px;" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td class="text03" style="font: 300 24px Helvetica, Arial, sans-serif; color: #2a2a2a; text-align: left;" align="left"><span><b><a href="https://bit.ly/moscowsleepingbeauty" style="color: #000000; text-decoration: none;" target="_blank">SLEEPING<br />Beauty</a></b><br /></span></td>
<td width="26"> </td>
</tr>
<tr>
<td height="22"> </td>
<td> </td>
</tr>
<tr>
<td class="text04" style="font: 15px Arial, Helvetica, sans-serif; color: #2a2a2a; text-align: left;" align="left"><span>Direct from Russia, the Moscow Festival Ballet presents the classic fairy tale, accompanied by Tchaikovsky's enchanting score &amp; great artistic direction!<br /><br /><b>Wilkins Theatre<br />March 12 at 7:30 pm</b><br /></span></td>
<td width="26"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td height="60"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table class="full" style="position: relative; opacity: 1; z-index: 0; width: 100%;" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td>
<table class="devicewidth" style="width: 600px;" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#000000">
<tbody>
<tr>
<td>
<table class="full" style="width: 100%;" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#000000">
<tbody>
<tr>
<td height="99"> </td>
</tr>
<tr>
<td class="heading" style="font: 100 48px Helvetica, Arial, sans-serif; color: #ffffff; text-align: center;"><span style="font-size: 49px;"><b>Upcoming Shows</b><br /></span></td>
</tr>
<tr>
<td style="border-bottom: 1px solid #424140;" height="48"> </td>
</tr>
<tr>
<td>
<table style="border-collapse: collapse; width: 100%;" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr style="border-bottom: 1px solid #424140;">
<td style="font: 32px Helvetica, Arial, sans-serif; color: #ff6666; text-align: center;" valign="middle" width="5%">FEB</td>
<td width="1%"> </td>
<td style="color: #ffffff; font: 26px Helvetica, Arial, sans-serif;" valign="left">Julius Caesar</td>
</tr>
<tr style="border-bottom: 1px solid #424140;">
<td style="font: 32px Helvetica, Arial, sans-serif; color: #ff6666; text-align: center;" valign="middle" width="30%">2/21</td>
<td width="20%"> </td>
<td style="color: #ffffff; font: 26px Helvetica, Arial, sans-serif;" valign="left">Meshell Ndegeocello</td>
</tr>
<tr style="border-bottom: 1px solid #424140;">
<td style="font: 32px Helvetica, Arial, sans-serif; color: #ff6666; text-align: center;" valign="middle" width="30%">3/13</td>
<td width="3%"> </td>
<td style="color: #ffffff; font: 26px Helvetica, Arial, sans-serif;" valign="left">Patty Griffin &amp; friends</td>
</tr>
<tr style="border-bottom: 1px solid #424140;">
<td style="font: 32px Helvetica, Arial, sans-serif; color: #ff6666; text-align: center;" valign="middle" width="30%">4/10</td>
<td width="3%"> </td>
<td style="color: #ffffff; font: 26px Helvetica, Arial, sans-serif;" valign="left">Sons of Serendip</td>
</tr>
<tr style="border-bottom: 1px solid #424140;">
<td style="font: 32px Helvetica, Arial, sans-serif; color: #ff6666; text-align: center;" valign="middle" width="30%">4/17</td>
<td width="1%"> </td>
<td style="color: #ffffff; font: 26px Helvetica, Arial, sans-serif;" valign="left">NJB's Cinderella</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td height="50"> </td>
</tr>
<tr>
<td>
<table style="width: 219px;" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td style="font-weight: bold; font-style: normal; font-variant: normal; letter-spacing: 1px; font-size: 18px; line-height: normal; font-family: Helvetica, Arial, sans-serif; background: #ff6666;" align="center" bgcolor="#e4da36" width="219" height="65"><a href="https://bit.ly/keanstageshows" style="text-decoration: none; color: #ffffff; padding: 15px 0; text-transform: uppercase;" target="_blank">VIEW MORE</a></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td height="84"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table class="full" style="position: relative; opacity: 1; z-index: 0; width: 100%;" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td>
<table class="devicewidth" style="width: 600px; background-color: #ffffff;" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#ffffff">
<tbody>
<tr>
<td>
<table class="full" style="width: 100%; background: #ffffff;" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#ffffff">
<tbody>
<tr>
<td height="98"> </td>
</tr>
<tr>
<td style="font: 100 48px Helvetica, Arial, sans-serif; color: #2d2d2d; text-align: center;" align="center"><span><b>Kean Arts</b></span></td>
</tr>
<tr>
<td height="48"> </td>
</tr>
<tr>
<td>
<table style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="29"> </td>
<td>
<table class="inner" style="border: 1px solid #d3d3d3; border-collapse: collapse; width: 540px;" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td>
<table class="inner" style="border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #d3d3d3; border-collapse: collapse; width: 100%;" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td>
<table class="inner" style="border-right-width: 1px; border-right-style: solid; border-right-color: #d3d3d3; text-align: center; border-collapse: collapse; width: 33%;" border="0" cellspacing="0" cellpadding="0" align="left">
<tbody>
<tr>
<td class="clientslogo" height="204"><a href="https://bit.ly/enlowhallatkean" target="_blank"><img alt="Enlow Recital Hall" border="0" height="58" src="http://apps.vendini.com/i/a35d18598f68833e8f6e958f5aecc2258952149e.png" width="111" data-pin-nopin="true" data-src-original="https://i.imgur.com/lQAzFuk.png" data-src-original-sha1="a35d18598f68833e8f6e958f5aecc2258952149e" /></a></td>
</tr>
</tbody>
</table>
<table class="inner" style="border-right-width: 1px; border-right-style: solid; border-right-color: #d3d3d3; text-align: center; border-collapse: collapse; width: 33%;" border="0" cellspacing="0" cellpadding="0" align="left">
<tbody>
<tr>
<td class="clientslogo" height="204"><a href="https://bit.ly/keanstageEB01" target="_blank"><img alt="Kean Stage" border="0" height="86" src="http://apps.vendini.com/i/2d12bb3d96447b9320e86339c3bd06287dc1a039.png" width="70" data-pin-nopin="true" data-src-original="https://i.imgur.com/QA4v43K.png" data-src-original-sha1="2d12bb3d96447b9320e86339c3bd06287dc1a039" /></a></td>
</tr>
</tbody>
</table>
<table class="inner" style="border-collapse: collapse; text-align: center; width: 33%;" border="0" cellspacing="0" cellpadding="0" align="left">
<tbody>
<tr>
<td class="clientslogo" height="204"><a href="https://bit.ly/premiereatkean" target="_blank"><img alt="Premiere Stages" border="0" height="75" src="http://apps.vendini.com/i/a14fd70f5398269b32ee1a382a75225525cb548a.gif" width="111" data-pin-nopin="true" data-src-original="https://i.imgur.com/ILorzY1.gif" data-src-original-sha1="a14fd70f5398269b32ee1a382a75225525cb548a" /></a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table class="inner" style="border-collapse: collapse; width: 100%;" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td>
<table class="inner" style="border-collapse: collapse; text-align: center; border-right-width: 1px; border-right-style: solid; border-right-color: #d3d3d3; width: 48%;" border="0" cellspacing="0" cellpadding="0" align="left">
<tbody>
<tr>
<td class="clientslogo" height="204"><a href="https://bit.ly/keandeptoftheatre" target="_blank"><img alt="Kean Theatre Dept." border="0" height="75" src="http://apps.vendini.com/i/96d2b2bfc8b6f753fb43d49e02294d47dd8c6004.png" width="195" data-pin-nopin="true" data-src-original="https://i.imgur.com/36FYbef.png" data-src-original-sha1="96d2b2bfc8b6f753fb43d49e02294d47dd8c6004" /></a></td>
</tr>
</tbody>
</table>
<table class="inner" style="border-collapse: collapse; text-align: center; width: 48%;" border="0" cellspacing="0" cellpadding="0" align="left">
<tbody>
<tr>
<td class="clientslogo" height="204"><a href="https://bit.ly/keangalleries" target="_blank"><img alt="Kean Galleries" border="0" height="75" src="http://apps.vendini.com/i/76b0dfb83604a6486e517435f10c688f3298d6ca.png" width="195" data-pin-nopin="true" data-src-original="https://i.imgur.com/ThixAjQ.png" data-src-original-sha1="76b0dfb83604a6486e517435f10c688f3298d6ca" /></a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
<td width="29"> </td>
</tr>
<tr>
<td height="48"> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td width="29"> </td>
<td>
<table style="width: 219px;" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td style="font-weight: bold; font-style: normal; font-variant: normal; letter-spacing: 1px; font-size: 18px; line-height: normal; font-family: Helvetica, Arial, sans-serif; background: #fd695c;" align="center" bgcolor="#e4da36" width="219" height="65"><a href="https://www.keanfoundation.org/" style="text-decoration: none; color: #ffffff; padding: 15px 0; text-transform: uppercase;" target="_blank">Join the arts</a></td>
</tr>
</tbody>
</table>
</td>
<td width="29"> </td>
</tr>
<tr>
<td height="95"> </td>
<td> </td>
<td> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table class="full" style="position: relative; opacity: 1; z-index: 0; width: 100%;" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td>
<table class="devicewidth" style="width: 600px;" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td>
<table class="full" style="width: 100%;" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#ffffff">
<tbody>
<tr>
<td>
<table class="inner" style="border-collapse: collapse; text-align: center; width: 100%;" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td class="hide" width="29"> </td>
<td>
<table class="blockcenterd" style="border-collapse: collapse; width: 311px;" border="0" cellspacing="0" cellpadding="0" align="left">
<tbody>
<tr>
<td height="42"> </td>
</tr>
<tr>
<td style="font: 300 18px Helvetica, Arial, sans-serif; color: #212121; text-align: left; text-transform: uppercase;" align="left"><span><b> KEAN STAGE</b> &amp; <b>Kean arts</b></span></td>
</tr>
<tr>
<td height="18"> </td>
</tr>
<tr>
<td style="font: 14px/21px Helvetica, Arial, sans-serif; color: #2a2a2a; text-align: left;" align="left">Kean Stage is part of Kean University's Arts Council. Its mission is to educate, entertain &amp; challenge students and audiences with high quality performances. <br /><br /><b>*</b>Promotional code "<b>keanarts</b>" cannot be combined with other discounts. This code is not redeemable on previous purchases. You may share the code with friends and family members!</td>
</tr>
<tr>
<td height="25"> </td>
</tr>
</tbody>
</table>
<table class="inner" style="border-collapse: collapse; border-left-width: 1px; border-left-style: solid; border-left-color: #d6d6d6; width: 197px;" border="0" cellspacing="0" cellpadding="0" align="right" bgcolor="#ffffff">
<tbody>
<tr>
<td>
<table class="socialholder" style="border-collapse: collapse; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #d6d6d6; width: 100%;" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td>
<table class="socilainner" style="border-collapse: collapse; width: 48%;" border="0" cellspacing="0" cellpadding="0" align="left">
<tbody>
<tr>
<td align="center" valign="middle" height="97"> </td>
</tr>
</tbody>
</table>
<table class="socilainner" style="border-collapse: collapse; width: 48%;" border="0" cellspacing="0" cellpadding="0" align="left">
<tbody>
<tr>
<td align="center" valign="middle" height="97"><a href="https://bit.ly/keanstagefacebook" target="_blank"><img alt="Facebook" border="0" src="http://apps.vendini.com/i/c56c4418dc2e8adbcca4128742337c568ebec893.png" width="48" data-pin-nopin="true" data-src-original="https://i.imgur.com/ctwfZTx.png" data-src-original-sha1="c56c4418dc2e8adbcca4128742337c568ebec893" /></a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table class="socialholder" style="border-collapse: collapse; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #d6d6d6; width: 100%;" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td>
<table class="socilainner" style="border-collapse: collapse; width: 48%;" border="0" cellspacing="0" cellpadding="0" align="left">
<tbody>
<tr>
<td align="center" valign="middle" height="97"> </td>
</tr>
</tbody>
</table>
<table class="socilainner" style="border-collapse: collapse; width: 48%;" border="0" cellspacing="0" cellpadding="0" align="left">
<tbody>
<tr>
<td align="center" valign="middle" height="97"><a href="https://bit.ly/keantwitter" target="_blank"><img alt="Twitter" border="0" src="http://apps.vendini.com/i/9afbe0716e5221eb0ed3658985e6775eee10019e.png" width="48" data-pin-nopin="true" data-src-original="https://i.imgur.com/9I7GRcX.png" data-src-original-sha1="9afbe0716e5221eb0ed3658985e6775eee10019e" /></a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table class="socialholder" style="border-collapse: collapse; width: 100%;" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td>
<table id="noborder" class="socilainner" style="border-collapse: collapse; width: 48%;" border="0" cellspacing="0" cellpadding="0" align="left">
<tbody>
<tr>
<td align="center" valign="middle" height="97"> </td>
</tr>
</tbody>
</table>
<table id="noborder" class="socilainner" style="border-collapse: collapse; width: 48%;" border="0" cellspacing="0" cellpadding="0" align="left">
<tbody>
<tr>
<td align="center" valign="middle" height="97"><a href="https://bit.ly/keaninstagram" target="_blank"><img alt="Instagram" border="0" src="http://apps.vendini.com/i/84442b4b334c3411b385ef0b46867ae73b098fea.png" width="48" data-pin-nopin="true" data-src-original="https://i.imgur.com/PlNT6lE.png" data-src-original-sha1="84442b4b334c3411b385ef0b46867ae73b098fea" /></a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
<td class="hide" width="29"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table style="width: 100%;" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td align="center">
<table style="width: 600px;" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td>
<table style="width: 100%;" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#000000">
<tbody>
<tr>
<td height="18"> </td>
</tr>
<tr>
<td width="21"> </td>
<td>
<table style="width: 100%;" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td>
<table style="width: 100%;" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td style="font: 14px Helvetica,  Arial, sans-serif; color: #000;" align="center"><a href="https://bit.ly/1WERa84" style="color: #fff; text-decoration: none;" target="_blank">© 2015 Kean Stage </a></td>
<td style="color: #fff; text-decoration: none;">|</td>
<td style="font: 14px Helvetica,  Arial, sans-serif; color: #000;" align="center"><a href="mailto:ticket@kean.edu" style="color: #fff; text-decoration: none;" target="_blank">ticket@kean.edu </a></td>
<td style="color: #fff; text-decoration: none;">|</td>
<td style="font: 14px Helvetica,  Arial, sans-serif; color: #000;" align="center"><a href="tel:908-737-7469" style="color: #fff; text-decoration: none;" target="_blank">908-737-7469</a></td>
<td align="right" width="40"> </td>
</tr>
<tr>
<td height="18"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
  
  

</body>

</html>

Comments