JSFiddle - React, Tailwind, and code Playground

by Joe Pigott

HTML

<link rel="stylesheet" href="http://jscrollpane.kelvinluck.com/style/jquery.jscrollpane.css">
<script src="http://jscrollpane.kelvinluck.com/script/jquery.mousewheel.js"></script>
<script src="http://jscrollpane.kelvinluck.com/script/jquery.jscrollpane.min.js"></script>
    <div id="menubar"> <a href="localhost:8080/ES/ESHome.html">Home</a>
 <a>Our Mission</a>
 <a>Get Involved</a>
 <a>Photo Gallery</a>
 <a>FAQ</a>
 <a href="mailto:[email protected]?Subject=Contact" target="_blank">Contact</a>
 <a>News &amp; Spotlights</a>

    </div>
    <div id="tess"> <a href="localhost:8080/ES/ESHomehtml"><div id="logo"><img src="http://enoughtospare.org/item/502c9574c4aa67a228fa6b58?format=750w"></div></a>

    </div>

CSS

#menubar {
    background-color: white;
    text-align: center;
    position: fixed;
    width: 100%;
    height: 30px;
    font-family: Verdana;
}
a {
    text-decoration: none;
    color: #876645;
    margin: 10px;
}
#tess {
    height: 400px;
    width: 100%;
    background-color: #876645;
    text-align: center;
}
#logo {
    margin-top: 5000px;
    width: auto;
}

JavaScript

$(document).ready(function () {
    $('#page').jScrollPane({showArrows: true});
});