plaidshirt
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Plaid Shirt Designs</title>
<style type='text/css'>
body {
background-image: url(plaidshirt-img/plaidbg.png);
color: #6d6d6d;
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
}
p {
font-size: 12px;
line-height: 22px;
}
h1, h2, h3, h4, h5, h6 {
color: #52A9ED;
font-weight: lighter;
margin: 0px;
}
a {
color: #4ca5eb;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
#logo {
font-size: 30px;
font-family: Arial, Helvetica, sans-serif;
letter-spacing: 0.2em;
}
#logo a:hover {
text-decoration: none;
}
#logo a img {
border: none;
}
#container {
margin-top: 32px;
margin-left: 32px;
width: 705px;
background-color: #FFFFFF;
padding: 25px;
margin-bottom: 20px;
}
.linkbox {
font-size: 15px;
border: 1px solid #e5e5e5;
}
.linkbox ul li {
display: inline;
margin-right: 60px;
margin-left: -20px;
}
#navlinks {
margin-top: 10px;
}
#content {
margin-top: 10px;
margin-left: 5px;
}
#content img {
border: 1px solid #DFDFDF;
}
#copy {
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
}
</style>
<link rel="shortcut icon" href="/favicon.ico" />
</head>
<body>
<div id="container">
<div id="header">
<div id="logo">
<a href="index.html">
Plaid Shirt Designs
</a>
</div>
<div id="navlinks" class="linkbox">
<ul>
<li><a href="index.html">home</a></li>
<li><a href="index.html">about</a></li>
<li><a href="index.html">blog</a></li>
<li><a href="index.html">contact</a></li>
</ul>
</div>
</div>
<div id="content">
<h2>Lorem Ipsum</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur dui lacus, cursus in, aliquam in, vehicula vitae, odio. Morbi gravida pede nec orci. <a href="index.html">Nulla urna. Proin nec sapien</a> sit amet augue condimentusm cursus. Suspendisse placerat turpis at elit. Praesent placerat venenatis orci. Nam ac quam. Duis orci lacus, mollis et, ornare eleifend, sagittis eget, quam. Ut a lacus. Praesent ac nisi. Proin erat orci, lacinia quis, posuere rhoncus, suscipit eu, dolor. Integer enim metus, hendrerit at, ornare vel, pulvinar sed, sem. Aliquam consectetuer. Vestibulum interdum tellus eu ligula. Maecenas aliquet enim. Ut quis mi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla molestie.</p>
<img src="plaidshirt-img/lizard.jpg" height="200" width="300" style="float:right;" alt="Lizard" />
<p>Pellentesque faucibus euismod purus. Sed viverra rutrum nisi. Nulla at augue sodales leo sagittis consectetuer. Integer vulputate sollicitudin nibh. Aenean ut felis quis magna blandit pellentesque. Morbi fringilla. Duis et nisi vel pede tempus congue. Nulla facilisi. Proin sollicitudin, magna vitae tempus consectetuer, nisl justo facilisis tortor, in vestibulum dui lacus quis ante. Duis ullamcorper dignissim neque. Praesent luctus, orci id commodo fringilla, nisi ligula imperdiet mi, et facilisis urna dolor interdum nulla. Suspendisse nibh enim, vulputate sed, tincidunt vitae, tristique non, eros. Proin ante eros, mattis nec, varius vel, vehicula fringilla, mi. Sed augue sapien, tristique quis, pretium et, nonummy at, nibh. Phasellus dui libero, condimentum sit amet, pellentesque in, eleifend sit amet, ante. Aliquam erat volutpat. Nulla facilisi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum non ante.</p>
</div>
<div class="linkbox" id="copy">designed by <a href="http://dodesign.us">dodesign</a> | <a href="http://free-templates.ru">free-templates.ru</a></div>
</div>
</body>
</html>
Related examples in the same category