basketball
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Basketball</title>
<style type='text/css'>
html, body, ul, li, h1, h2, h3, h4 {
margin: 0;
padding: 0;
list-style: none;
}
h1 img {
display: block;
}
img {
border: 0;
}
a {
color: #F4B79A;
font-weight: bold;
text-decoration: none;
}
a:hover {
color: #F8D9CA;
text-decoration: underline;
}
.more {
text-align: right;
margin-top: 0;
font-size: 10px;
}
.left {
float: left;
}
.right {
float: right;
}
.clear {
clear: both;
}
body {
background: white url(basketball-images/bg.jpg) repeat-x;
font: 11px tahoma, verdana, sans-serif;
color: #F4B79A;
padding: 20px;
text-align: center;
}
h3 {
font-size: 11px;
}
#wrapper {
text-align: left;
margin: auto;
width: 778px;
min-height: 693px;
background: #a43a0a url(basketball-images/bgorange.jpg) repeat-x;
}
#nav {
float: left;
width: 246px;
}
#nav img {
display: block;
}
#body {
float: right;
width: 479px;
padding-right: 5px;
}
.drk {
background: left url(basketball-images/drk_bg.gif) repeat-y;
}
.drk .top {
background: top left url(basketball-images/drk_top.gif) no-repeat;
}
.drk .bot {
background: bottom left url(basketball-images/drk_top-17.gif) no-repeat;
padding: 10px;
}
.lit {
background: left url(basketball-images/lit_bg.gif) repeat-y;
}
.lit .top {
background: top left url(basketball-images/lit_top.gif) no-repeat;
}
.lit .bot {
background: bottom left url(basketball-images/lit_bot.gif) no-repeat;
}
.pad {
padding: 11px 16px;
}
.diamond {
padding-left: 12px;
background: 0px 4px url(basketball-images/bullet_drk_diamond.gif) no-repeat;
}
.lit .diamond {
background: 0px 4px url(basketball-images/bullet_lit_diamond.gif) no-repeat;
}
h3 {
color: #fff;
}
#welcome p {
margin-bottom: 0;
}
#welcome .more {
margin: 0;
padding: 0;
}
#welcome .pad {
padding-bottom: 0px;
}
#news .more {
margin-bottom: 0;
}
#news .more a {
color: #fff;
}
#news .right {
margin-top: -4px;
margin-bottom: 0;
position: relative;
}
#news .pad {
margin-right: 180px;
padding-top: 0px;
padding-bottom: 0;
margin-bottom: 0;
}
#news .bot {
position: relative;
padding-bottom: 2px;
}
#news h2 {
padding-bottom: 12px;
}
#news h3 {
padding-bottom: 0px;
margin-bottom: 0;
}
#news p {
padding-left: 12px;
padding-top: 0;
margin: 0.8em 0 1em 0;
position: relative;
}
.drk h3 {
padding-left: 12px;
background: 0px 4px url(basketball-images/bullet_drk_arr.gif) no-repeat;
}
.lit h3 {
padding-left: 12px;
background: 0px 4px url(basketball-images/bullet_lit_arr.gif) no-repeat;
}
.event {
float: left;
width: 125px;
margin-top: 4px;
margin-right: 31px;
padding-bottom: 3px;
}
.event h3 {
margin-bottom: 0;
}
.event .more {
padding-bottom: 8px;
}
#features h3 {
margin-bottom: 0;
}
#features p {
margin-top: 0;
margin-bottom: 0;
padding-left: 12px;
}
#features .more {
margin-top: 0;
margin-bottom: 5px;
}
#features .pad {
padding-left: 28px;
}
#foot {
background: url(basketball-images/foot_bg.jpg) repeat-x;
color: #362E2B;
width: 778px;
text-align: left;
margin: auto;
text-indent: 4px;
position: relative;
}
#foot-left {
background: top left url(basketball-images/foot_left.jpg) no-repeat;
padding: 15px 0;
}
#foot-ball {
background: top left url(basketball-images/foot_right.jpg) no-repeat;
position: absolute;
left: 652px;
top: -62px;
width: 126px;
height: 110px;
}
#man {
background: bottom left url(basketball-images/pic_1.jpg) no-repeat;
padding-bottom: 1px;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>
<body>
<div id="wrapper"><div id="man">
<h1><img src="basketball-images/logo.gif" width="778" height="60" alt="Logo"></h1>
<div id="nav">
<a href="http://www.freewebsitetemplates.com"><img src="basketball-images/m1.jpg" width="294" height="30" alt="M1"></a>
<a href="http://www.freewebsitetemplates.com"><img src="basketball-images/m2.jpg" width="294" height="25" alt="M2"></a>
<a href="http://www.freewebsitetemplates.com"><img src="basketball-images/m3.jpg" width="294" height="25" alt="M3"></a>
<a href="http://www.freewebsitetemplates.com"><img src="basketball-images/m4.jpg" width="294" height="24" alt="M4"></a>
<a href="http://www.freewebsitetemplates.com"><img src="basketball-images/m5.jpg" width="294" height="25" alt="M5"></a>
<a href="http://www.freewebsitetemplates.com"><img src="basketball-images/m6.jpg" width="294" height="23" alt="M6"></a>
<a href="http://www.freewebsitetemplates.com"><img src="basketball-images/m7.jpg" width="294" height="25" alt="M7"></a>
<img src="basketball-images/m8.png" width="294" height="47" alt="M8">
</div>
<div id="body">
<div class="drk" id="welcome">
<div class="top">
<div class="bot">
<div class="picbar"><img src="basketball-images/pic_2.jpg" width="458" height="103" alt="Pic 2"></div>
<div class="pad">
<h2><img src="basketball-images/h_welcome_to_our_club.gif" width="137" height="17" alt="Welcome To Our Club" /></h2>
<p>You can find some <a href="http://www.webhostingservices.us/">web hosting services</a> which are also a need for website building which are listed in web hosting search.</p>
<p>This is a template designed by free website templates for you for free you can replace all the text by your own
text. This is just a place holder so you can see how the site would look like.</p>
<p>You can remove any link to our websites from this template you're free to use the template without linking
back to us. Don't want your boss to know you used a free website template ;) .</p>
<p class="more"><a href="#" class="diamond">Know more</a></p>
</div>
</div>
</div>
</div>
<div class="drk" id="news">
<div class="top">
<div class="bot">
<img src="basketball-images/pic_3.jpg" width="156" height="249" alt="Pic 3" class="right" />
<div class="pad">
<h2><img src="basketball-images/h_current_sports_news.gif" width="117" height="21" alt="Current Sports News"></h2>
<h3>20-12-06</h3>
<p>Even more websites all about website templates on <a href="http://www.justwebtemplates.com">Just Web Templates</a>.</p>
<h3>20-12-06</h3>
<p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
<h3>20-12-06</h3>
<p>If you're having problems editing the template please don't hesitate to ask for help on the <a href="http://www.freewebsitetemplates.com/forum/">forum</a>.</p>
<p class="more"><a href="#" class="diamond">Know more</a></p>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div class="lit" id="features">
<div class="top">
<div class="bot">
<div class="pad">
<h2><img src="basketball-images/h_featured_events.gif" width="97" height="17" alt="Featured Events"></h2>
<div class="event">
<h3>23-12-06</h3>
<p>Even more websites all about website templates on <a href="http://www.justwebtemplates.com">Just Web Templates</a>.</p>
<p class="more"><a href="#" class="diamond">more</a></p>
</div>
<div class="event">
<h3>23-12-06</h3>
<p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
<p class="more"><a href="#" class="diamond">more</a></p>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
<div class="clear"></div>
</div></div>
<div id="foot">
<div id="foot-left">
<div id="foot-ball"></div>
Hosting by <a href="http://www.webhostingservices.us/">Web Hosting Services</a>. All right Reservered.
</div>
</div>
</body>
</html>
Related examples in the same category