JSFiddle - React, Tailwind, and code Playground

by tjdragon

HTML

<script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
    <div class="header">
        d
    </div>
<div class="container"> 
    <div class="content">
    </div>
    <div class="sidebar">
    </div>
    <div class="footer">
    </div>
</div>

CSS

@import url(http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css);
/**
    http://thumbs.dreamstime.com/z/soccer-football-design-template-free-copy-space-vector-35670950.jpg
    http://www.wallpapersoccer.com/wp-content/uploads/2013/11/football-vector-graphics-12.jpg
    http://thumbs.dreamstime.com/z/soccer-vector-illustration-14061169.jpg
    **/
html{
    min-width:100%;
    min-height: 100%;
    background-image: url("http://www.wallpapersoccer.com/wp-content/uploads/2013/11/football-vector-graphics-12.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
body{
background-color:transparent;
}

.header{
    margin:0;
    padding-left: 10px;
    padding-top: 10px;
    background-color: rgba(255,255,255,0.5);
    min-width: 100%;
    height: 100px;
}