Top
Home
;background-image: url("bg.jpg");
;background-image: url("Header.jpg");
;background-image: url("footer.jpg");


Place in style.css

@media screen and (min-width: px) and (max-width: px) {
#container {margin-right:auto;margin-left:auto;width:px;background-color:#cccccc;background-image: url("bg.jpg");}
# {float:left;width:100px;height:100px;padding:0px;background-color:aquamarine}
# {float:left;width:100px;height:100px;padding:0px;background-color::BlanchedAlmond}
# {float:left;width:100px;height:100px;padding:0px;background-color:CadetBlue}
# {float:left;width:100px;height:100px;padding:0px;background-color:coral}
# {float:left;width:100px;height:100px;padding:0px;background-color:cornsilk}
# {float:left;width:100px;height:100px;padding:0px;background-color:crimson}
# {float:left;width:100px;height:100px;padding:0px;background-color:khaki}
# {float:left;width:100px;height:100px;padding:0px;background-color:HotPink}
p{font: 14px "arial"; font-weight: normal; color: #000000}
h1{font: 18px "arial"; font-weight: bold; color: #000000}
}


Place in index.php in the container div

<div id=""></div>
<div id=""></div>
<div id=""></div>
<div id=""></div>
<div id=""></div>
<div id=""></div>
<div id=""></div>
<div id=""></div>


Place in style.css for total collapsable device

@media screen and (min-width: px) and (max-width: px) {
#container {position:relative;margin-right:auto;margin-left:auto;width:100%;background-color:#cccccc}
#footer {position:relative;margin-right:auto;margin-left:auto;width:100%;background-color:#cccccc}
# {width:100%;background-color:aquamarine}
# {width:100%;background-color::BlanchedAlmond}
# {width:100%;background-color:CadetBlue}
# {width:100%;background-color:coral}
# {width:100%;background-color:cornsilk}
# {width:100%;background-color:crimson}
# {width:100%;background-color:khaki}
# {width:100%;background-color:HotPink}
p{font: 14px "arial"; font-weight: normal; color: #000000}
h1{font: 18px "arial"; font-weight: bold; color: #000000}
ul.menu li {width:100%;margin-top:0px} ul.menu li a {padding: 3px 0px;font-size: 12px} }