JSFiddle - React, Tailwind, and code Playground

by KJ Stahl

HTML

<div class="navbar">
    <table	class="nav" width="180">
      <td>
<!-- Navigation with links to each page -->
      	<th><a href="home.html" class="unit">
        	Home
        </a></th>
      </td>
      <td>
      	<th><a href="Information and schedule.html" class="unit">
        Schedule
        </a></th>
      </td>
      <td>
      	<th><a href="get involved.html" class="unit">
        Join Us
        </a></th>
      </td>
      <td>
      	<th><a href="parents.html" class="tinu">
        Parents
        </a></th>
      </td>
      <td>
      	<th><a href="students.html" class="tinu">
        Students
        </a></th>
      </td>
      <td>
      	<th><a href="Vendors and presenters.html" class="tinu">
        Interactive Booths
        </a></th>
      </td>
      <td>
      	<th><a href="Hands_on.html" class="tinu">
        Hands On Activities
        </a></th>
      </td>
      <td>
       <th><a href="T4t.html" class="unit">
       		T4t
       </a></th>
      </td>
      <td>
       <th>
<a href="https://docs.google.com/a/student.liberty.k12.mo.us/forms/d/1UcYsHh9afc9vkCtDvw_kuv1wpvVCIxjqR5hYC0-0P3M/viewform" class="tinu">
       		Register </a></th>
      </td> 
      <td>
       <th><a href="http://hackedkc.org" class="tinu">
       		HackEDkc @ Liberty
       </a></th>
      </td>

    </table>    
    </div>

CSS

.navbar {
	
	width: 960px;
	height: 75px;
	background: #3399FF;
	padding-bottom: 10px;
}
.nav {
	vertical-align: center;
}
a:link {
	color: #000;
	text-decoration: underline;
}
a:visited {
	color: #000;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}