basketball : Sport « Templates « HTML / CSS






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

1.football-card
2.golf
3.sport-zone
4.sportscars
5.sports_cafe
6.sports_templates
7.sports_turf
8.soccer01
9.winter-olympics
10.yoga