restaurant 4
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Author: Reality Software
Website: http://www.realitysoftware.ca
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 the link to the author intact.
-->
<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 {
background-image: url(restaurant-images/background.gif);
font-family: Arial, Helvetica, sans-serif;
}
#container {
width: 780px;
margin: 0 auto;
padding:20px 0 20px 0;
}
#logo {
float:left;
padding-left:10px;
font-size: 30px;
font-family: "Myriad Pro", "Arial Narrow";
letter-spacing: 1px;
}
#logo a {
color:#FFFFFF;
text-decoration: none;
}
#menu {
float:right;
padding:16px 10px 0 0;
font-size: 13px;
letter-spacing: 1px;
}
#menu a {
color: #FFFFFF;
text-decoration: none;
}
#menu a:hover {
color: #54CA2B;
}
#main {
margin-top:10px;
color: #F2F2F2;
background-color:#363636;
}
#main a {
color: #F2F2F2;
}
#main a:hover {
color: #CBCBCB;
}
#left {
float:left;
width:570px;
padding:0 10px 0 10px;
}
#right {
font-size: 11px;
text-align:center;
float:right;
width:180px;
padding-right:10px;
}
.block {
background-color:#494949;
font-size: 11px;
margin:10px 0 10px 0;
padding:10px;
}
.clear {
clear: both;
}
#footer {
text-align:right;
padding:5px 10px 0 0;
font-size:10px;
color: #D8D8D8;
}
#footer a {
color: #D8D8D8;
text-decoration: none;
}
#footer a:hover {
color: #54CA2B;
}
.img_left {
margin:0 10px 1px 0;
}
.img_right {
margin-top:10px;
}
h2 {
font-size: 12px;
font-weight: bold;
margin:0;
padding-bottom:10px;
}
</style>
</head>
<body>
<div id="container">
<div id="logo">
<a href="">Restaurant</a>
</div>
<div id="menu">
<a href="#">home</a> <a href="#">about</a> <a href="#">products</a> <a href="#">contacts</a>
</div>
<div class="clear"></div>
<div id="main">
<div id="left">
<div class="block">
<h2>Welcome</h2>
<img src="restaurant-images/pic1.jpg" alt="" align="left" class="img_left"/>
<b>Restaurant</b> is a free template released by <a href="http://www.realitysoftware.ca">Reality Software</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 the link to the author intact.
Quisque at odio. Etiam placerat, tellus a malesuada sodales, sem enim sagittis
nisi, vel semper tellus neque ut arcu. Nullam in eros at ligula nonummy
aliquam. Maecenas fermentum. In adipiscing mauris vel nulla. Maecenas
euismod lacus sed velit. Vestibulum nibh orci, condimentum eu, molestie
interdum, aliquam ac, enim. Duis id ips que at odio. Etiam placerat,
tellus a malesuada sodales, sem enim sagittis nisi, vel semper tellus
neque ut arcu.
<div class="clear"></div>
</div>
<div class="block">
<h2>Vestibulum</h2>
<img src="restaurant-images/pic2.jpg" alt="" align="left" class="img_left"/>
Quisque at odio. Etiam placerat, tellus a malesuada sodales, sem enim sagittis
nisi, vel semper tellus neque ut arcu. Nullam in eros at ligula nonummy
aliquam. Maecenas fermentum. In adipiscing mauris vel nulla. Maecenas
euismod lacus <a href="#">sed velit</a>. Vestibulum nibh orci, condimentum eu, molestie
interdum, aliquam ac, enim. Duis id ips que at odio. Etiam placerat,
tellus a malesuada sodales, sem enim sagittis nisi, vel semper tellus
neque ut arcu. Nullam in eros at ligula nonummy aliquam. Maecenas
fermentum. In adipiscing mauris <a href="#">vel nulla</a>. Maecenas euismod lacus sed
velit. Vestibulum nibh orci, condimentum eu, molestie interdum, aliquam
ac, enim.
<div class="clear"></div>
</div>
<div class="block">
<h2>Condimentum</h2>
<img src="restaurant-images/pic3.jpg" alt="" align="left" class="img_left"/>
Quisque at odio. Etiam placerat, tellus a malesuada sodales, sem enim sagittis
nisi, vel semper tellus neque ut arcu. Nullam in eros at ligula nonummy
aliquam. Maecenas fermentum. In adipiscing mauris <a href="#">vel nulla</a>. Maecenas
euismod lacus sed velit. Vestibulum nibh orci, condimentum eu, molestie
interdum, aliquam ac, enim. Duis id ips que at odio. Etiam placerat,
tellus a malesuada sodales, sem enim sagittis nisi, vel semper tellus
neque ut arcu. Nullam in eros at <a href="#">ligula nonummy</a> aliquam. Maecenas
fermentum. In adipiscing mauris vel nulla. Maecenas euismod lacus sed
velit. Vestibulum nibh orci, condimentum eu, molestie interdum, aliquam
ac, enim.
<div class="clear"></div>
</div>
<div class="block">
<h2>Maecenas</h2>
<img src="restaurant-images/pic4.jpg" alt="" align="left" class="img_left"/>
Quisque at odio. Etiam placerat, tellus a malesuada sodales, sem enim sagittis
nisi, vel semper tellus neque <a href="#">ut arcu</a>. Nullam in eros at ligula nonummy
aliquam. Maecenas fermentum. In adipiscing mauris vel nulla. Maecenas
euismod lacus sed velit. Vestibulum nibh orci, condimentum eu, molestie
interdum, aliquam ac, enim. Duis id ips que at odio. Etiam placerat,
tellus a malesuada sodales, sem enim sagittis nisi, vel semper tellus
neque ut arcu. Nullam in eros at <a href="#">ligula nonummy</a> aliquam. Maecenas
fermentum. In adipiscing mauris vel nulla. Maecenas euismod lacus sed
velit. Vestibulum nibh orci, condimentum eu, molestie interdum, aliquam
ac, enim.
<div class="clear"></div>
</div>
</div>
<div id="right">
<div class="block">
<img alt="" src="restaurant-images/pic5.jpg" class="img_right"/><br/><br/>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum blandit
rutrum ipsum. Mauris massa. Proin euismod enim at nunc. Donec
sollicitudin, justo viverra posuere vestibulum, felis nunc pulvinar
lacus, vitae congue ligula purus eu eros. Morbi nec elit. Pellentesque
habitant morbi tristiq aliquet hendrerit nulla. In suscipit, nisl vel
lacinia aliquam, tescing elit. Nullam varius. Praesis. Morbi necan elitore. <br/><br/>
<img alt="" src="restaurant-images/separator.gif"/><br/><br/>
<img alt="" src="restaurant-images/pic6.jpg" class="img_right"/><br/><br/>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum blandit
rutrum ipsum. Mauris massa. Proin euismod enim at nunc. Donec
sollicitudin, justo viverra posuere vestibulum, felis nunc pulvinar
lacus, vitae congue ligula purus eu eros. Morbi nec elit. Pellentesque
habitant morbi tristiq aliquet hendrerit nulla. In suscipit, nisl vel
lacinia aliquam, tescing elit. Nullam varius. Praesis. Morbi necan elitore. <br/><br/>
</div>
</div>
<div class="clear"></div>
</div>
<div id="footer">
©2008 Restaurant <span class="separator">|</span> Design by <a href="http://www.realitysoftware.ca" title="Website Design">Reality Software</a> | <a href="http://free-templates.ru" title="Website Design">free-templates.ru</a>
</div>
</div>
</body>
</html>
Related examples in the same category