JSFiddle - React, Tailwind, and code Playground

by praveen_jegan

HTML

<body>
    <div id="websiteContents">
        <div id="header">
            <div id="headerLine"></div>contents
            <div id="headerLine_down"></div>vary contents
            <div class="footer"> <a href="#">Home</a>
 <a href="#">about</a>
 <a href="#">contact us</a>

            </div>
        </div>
    </div>
    
    <div id="top"></div>
    <div id="bottom"></div>
</body>

CSS

#websiteContents {
    width: 1150px;
    margin: 0 auto;
}
#headerLine {
    width: 1150px;
    height: 4px;
    background-color: #647193;
    float: left;
    margin-top: 14px;
}
#headerLine_down {
    width: 1150px;
    height: 9px;
    background-color: #2B303E;
}
.footer {
    width: 1150px;
    background-color: #2A2F3D;    
}
#top, #bottom, #left, #right {
    background: url(http://s17.postimg.org/9krjfcs97/banghead.png);
    position: fixed;
}
#left, #right {
    top: 0;
    bottom: 0;
    width: 15px;
}

#top, #bottom {
    left: 0;
    right: 0;
    height: 15px;
}
#top {
    top: 0;
}
#bottom {
    bottom: 0;
}