counterstrike
<!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">
<head>
<title>Counter-Strike</title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<style type='text/css'>
/* +++++++++++++++++++++++++++++ Shifting Ground +++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++ Common Styles ++++++++++++++++++++ */
* {
margin: 0px;
padding: 0px;
}
body {
color: #fff;
background-color: #484848;
font-family: 'verdana', 'helvetica', sans-serif;
font-size: 100%;
text-align: center;
}
table {
font-size: 1em;
}
td {
color: #fff;
background-color: inherit;
font-family: 'verdana', 'helvetica', sans-serif;
font-size: 1em;
}
a {
color: #fff;
background-color: inherit;
text-decoration: underline;
}
a:hover {
color: #fff;
background-color: inherit;
text-decoration: none;
}
img {
border: none;
}
ul, ul li {
list-style: none outside;
}
ol, ol li {
list-style: decimal inside;
}
p {
padding: 0.6em 0em 0.6em;
}
fieldset {
border: none;
}
input, textarea, select {
font-family: 'verdana', 'helvetica', sans-serif;
font-size: 13px;
}
.hidethis {
display: none;
}
.clearthis {
margin : 0px;
height : 1px;
clear : both;
float : none;
font-size: 1px;
overflow : hidden;
visibility: hidden;
}
/* ++++++++++++++++++++ Image Thumbnails ++++++++++++++++++++ */
.tb_center {
text-align: center;
}
.tb_center img {
margin: 1.3em auto;
border: 1px #fff solid;
}
/* ++++++++++++++++++++ Body Wrappers ++++++++++++++++++++ */
#body_wrapper {
margin: 35px 10px;
width: 982px;
background: url('counterstrike-images/rightcol_img.gif') no-repeat 100% 68px;
font-size: 0.71em;
}
/* ++++++++++++++++++++ Body Container ++++++++++++++++++++ */
#body_container {
float: right;
position: relative;
left: -243px;
width: 496px;
background: url('counterstrike-images/main_bg_bot.gif') no-repeat 0% 100%;
}
#body_container_b {
padding: 15px 0px;
width: 496px;
background: url('counterstrike-images/main_bg_top.gif') no-repeat 0% 0%;
}
#body_container_c {
color: inherit;
background-color: #8e8257;
border-left: #fff 6px solid;
border-right: #fff 6px solid;
}
/* ++++++++++++++++++++ Page Header ++++++++++++++++++++ */
#page_header {
padding-bottom: 2px;
color: inherit;
background-color: #b3ab78;
}
#page_header h1 {
position: relative;
top: -4px;
width: 100%;
height: 40px;
background: url('counterstrike-images/counterstrike_logo.gif') no-repeat 50% 50%;
}
/* ++++++++++++++++++++ Page Content ++++++++++++++++++++ */
#page_content {
padding: 15px 17px 10px;
font-weight: bold;
text-align: left;
}
.link_readmore {
padding: 35px 0px 10px;
text-align: right;
}
.link_readmore a {
margin-left: auto;
display: block;
width: 94px;
height: 24px;
background: url('counterstrike-images/button_readmore.gif') no-repeat 0% 0%;
}
/* ++++++++++++++++++++ Navigation Menu ++++++++++++++++++++ */
#navmenu {
float: left;
margin-top: 68px;
position: relative;
left: 77px;
width: 166px;
background: url('counterstrike-images/navmenu_bg_bot.gif') no-repeat 0% 100%;
font-size: 1.15em;
font-weight: bold;
}
#navmenu_b {
padding: 15px 0px;
width: 166px;
background: url('counterstrike-images/navmenu_bg_top.gif') no-repeat 0% 0%;
}
#navmenu_c {
color: inherit;
background-color: #6d6845;
border-left: #fff 6px solid;
}
#navmenu a {
text-decoration: none;
text-transform: uppercase;
}
#navmenu li {
border-top: #fff 1px solid;
}
#navmenu li a {
display: block;
padding: 5px 0px;
width: 160px;
}
#navmenu li a:hover {
color: inherit;
background-color: #989160
}
#navmenu li.list_first {
border-top: none;
}
/* ++++++++++++++++++++ Page Footer ++++++++++++++++++++ */
#page_footer {
padding: 20px 0px;
font-size: 0.9em;
font-weight: bold;
}
</style>
</head>
<body>
<div id="body_wrapper">
<!-- Start of Body Container -->
<div id="body_container">
<div id="body_container_b">
<div id="body_container_c">
<!-- Start of Page Header -->
<div id="page_header">
<!-- Website Title -->
<h1><span class="hidethis"> Counter Strike </span></h1>
</div>
<!-- End of Page Header -->
<!-- Start of Page Content -->
<div id="page_content">
<p>Don't forgot to check free website templates every day, because we add at least one free website template daily.</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>If you're looking for beautiful and professionally made templates you can find them at Template Beauty.com.</p>
<div class="tb_center"> <img src="counterstrike-images/cs_img01.gif" width="425" height="176" alt="" /></div>
<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>If you're having problems editing the template please don't hesitate to ask for help on the forum.</p>
<p>If you're looking for beautiful and professionally made templates you can find them at Template Beauty.com.</p>
<p>To find great hosting providers visit Web Hosting Zoom</p>
<!-- Read More Button -->
<div class="link_readmore"> <a href="http://www.free-css.com/"><span class="hidethis">Read more</span></a></div>
</div>
<!-- End of Page Content -->
</div>
</div>
</div>
<!-- End of Body Container -->
<!-- Start of Navigation Menu -->
<div id="navmenu">
<div id="navmenu_b">
<div id="navmenu_c">
<h3><span class="hidethis">Site Menu:</span></h3>
<ul>
<li class="list_first"><a href="http://www.free-css.com/">Home</a></li>
<li><a href="http://www.free-css.com/">Members</a></li>
<li><a href="http://www.free-css.com/">Events</a></li>
<li><a href="http://www.free-css.com/">Partners</a></li>
<li><a href="http://www.free-css.com/">About Us</a></li>
<li><a href="http://www.free-css.com/">Contact Us</a></li>
<li><a href="http://www.free-css.com/">Home</a></li>
<li><a href="http://www.free-css.com/">Members</a></li>
<li><a href="http://www.free-css.com/">Events</a></li>
<li><a href="http://www.free-css.com/">Partners</a></li>
<li><a href="http://www.free-css.com/">About Us</a></li>
<li><a href="http://www.free-css.com/">Contact Us</a></li>
</ul>
</div>
</div>
</div>
<!-- End of Navigation Menu -->
<div class="clearthis"> </div>
<!-- Start of Page Footer -->
<div id="page_footer"> Web design by <a href="http://www.freewebsitetemplates.com">free website templates</a></div>
<!-- End of Page Footer -->
</div>
</body>
</html>
Related examples in the same category