<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Twitionery</title>
<style media="all" type="text/css">@import "css/all.css";</style>
<!--[if lt IE 7]><link rel="stylesheet" type="text/css" href="css/lt7.css" media="screen"/><![endif]-->
</head>
<body>
<!-- page -->
<div id="page">
<!-- header -->
<div class="header">
<!-- logo -->
<h1 class="logo"><a href="#">Twitionery</a></h1>
<div class="header-inn">
<p>Not a member? <a href="#">Get Started!</a></p>
<form action="#">
<div class="login">
<div class="area">
<input type="text" value="Login" class="text" />
<input type="text" value="Password" class="text" />
</div>
<div class="holder"><label><input type="checkbox" checked="checked" class="check" />remember me</label> </div>
</div>
</form>
</div>
</div>
<!-- content -->
<div class="primary-content">
<div class="main-col">
<div class="promo">
<div class="promo-img">
<a href="#"><img src="images/img1.jpg" alt="#" /></a>
</div>
<p>“Quicken Loans” <a href="#">view all backgrounds</a></p>
</div>
<h2 class="popular-backgrounds">popular backgrounds</h2>
<ul class="list">
<li>
<ul>
<li class="on"><a href="#"> </a></li>
<li class="on"><a href="#"> </a></li>
<li class="on"><a href="#"> </a></li>
<li class="on"><a href="#"> </a></li>
<li class="half"><a href="#"> </a></li>
</ul>
<div><a href="#"><img src="images/img2.jpg" alt="#" /></a></div>
</li>
<li>
<ul>
<li class="on"><a href="#"> </a></li>
<li class="on"><a href="#"> </a></li>
<li class="on"><a href="#"> </a></li>
<li class="on"><a href="#"> </a></li>
<li class="half"><a href="#"> </a></li>
</ul>
<div><a href="#"><img src="images/img3.jpg" alt="#" /></a></div>
</li>
<li>
<ul>
<li class="on"><a href="#"> </a></li>
<li class="on"><a href="#"> </a></li>
<li class="on"><a href="#"> </a></li>
<li class="half"><a href="#"> </a></li>
<li><a href="#"> </a></li>
</ul>
<div><a href="#"><img src="images/img4.jpg" alt="#" /></a></div>
</li>
<li>
<ul>
<li class="on"><a href="#"> </a></li>
<li class="on"><a href="#"> </a></li>
<li class="on"><a href="#"> </a></li>
<li class="on"><a href="#"> </a></li>
<li class="half"><a href="#"> </a></li>
</ul>
<div><a href="#"><img src="images/img2.jpg" alt="#" /></a></div>
</li>
<li>
<ul>
<li class="on"><a href="#"> </a></li>
<li class="on"><a href="#"> </a></li>
<li class="on"><a href="#"> </a></li>
<li class="on"><a href="#"> </a></li>
<li class="half"><a href="#"> </a></li>
</ul>
<div><a href="#"><img src="images/img3.jpg" alt="#" /></a></div>
</li>
<li>
<ul>
<li class="on"><a href="#"> </a></li>
<li class="on"><a href="#"> </a></li>
<li class="on"><a href="#"> </a></li>
<li class="half"><a href="#"> </a></li>
<li><a href="#"> </a></li>
</ul>
<div><a href="#"><img src="images/img4.jpg" alt="#" /></a></div>
</li>
</ul>
<h2 class="latest-backgrounds">latest backgrounds</h2>
<ul class="list">
<li>
<ul>
<li class="on"><a href="#"> </a></li>
<li class="on"><a href="#"> </a></li>
<li class="on"><a href="#"> </a></li>
<li class="on"><a href="#"> </a></li>
<li class="half"><a href="#"> </a></li>
</ul>
<div><a href="#"><img src="images/img2.jpg" alt="#" /></a></div>
</li>
<li>
<ul>
<li class="on"><a href="#"> </a></li>
<li class="on"><a href="#"> </a></li>
<li class="on"><a href="#"> </a></li>
<li class="on"><a href="#"> </a></li>
<li class="half"><a href="#"> </a></li>
</ul>
<div><a href="#"><img src="images/img3.jpg" alt="#" /></a></div>
</li>
<li>
<ul>
<li class="on"><a href="#"> </a></li>
<li class="on"><a href="#"> </a></li>
<li class="on"><a href="#"> </a></li>
<li class="half"><a href="#"> </a></li>
<li><a href="#"> </a></li>
</ul>
<div><a href="#"><img src="images/img4.jpg" alt="#" /></a></div>
</li>
<li>
<ul>
<li class="on"><a href="#"> </a></li>
<li class="on"><a href="#"> </a></li>
<li class="on"><a href="#"> </a></li>
<li class="on"><a href="#"> </a></li>
<li class="half"><a href="#"> </a></li>
</ul>
<div><a href="#"><img src="images/img2.jpg" alt="#" /></a></div>
</li>
<li>
<ul>
<li class="on"><a href="#"> </a></li>
<li class="on"><a href="#"> </a></li>
<li class="on"><a href="#"> </a></li>
<li class="on"><a href="#"> </a></li>
<li class="half"><a href="#"> </a></li>
</ul>
<div><a href="#"><img src="images/img3.jpg" alt="#" /></a></div>
</li>
<li>
<ul>
<li class="on"><a href="#"> </a></li>
<li class="on"><a href="#"> </a></li>
<li class="on"><a href="#"> </a></li>
<li class="half"><a href="#"> </a></li>
<li><a href="#"> </a></li>
</ul>
<div><a href="#"><img src="images/img4.jpg" alt="#" /></a></div>
</li>
</ul>
</div>
<div class="sidebar">
<ul class="menu">
<li><a href="#">Home</a></li>
<li><a href="#">Get started</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">CONTACT</a></li>
</ul>
<h3 class="last-tweet">Last Tweet</h3>
<div class="last">
<p>
Can anyone find other words to express themselves about this besides explicatives?
<a href="#">» link to Feds spending millions on Kennedy legacy in Mass</a>.
<a href="#">I can't #tcot</a>
</p>
<span class="button-box"><a href="#">Follow us on Twitter</a></span>
</div>
<h3 class="tags">Tags</h3>
<ul class="tags-list">
<li><a href="#">Главное</a></li>
<li><a href="#">События</a></li>
<li><a href="#">Дело</a></li>
<li><a href="#">Семья</a></li>
<li><a href="#">Здоровье</a></li>
<li class="size1"><a href="#">Автомобиль</a></li>
<li><a href="#">Lifestyle</a></li>
<li><a href="#">Медиа</a></li>
<li><a href="#">Хобби</a></li>
<li><a href="#">Украина</a></li>
<li><a href="#">Карьера</a></li>
<li><a href="#">Дом</a></li>
<li><a href="#">Новости</a></li>
<li><a href="#">Новинки</a></li>
<li class="size1"><a href="#">Клуб</a></li>
<li class="size1"><a href="#">Кино</a></li>
<li><a href="#">Охота</a></li>
<li><a href="#">Европа</a></li>
<li><a href="#">Бизнес</a></li>
<li><a href="#">Дети</a></li>
</ul>
<form action="#">
<div class="search">
<div>
<input type="text" value="Search" class="text" />
<input type="image" src="images/search-btn.gif" alt="search" class="button" />
</div>
</div>
</form>
</div>
</div>
<!-- footer -->
<div class="footer">
<p>© Copyright 2009 Twitionary.com | <strong>designed by <a href="#">www.kavoon.com</a></strong></p>
<p>
Use of this Web site constitutes acceptance of the Twitonary
<a href="#">User Agreement</a> and <a href="#">Privacy Policy</a>.
</p>
</div>
</div>
<div class="cloud1">cloud background</div>
<div class="cloud2">cloud background</div>
<div class="cloud3">cloud background</div>
<div class="cloud4">cloud background</div>
<div class="cloud5">cloud background</div>
<div class="cloud6">cloud background</div>
<div class="cloud7">cloud background</div>
</body>
</html>