JSFiddle - React, Tailwind, and code Playground

by Nathan Piper

HTML

<body>
     <hr width="50%" size="3" ; noshade>
     <h1 style="font-family: Comic Sans MS; font-size: 40px; color: white; text-align: center;"> Staff Contact  </h1>
  <div id="line">
    <hr width="50%" size="3" ; noshade>
    <div style="text-align: center" id="menubar1"> <a href="http://jsfiddle.net/bign9/udL7P/3/embedded/result/">Home </a>  <a href="#">Our   Mission </a>  <a href="#">Staff   Contact </a>  <a href="#"> More.. </a>
 </div>
        <hr width="75%" size="3" noshade>
            <h2 style="color: white; font-family: Comic Sans MS">
                <table border="3px">
                    <thead></thead>
            <tbody>
                <tr>
                    <td>email</td>
                        <td>[email protected]</td>
                </tr>
                <tr>
                    <td>skype</td>
                    <td>nathanamazingness</td>
                </tr>
                        </tbody>
                </table>

CSS

body {
     background-image: url('http://wallpaperscraft.com/image/dark_black_and_white_abstract_black_background_76353_1280x800.jpg?orig=1');
 }
 div#menubar1 {
     padding: 24px;
     border: #999, 1px;
 }
 div#menubar1 > a {
     font-family: Comic Sans MS;
     font-size: 17px;
     background:#333;
     padding: 12px 24px;
     color: white;
    border-radius: 5px;
    margin-right: 70px;
    transition: background 0.3 linear 0s, color 0.3 linear 0s;
    
 }
div#menubar1 > a:hover {
    background: gray;
    color: white;
    
}
div#head > a:hover {
    background: aqua;
}