designersstudio
<?xml version="1.0" encoding="UTF-8"?>
<!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.
*/
html { overflow: auto; }
body { margin: 0; padding: 0; background: #2E2E2E url('designersstudio-images/bg.jpg'); font-size: 70%; font-family: arial, tahoma; color: #DDD; }
a { color: #FF911A; text-decoration: none; }
a:hover { text-decoration: underline; }
#menubar { width: 900px; height: 75px; background-color: #2AA0fC; border-bottom: 1px solid #FF911A; }
#menubar ul { margin: 0; padding: 19px 0 0 350px; list-style-type: none; }
#menubar ul li a { float: left; padding: 10px 15px; margin: 0 15px 0 0; color: #FFF; text-decoration: none; border: 2px solid #2AA0fC; }
#menubar ul li a.active { color: #FFF; text-decoration: none; border: 2px solid #FFF; background: #FF911A; }
#menubar ul li a:hover { color: #FFF; text-decoration: none; background-color: #FF911A; border: 2px solid #FFF; }
#main { width: 900px; height: 520px; background: #444; }
#maincontent { width: 900px; height: 400px; }
#mainright { float: left; width: 340px; height: 370px; padding: 15px; background: #fff; }
#mainright h1 { margin: 0; padding: 0; font-weight: normal; font-family: tahoma, arial; font-size: 300%; letter-spacing: -2px; color: #AAA; }
#mainright h1 span { color: #FF911A; }
#mainleft { float: left; width: 500px; height: 385px; padding: 15px 15px 0 15px; overflow: auto; line-height: 200%; }
#mainleft p { margin: 0 0 15px 0; padding: 0; }
#mainleft h1 { margin: 0 0 10px 0; padding: 0 0 5px 0; font-size: 200%; letter-spacing: -1px; font-weight: normal; font-family: arial, verdana; border-bottom: 1px solid #777; }
#mainleft h2 { margin: 0 0 10px 0; padding: 0 0 5px 0; font-size: 160%; letter-spacing: -1px; font-weight: normal; font-family: arial, verdana; border-bottom: 1px solid #777; }
#mainleft h3 { margin: 0 0 10px 0; padding: 0 0 5px 0; font-size: 140%; letter-spacing: -1px; font-weight: normal; font-family: arial, verdana; border-bottom: 1px solid #777; }
#centersection { position: absolute; top: 50%; left: 0px; width: 100%; }
#outersection { margin-left: -450px; position: absolute; border: 2px solid #FFF; top: -250px; left: 50%; }
#footersection { width: 870px; background-color: #2AA0fC; color: #E8FF9F; padding: 15px; text-align: center; }
</style>
<title>Designer's Studio - www.manjeetss.com - Manjeet Singh Sawhney</title>
</head>
<body>
<div id="centersection">
<div id="outersection">
<div id="main">
<div id="menubar">
<ul>
<li><a class="active" href="index.html">HOME</a></li>
<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>
</ul>
</div>
<div id="maincontent">
<div id="mainleft">
<h1>Header with h1</h1>
<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 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>
<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>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>
<h2>Header with h2</h2>
<p>My homepage offers a variety of information including <a href="http://www.manjeetss.com/websitetemplates.html">free website templates</a>, <a href="http://www.manjeetss.com/knowledgebase.html">knowledge articles</a>, <a href="http://www.manjeetss.com/cvadvice.html">lots of CV-related advice</a> and more.</p>
<p>Last but not least, if you need some help with creating a website, SEO, PPC campaign management, keyword research and analysis, programming or databases then please feel free to get in touch by <a href="mailto:manjeetss@gmail.com">e-mail</a>.</p>
<h3>Header with h3</h3>
<p>Aliquam dolor. Nunc egestas ipsum et odio.Nulla facilisi. In hac habitasse platea dictumst. Aliquam nec dolor. Morbi eleifend fermentum orci.Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
<p>Aliquam dolor. Nunc egestas ipsum et odio.Nulla facilisi. In hac habitasse platea dictumst. Aliquam nec dolor. Morbi eleifend fermentum orci.Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
</div>
<div id="mainright">
<h1><span>Designer's Studio.</span></h1>
<br />
<h1>Some catchy words or perhaps a menu bar can be included in this section. ;-)</h1>
</div>
</div>
<div id="footersection">
<!--
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.
-->
Copyright © 2011 Your Site - Designed by <a href="http://www.manjeetss.com">Manjeet Singh Sawhney</a>
</div>
</div>
</div>
</div>
</body>
</html>
Related examples in the same category