JSFiddle - React, Tailwind, and code Playground

HTML

<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>$SITE_NAME$</title>
		<link type="text/css" rel="StyleSheet" href="style.css" /> 
		<link rel="shortcut icon" href="/favicon.ico"/>
		<script src="js/protection.js"></script>
	</head>
	<body>
		<table cellspacing="0" cellpadding="0" class="tableos" border="1">
			<tr>
				<td valign="top" class="td1" colspan="6"></td>
			</tr>
			<tr>
				<td valign="top" class="td2"></td>
				<td valign="top" class="td3" colspan="3">
					<br><br><br><br><br>
				</td>
			</tr>
			<tr>
				<td valign="top" class="td4"></td>
				<td valign="top" class="td5">
					<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
				</td>
				<td valign="top" class="td6"></td>
			</tr>
			<tr>
				<td valign="top" class="td7" colspan="6"></td>
			</tr>
		</table>
	</body>
</html>

CSS

body{background: #272727; color: #000;}
*{margin: 0px; padding: 0px;}
TABLE{border: 1px solid black;border-collapse: collapse;}
table.tableos{width: 1000px; height: 100%; margin: 0 auto; background: #fff;}
td.td1{width: 1000px; height: 50px; background: rgb(31,31,31);}
td.td2{width: 204px; height: 242px; background: url(img/prof.png)} 
td.td3{width: 800px; height: 242px;}
td.td4{background: rgb(23,23,23);} 
td.td5{width: 598px; background: #171717;} 
td.td6{background: rgb(23,23,23);}
td.td7{width: 1000px; height: 100px; background: rgb(15,15,15);}