parchmenter : Design 6 « Templates « HTML / CSS






parchmenter

   

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Created by: Reality Software | www.realitysoftware.ca
Released by: Free Web Design Community | www.designity.org
Note: This is a free template released under the Creative Commons Attribution 3.0 license, 
which means you can use it in any way you want provided you keep links to authors intact.
Don't want our links in template? You can pay a link removal fee: www.realitysoftware.ca/templates/
You can also purchase a PSD-file for this template.
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type='text/css'>
body {padding:50px 100px; margin:0; font-family:Tahoma, Geneva, sans-serif; background-image:url(parchmenter-images/body_bg.png);}

#container {background-color:#FFFFFF; padding:10px;}

#header {height:150px; background-image:url(parchmenter-images/header_bg.png);}
#logo {font-size:30px; background:url(parchmenter-images/header.png) no-repeat; height:100px; padding:50px 0 0 30px;}
#logo a {color:#FFFFFF; text-decoration:none;}
#slogan {float:right; font-size:18px; color:#FFFFFF; padding:60px 30px 0 0;}

#menu {height:40px; background-image:url(parchmenter-images/menu_bg.png); margin-top:5px;}
#menu ul {margin:0; padding:0;}
#menu li {list-style:none; float:left; background:url(parchmenter-images/menu_border.png) right no-repeat;}
#menu a {float:left; height:20px; padding:10px 30px; color:#FFFFFF; font-size:15px; font-weight:bold; text-decoration:none; font-family:Arial, Helvetica, sans-serif;}
#menu a:hover {background:url(parchmenter-images/menu_border.png);}

#main {float:left; width:100%; margin:5px 0; background:url(parchmenter-images/main_bg.png) right repeat-y; color:#1F1507; font-size:11px;}
#main a {color:#493310;}
#main a:hover {color:#000000;}
#main br {line-height:8px;}
#sidebar {width:160px; float:right; padding:0 30px 30px 30px; margin-top:10px;}
#sidebar h3 {font-size:17px; font-weight:normal; margin:20px 0 5px 0;}
#sidebar ul {margin:0; padding:0; border-top:1px solid #FEFAF3;}
#sidebar li {list-style:none; border-bottom:1px solid #FEFAF3;}
#sidebar li a {color:#1F1507; text-decoration:none; padding:3px; display:block;}
#sidebar li a:hover {background-color:#FEFAF3;}
#text {line-height:14px; margin-right:225px; padding:10px 30px 30px 30px;}
#text h1 {font-size:22px; font-weight:normal; margin:20px 0 10px 0;}
#text h2 {font-size:19px; font-weight:normal; margin:20px 0 10px 0;}
#text ol, #text ul {padding:0; margin:8px 0;}
#text li {margin-left:40px;}

#footer {height:40px; color:#FFFFFF; font-size:11px; background-image:url(parchmenter-images/footer_bg.png); clear:both;}
#footer a {color:#FFFFFF;}
#footer a:hover {color:#F4E7D1;}
#footer_left {float:left; padding:13px 0 0 30px;}
#footer_right {float:right; padding:13px 30px 0 0;}

</style>


</head>

<body>
<div id="container">
<!-- header -->
<div id="header">

<div id="slogan">Just another cool website</div>

<div id="logo"><a href="#">Website name</a></div>

</div>

<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Portfolio</a></li>
</ul>
</div>
<!--end header -->
<!-- main -->
<div id="main">

<div id="sidebar">
<h3>Sidebar</h3>
<ul>
<li><a href="#">Sidebar item</a></li>
<li><a href="#">Sidebar item</a></li>
<li><a href="#">Sidebar item</a></li>
<li><a href="#">Sidebar item</a></li>
</ul>
<h3>Sidebar</h3>
<ul>
<li><a href="#">Sidebar item</a></li>
<li><a href="#">Sidebar item</a></li>
<li><a href="#">Sidebar item</a></li>
<li><a href="#">Sidebar item</a></li>
</ul>
<h3>Sidebar</h3>
<ul>
<li><a href="#">Sidebar item</a></li>
<li><a href="#">Sidebar item</a></li>
<li><a href="#">Sidebar item</a></li>
<li><a href="#">Sidebar item</a></li>
</ul>
</div>

