businesssolutions01
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="description of page" />
<meta name="keywords" content="keywords of site" />
<meta name="author" content="name of author - Manjeet Singh Sawhney www.manjeetss.com" />
<style type='text/css'>
/* This website template was created by myself Manjeet Singh Sawhney (http://www.manjeetss.com)
You are free to copy, distribute and adapt any of the work under the following condition:
You must attribute the work by keeping the "Designed by Manjeet Singh Sawhney" link in the footer.
If you wish, you can remove the footer link by paying a small fee of only $5. For this please drop me an e-mail to manjeetss@gmail.com with your details and I will then send you my PayPal account details. Thanks.
*/
body
{
margin: 0 auto;
padding: 0;
font-family: Arial, Tahoma, Times New Roman;
font-size: 12px;
}
#page
{
background: #fff;
color: #777;
margin: 0 auto;
padding: 0 10px;
width: 660px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}
#header
{
clear: both;
padding-top: 10px;
}
#slogan
{
font-style: italic;
margin: 17px 0 0 400px;
}
#topmenu
{
clear: both;
width: 660px;
height: 26px;
background-color: #036;
margin: 0;
font: bolder 12px/26px Arial, Tahoma, Times New Roman;
}
#topmenu ul
{
margin: 0;
padding: 0;
}
#topmenu ul li
{
float: left;
list-style: none;
}
#topmenu ul li a
{
display: block;
text-decoration: none;
padding: 0 10px;
background: inherit;
color: #fff;
}
#topmenu ul li a:hover
{
background: #fff;
background-color: #f60;
}
#topmenu ul li a#selected
{
background-color: #f60;
}
#leftmenu
{
clear: left;
float: left;
width: 150px;
margin: 20px 0;
padding: 0;
font-size: 12px;
}
#leftmenu p.newstext
{
line-height: 17px;
}
#leftmenu ul
{
list-style: none;
width: 150px;
margin: 0 0 20px 0;
padding: 0;
}
#leftmenu li
{
margin-bottom: 4px;
}
#leftmenu li a
{
font-weight: bold;
height: 20px;
display: block;
text-decoration: none;
color: #036;
padding: 6px 0 0 10px;
background: #eee;
border-right: 3px solid #036;
}
#leftmenu li a:hover
{
color: #f60;
border-right: 3px solid #f60;
}
#leftmenu a
{
font-weight: bold;
}
#content
{
margin: 20px 0 20px 160px;
padding: 0 10px 0 10px;
line-height: 20px;
text-align: left;
}
.note
{
float: left;
padding: 5px 15px;
background-color: #ddd;
margin: 20px 0;
font-weight: bold;
font-style: italic;
border: 1px solid #036;
}
.red
{
color: #f00;
}
.line
{
border-bottom: 1px solid #ddd;
}
a
{
text-decoration: none;
color: #036;
}
a:hover
{
color: #f60;
}
h1
{
margin: 0 0 10px 0;
float: left;
font-size: 30px;
}
h2
{
font-size: 22px;
color: #036;
margin: 0 0 7px 0;
}
h3
{
font-size: 18px;
color: #f60;
margin: 0 0 7px 0;
}
h4
{
font-size: 16px;
color: #f60;
margin: 0 0 10px 0;
}
h5
{
font-size: 14px;
color: #f60;
margin: 0 0 10px 0;
}
h6
{
font-size: 12px;
color: #f60;
margin: 0 0 10px 0;
}
ol
{
list-style-type: decimal;
}
ul
{
list-style-type: square;
}
table
{
width: 100%;
text-align: center;
}
th
{
background-color: #ddd;
color: #036;
}
td
{
background-color: #eee;
}
#footer
{
clear: both;
margin: 0 auto;
padding: 10px 0 20px 0;
border-top: 1px solid #ccc;
font-size: 12px;
font-weight: bold;
text-align: center;
}
</style>
<title>business solutions 01 - www.manjeetss.com - Manjeet Singh Sawhney</title>
</head>
<body>
<div id="page">
<div id="header">
<h1>business solutions 01 - H1</h1>
<div id="slogan">...add some slogan here</div>
</div>
<img src="images/header.jpg" alt="top image" />
<div id="topmenu">
<ul>
<li><a id="selected" href="http://www.manjeetss.com/websitetemplates.html">Website Templates</a></li>
<li><a href="http://www.manjeetss.com/knowledgebase.html">Knowledge Base</a></li>
<li><a href="http://www.manjeetss.com/fitnessnutrition.html">Fitness & Nutrition</a></li>
<li><a href="http://www.manjeetss.com/cvadvice.html">CV Advice</a></li>
</ul>
</div>
<div id="leftmenu">
<ul>
<li><a href="http://www.manjeetss.com/websitetemplates.html">Website Templates</a></li>
<li><a href="http://www.manjeetss.com/knowledgebase.html">Knowledge Base</a></li>
<li><a href="http://www.manjeetss.com/fitnessnutrition.html">Fitness & Nutrition</a></li>
<li><a href="http://www.manjeetss.com/cvadvice.html">CV Advice</a></li>
</ul>
<h3>Advertisements</h3>
<p><a href="http://www.manjeetss.com/websitetemplates.html">Website Templates</a></p>
<p><a href="http://www.manjeetss.com/knowledgebase.html">Knowledge Base</a></p>
<p><a href="http://www.manjeetss.com/fitnessnutrition.html">Fitness & Nutrition</a></p>
<p><a href="http://www.manjeetss.com/cvadvice.html">CV Advice</a></p>
<h3>News</h3>
<p class="newstext">Enter your big news lines in this section such as product/service releases, discounts and sales and anything else</p>
</div>
<div id="content">
<h2>Page Title - H2</h2>
<div class="line"></div>
<p>This is another one of my free website templates which I am offering for anyone to use and adapt. Please take a minute to read the important note below in the box regarding the usage of this template.</p>
<p>If you need a customised template design according to your requirements then please let me know by dropping me an e-mail to <a href="mailto:manjeetss@gmail.com">manjeetss@gmail.com</a>.</p>
<div class="note">
<p>You are free to copy, distribute and adapt any of the work under the condition that you must attribute the work by keeping the "Designed by Manjeet Singh Sawhney" link in the footer.</p>
<p class="red">If you wish, you can remove the footer link by paying a small fee of only $5. For this please drop me an e-mail to <a href="mailto:manjeetss@gmail.com">manjeetss@gmail.com</a> with your details and I will then send you my PayPal account details. Thanks.</p>
</div>
<h3>Example text - H3</h3>
<div class="line"></div>
<p>Lorem ipsum dolor sit amet, consectetuer adipicing elit. Morbi quis ligula. Donec tortor purus, ornare vel, tincidunt at, lacinia ac, leo. Nunc fermentum congue odio. Mauris cursus, pede vitae sagittis luctus, dolor felis aliquam arcu, ac pulvinar lacus massa non ipsum. Praesent volutpat, felis in consectetuer lobortis, nibh orci nonummy quam, nec lobortis tellus purus eget turpis. Vestibulum placerat sagittis lorem. Praesent interdum ultricies massa. Morbi dolor. Donec sit amet ligula ut ipsum ullamcorper imperdiet. Aliquam id lorem. Quisque elit elit, tincidunt vitae, tempus et, venenatis eget, turpis. Suspendisse porttitor volutpat justo. Etiam bibendum, diam quis nonummy malesuada, tortor sapien laoreet metus, quis varius augue velit eget ligula. Praesent massa felis, pulvinar quis, fringilla eget, suscipit in, diam. Curabitur dapibus rhoncus eros.</p>
<h4>Numbered List - H4</h4>
<ol>
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ol>
<h5>Bulletpoint List - H5</h5>
<ul>
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ul>
<h6>Table - H6</h6>
<table>
<tr><th>Column1</th><th>Column2</th><th>Column3</th></tr>
<tr><td>Text</td><td>Text</td><td>Text</td></tr>
<tr><td>Text</td><td>Text</td><td>Text</td></tr>
<tr><td>Text</td><td>Text</td><td>Text</td></tr>
<tr><td>Text</td><td>Text</td><td>Text</td></tr>
<tr><td>Text</td><td>Text</td><td>Text</td></tr>
</table>
</div>
<div id="footer">
<!--
This website template was created by myself Manjeet Singh Sawhney (http://www.manjeetss.com)
You are free to copy, distribute and adapt any of the work under the following condition:
You must attribute the work by keeping the "Designed by Manjeet Singh Sawhney" link in the footer.
If you wish, you can remove the footer link by paying a small fee of only $5. For this please drop
me an e-mail to manjeetss@gmail.com with your details and I will then send you my PayPal account details.
Thanks.
-->
<p><a href="http://www.manjeetss.com/websitetemplates.html">Website Templates</a> | <a href="http://www.manjeetss.com/knowledgebase.html">Knowledge Base</a> | <a href="http://www.manjeetss.com/fitnessnutrition.html">Fitness & Nutrition</a> | <a href="http://www.manjeetss.com/cvadvice.html">CV Advice</a></p>
Copyright © 2011 Your Site - Designed by <a href="http://www.manjeetss.com">Manjeet Singh Sawhney</a>
</div>
</div>
</body>
</html>
Related examples in the same category