gallerize
<!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: Flash Gallery | www.flash-gallery.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 {margin:0; font-family:Georgia, "Times New Roman", Times, serif; background:url(gallerize-images/head_bckg.jpg) repeat-x center top #000000;}
a {color:#FDC605; text-decoration:none;}
a:hover {text-decoration:underline;}
h1 {font-size:24px; font-weight:normal; color:#FFFFFF; margin:15px 0 10px 0;}
h2 {font-size:20px; font-weight:normal; margin:10px 0;}
img {border:none;}
br {line-height:10px;}
#container {width:1000px; margin:0 auto;}
#logo {margin:39px 30px 0px 30px; height:40px;}
#logo a {color:#EDECEC; text-decoration:none; font-size:24px; text-transform:uppercase; background:url(gallerize-images/logo.gif) no-repeat; padding:4px 0 0 50px; float:left;}
#menu {padding-right:30px; height:56px;}
#menu ul {padding:0; margin:0; float:right;}
#menu li {float:left; list-style:none;}
#menu a {display:block; width:126px; height:50px; font-size:11px; text-decoration:none; color:#ABABAB; text-align:center; background:url(gallerize-images/menu_deact.gif) no-repeat; padding-top:6px;}
#menu a:hover, #menu a.active {background:url(gallerize-images/menu_act.gif) no-repeat; color:#180202;}
#main {color:#D6D6D6; font-size:11px; line-height:16px;}
#main ul {padding:0; margin:10px 0;}
#main li {margin-left:20px;}
#main img {border:6px solid #FFFFFF; margin:0 5px;}
#main img:hover {border-color:#D6D6D6;}
#text_top {padding:0 30px 20px 30px; font-size:12px;}
#text_bottom {background:url(gallerize-images/main_bckg.jpg) repeat-x #919191; width:940px; float:left; padding:30px 30px;}
#first_col {width:280px; float:left; margin-right:40px;}
#first_col h2 {color:#ff6f08; border-bottom:1px solid #5d5d5d; padding-bottom:10px;}
#second_col {width:280px; float:left; margin-right:40px;}
#second_col h2 {color:#94d223; border-bottom:1px solid #5d5d5d; padding-bottom:10px;}
#third_col {width:280px; float:left;}
#third_col h2 {color:#23abd2; border-bottom:1px solid #5d5d5d; padding-bottom:10px;}
#footer {clear:both; height:50px; background:url(gallerize-images/footer_bckg.jpg) no-repeat; color:#ffffff; font-size:11px;}
#footer_left {float:left; padding:16px 0 0 30px;}
#footer_right {float:right; padding:16px 30px 0 0;}
</style>
</head>
<body>
<div id="container">
<!-- header -->
<div id="logo"><a href="#">Website Name</a></div>
<div id="menu">
<ul>
<li><a href="#" class="active">home</a></li>
<li><a href="#">about us</a></li>
<li><a href="#">services</a></li>
<li><a href="#">pricing</a></li>
<li><a href="#">contacts</a></li>
</ul>
</div>
<!--end header -->
<!-- main -->
<div id="main">
<div id="text_top">
<h1>Welcome</h1>
<b>Gallerize</b> is a free template created by <a href="http://www.realitysoftware.ca/">Reality Software</a> and released by <a href="http://www.flash-gallery.org/">Flash Gallery</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.
</div>
<center><a href="#"><img src="gallerize-images/img.jpg" alt=""/></a><a href="#"><img src="gallerize-images/img2.jpg" alt=""/></a><a href="#"><img src="gallerize-images/img3.jpg" alt=""/></a><a href="#"><img src="gallerize-images/img4.jpg" alt=""/></a></center>
<div id="text_bottom">
<div id="first_col">
<h2>Lorem ipsum</h2>
Maecenas nisi eros, volutpat a, sagittis vitae, semper vestibulum, nibh. Integer euismod ante et ipsum. Praesent hendrerit tincidunt metus. Proin vel felis a urna <a href="#">tempus lobortis</a>. Sed pellentesque est in mi.<br/><br/>
Maecenas nisi eros, volutpat a, sagittis vitae, semper vestibulum, nibh. Integer euismod ante et ipsum.
</div>
<div id="second_col">
<h2>Lorem ipsum</h2>
Proin tellus lacus, luctus vitae, ultrices vel, tincidunt vitae, quam. Proin sed enim. Nullam lobortis.
<ul>
<li>Praesent hendrerit tincidunt metus.</li>
<li>Proin vel felis a urna tempus lobortis.</li>
</ul>
Sagittis vitae, semper vestibulum, nibh. Integer euismod ante et ipsum.
</div>
<div id="third_col">
<h2>Lorem ipsum</h2>
Suspendisse egestas tincidunt erat. Proin <a href="#">tellus lacus</a>, luctus vitae, ultrices vel, tincidunt vitae, quam. Proin sed enim. Nullam lobortis. Phasellus nec urna sit amet nibh iaculis consequat.<br/><br/>
Maecenas nisi eros, volutpat a, sagittis vitae, semper vestibulum, nibh. Integer euismod ante et ipsum. Maecenas nisi eros, volutpat.
</div>
</div>
</div>
<!-- end main -->
<!-- footer -->
<div id="footer">
<div id="footer_left">© Copyright 2009 Your Website</div>
<div id="footer_right">
<!-- Please do not change or delete these links. Read the license! Thanks. :-) -->
<a href="http://www.realitysoftware.ca/services/website-development/design/">Web design</a> released by <a href="http://www.flash-gallery.org/">Flash Gallery</a>
</div>
</div>
<!-- end footer -->
</div>
</body>
</html>
Related examples in the same category