<div id="text">
<h1>Welcome</h1>
<b>Parchmenter</b> is a free template created by <a href="http://www.realitysoftware.ca/">Reality Software</a> and released by <a href="http://www.designity.org/">Free Web Design Community</a> under the <a href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0</a> license, which means you can use it in any way you want provided you keep links to authors intact.<br/><br/>
Pellentesque tincidunt, tellus ac vehicula sodales, velit mi cursus nisl, a hendrerit justo purus quis odio. Curabitur eleifend blandit consequat. Quisque venenatis elementum ligula, nec molestie odio posuere at. Sed id metus eget mi porttitor pulvinar.
<h2>Lore Ipsum</h2>
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla lacus velit, adipiscing non elementum vel, facilisis in urna. Vestibulum elit tortor, fringilla eu molestie in, gravida tristique metus.
<ul>
<li>Aenean fringilla nisi a sem viverra ac cursus magna tempus.</li>
<li>Mauris egestas enim sed ligula iaculis sodales.</li>
<li>Cras condimentum nulla nec quam tempor vel volutpat lectus vulputate.</li>
</ul>
Donec nibh dolor, sodales vel consequat eget, faucibus vitae lorem. Nunc rhoncus, dui quis pharetra tincidunt, magna augue faucibus elit, sit amet <a href="#">gravida lacus</a> turpis quis ligula. Proin aliquet, sem at consequat auctor, nisl mauris euismod ante, a sollicitudin sapien odio et erat.
<h2>Dolor sit Amet</h2>
Aenean at dictum lacus. Nullam scelerisque adipiscing ligula a volutpat. Praesent pharetra elementum blandit. Vestibulum pharetra lectus id metus vehicula non ultricies lacus vestibulum.
<ol>
<li>Quisque lacinia sapien nec dui congue dignissim.</li>
<li>Nullam nec arcu sit amet orci vestibulum volutpat eu eget risus.</li>
<li>Vivamus rhoncus velit sit amet libero cursus consequat.</li>
</ol>
Pellentesque diam arcu, cursus eget tristique at, imperdiet sit amet metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam elementum suscipit tempor. Aliquam vitae <a href="#">neque nibh</a>, in molestie nibh. Pellentesque ac risus tellus. Praesent enim purus, eleifend eu vehicula vel, adipiscing vitae dui.
</div>

</div>
<!-- end main -->
<!-- footer -->
<div id="footer">

<div id="footer_left">&copy; Copyright 2009 Your Website</div>

<div id="footer_right">
<!-- Please do not change or delete these links. Read the license! Thanks. :-) -->
Design by <a href="http://www.designity.org/">Free Web Design Community</a>
</div>

</div>
<!-- end footer -->
</div>
</body>
</html>

   
    
    
  








Related examples in the same category

1.newave
2.newdarkside
3.newday
4.newera
5.newfangled
6.newgreeny
7.newgreys
8.newhorizon
9.news portal
10.news-print
11.newsbeat
12.newsflash
13.newsportal
14.newsroll
15.newstheme
16.newwave-business-inc
17.new_rise
18.NiceSite
19.nimbuslike
20.nixed
21.noimages
22.noname1
23.nonzero
24.nothingfanzy
25.nourish
26.nowhere
27.NuahSwirl
28.nullbullum
29.numerology
30.o-no-typography
31.obsess
32.obsession
33.obtanium
34.office-plants
35.offlimits
36.offrecord
37.oheon_com_110100021
38.ohgreenworld
39.Okeanos
40.old-wall
41.oldarchitecture
42.Olive
43.one-penny
44.one_two_three
45.online-edu
46.onlinemoviestore
47.oodles
48.openyourwindows
49.opposed
50.optimal-touch
51.orchidaceae
52.ordinaire
53.ormeggiare
54.ornamental
55.ornate
56.OrngBlu
57.oswd_blozilla
58.our-work
59.ourhouse
60.outdoorv1.0
61.outliers
62.outoftheblue
63.outtabox
64.oxidation
65.package
66.paddy-harvest
67.pagedrape
68.paivi-k
69.paleforest
70.palmtrees
71.pamphlet
72.pancorbo
73.papira
74.paradigm
75.paradise1983
76.particle
77.particles
78.pastel
79.pastelco
80.pastelflowers
81.pastries
82.path-fider
83.patternmaker
84.PattyMcFatPat01
85.PattyMcFatPat03
86.pc
87.Pear Template
88.pear
89.pedestrian
90.penchantforphotos
91.pencilpink
92.people
93.perfectblemish
94.performance
95.perplex
96.personified
97.pillars
98.pills
99.pinnacle
100.Pistachio
101.pixabella
102.pixabella04
103.pixabella06
104.pixelationingreen
105.plaidshirt
106.plainandsimple
107.planning-feed
108.pluralism
109.plurkified
110.pointspace
111.pollinate
112.pollinating
113.pollination