JSFiddle - React, Tailwind, and code Playground
by btevfik
HTML
<body>
<!-- InstanceBeginEditable name="Background" -->
<img src="images/bg.jpg" id="bg" alt="">
<!-- InstanceEndEditable -->
<div id="homepage_wrapper">
<div id="header">
<div id="logocontainer"><img src="images/logo.png" width="400" height="45" border="0">
<div id="icons"><a href="https://twitter.com/NewryMusic" target="_blank"><img src="images/YT.png" alt="David Quigley on Twitter" title="David Quigley on Twitter" width="45" height="45" border="0" /></a> <a href="https://twitter.com/NewryMusic" target="_blank"><img src="images/Twitter.png" alt="David Quigley YouTube channel" title="David Quigley YouTube channel" width="45" height="45" border="0" /></a> </div>
</div>
<div id="navcontainer">
<ul>
<li id="active"><a href="index.html" id="current">HOME </a></li>
<li><a href="biography.html">BIOGRAPHY </a></li>
<li><a href="recordings.html">RECORDINGS </a></li>
<li><a href="audiovideo.html">AUDIO/VIDEO </a></li>
<li><a href="quigleyduo.html">QUIGLEY DUO </a></li>
<li><a href="teaching.html">TEACHING </a></li>
<li><a href="press.html">PRESS </a></li>
<li><a href="contact.html">CONTACT </a></li>
</ul>
</div>
<div class="clear"></div>
<!-- InstanceBeginEditable name="Content" -->
<div id="homepage_content">
<div id="column1"> </div>
<div id="column2">
<p><span class="wide">LATEST</span><br>
</p>
<p> </p>
<p> </p>
</div>
<div id="column3">
<p><span class="wide">UPCOMING PERFORMANCES</span><br>
<br>
<strong>April 26th 2013</strong><br>
lorum ipsum dolor- info<br>
<br>
<strong>May 19th 2013</strong><br>
lorum ipsum dolor-<br>
<br>
<strong>June 26th 2013</strong><br>
lorum ipsum dolor-</p>
<p> </p>
<p> </p>
</div>
</div><!-- InstanceEndEditable --> </div>
<div class="clear"></div>
<div class="style1"...
CSS
body{
background: url("http://placekitten.com/800/800") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#footer{
color:white;
border: blue 2px solid;
}
}