JSFiddle - React, Tailwind, and code Playground

by robert_schutt

HTML

<table border="0" bordercolor="white" cellpadding="0" cellspacing="0" width="100%">
	<tbody><tr>
		<td rowspan="11"></td>
		<td height="100" align="center" bgcolor="white" valign="center" width="150"><img src="http://dev.gmoney.club/estreladesign.com.au/dev/images/Logo.jpeg" width="140"></td>
		<td rowspan="10" align="center" valign="top" width="896"><br>
			<table border="0" cellpadding="0" cellspacing="0" width="856">
				<tbody><tr>
					<td align="right"><a href="?info=about">Join Our Mailing List</a> || <a href="?info=contact">Contact Us</a></td>
				</tr>
			</tbody></table><br>
			<table border="0" cellpadding="0" cellspacing="0" width="856">
			
				<tbody><tr>
					<td align="center" valign="center">
					
					</td>
				</tr>
			
			</tbody></table><br>
		</td>
		<td rowspan="11" width="300">tw</td>
		<td rowspan="11"></td>
	</tr>
	<tr>
		<td width="150"><a class="menu" href="?">Home</a></td>
	</tr>
	<tr>
		<td width="150"><a class="menu menugold" href="?info=jewelery">Jewelery</a></td>
	</tr>
	<tr>
		<td width="150"><a class="menu" href="?info=locations">Locations</a></td>
	</tr>
	<tr>
		<td width="150"><a class="menu" href="?info=services">Services</a></td>
	</tr>
	<tr>
		<td width="150"><a class="menu" href="?info=faq">FAQ</a></td>
	</tr>
	<tr>
		<td width="150"><a class="menu menugreen" href="?info=vouchers">Gift Vouchers</a></td>
	</tr>
	<tr>
		<td width="150"><a class="menu" href="?info=about">About Us</a></td>
	</tr>
	<tr>
		<td width="150"><a class="menu" href="?info=contact">Contact Us</a></td>
	</tr>
	<tr>
		<td valign="top" width="150"><br>&nbsp;&nbsp;<b><font size="4">1300 987 797</font></b></td>
	</tr>
	<tr>
		<td height="100" width="150">&nbsp;</td>
		<td height="100" align="center" valign="center" width="896">soc</td>
	</tr>
</tbody></table>

CSS

body { font-family:Arial; margin-left:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; color:white; background-color:black; }
	a.menu:link, a.menu:visited { color:white; font-size:20px; font-weight: bold; text-decoration:none; display: block; padding-left: 6px; line-height: 50px; }
	a.menu:hover { color:black; background-color:white; }
  a.menugold:hover { color: gold; }
  a.menugreen { background-color: green; }
  a.menugreen:hover { color: green; }