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>
</body>

CSS

body {
    background: #FFF url(http://s17.postimg.org/9krjfcs97/banghead.png)  repeat-x top;
    width: 100%;
    height:100%;
}
#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: #2A2F3D url(http://s17.postimg.org/9krjfcs97/banghead.png) repeat-x;
   
}