<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Документ без названия</title>
<link href="css/jquery.bxslider.css" rel="stylesheet" type="text/css"/>
<link href="css/style.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.bxslider.min.js"></script>
<script type="text/javascript" src="js/my.js"></script>
</head>
<body>
<div class="main">
<div class="header">
<div class="logo"><a href="#" title="#"></a></div>
<div class="search_wr">
<div class="search"><input type="submit" class="send" value=""/><input type="search" class="search_tx"
placeholder="пошук по сайту"/>
</div>
</div>
<div class="head_nav">
<ul>
<li><a href="#" title="#">ПРО ПРОЕКТ</a></li>
<li><a href="#" title="#">КАРТА САЙТУ</a></li>
<li><a href="#" title="#">ЗВОРОТНІЙ ЗВ’ЯЗОК</a></li>
</ul>
</div>
</div>
<div class="page">
<div class="sidebar">
<div class="sidenav">
<ul>
<li><a href="#" title="#">Новини</a></li>
<li class="active"><a href="#" title="#">Огляди</a></li>
<li><a href="#" title="#">Мобільні телефони</a></li>
<li><a href="#" title="#">Смартфони</a></li>
<li><a href="#" title="#">Оператори</a></li>
</ul>
</div>
<div class="login_wr">
<div class="login_title">
<div class="via"><a href="#" title="#"><img src="images/form_fb.png" alt=""/></a><a href="#"
title="#"><img
src="images/form_vk.png" alt=""/></a></div>
<h2>вхід в систему</h2>
</div>
<div class="login_cont">
<span><input type="text" placeholder="логін"/></span>
<span><input type="password" placeholder="пароль"/></span>
<span><a class="forgot" href="#" title="#">забули пароль?</a></span>
<span><a class="login_btn" href="#" title="#">вхід</a></span>
</div>
<div class="registration"><a class="registration_btn" href="#" title="#">регістрація</a></div>
</div>
<div class="side_tx">
<h2><a>текстовий блок</a></h2>
<p>де б динамічно показувався опис сторінки і розповідалось би що на поточній сторінці можна зробити. Не дуже великий блок, клікабельний, з можливістю перейти до детального опису.</p>
<div class="more"><a href="#" title="#">читати більше</a></div>
</div>
</div>
<div class="contentbar">
<div class="catalog">
<div class="catalog_list">
<ul>
<li>
<h3>Alcatel OneTouch 306 <a class="look" href="#" title="#"></a></h3>
<div class="catalog_item_cont">
<div class="catalog_item_c1">
<div class="catalog_item_img"><a href="#" title="#"><img src="images/s_1.jpg"
alt=""/></a></div>
<div class="result_item_rating"><span class="val"></span><span
class="val"></span><span class="val"></span><span
class="val"></span><span></span><span></span></div>
<div class="amount"><a href="#" title="#">4 оцінки</a></div>
</div>
<div class="catalog_item_c2">
<div class="god">32 год.</div>
<div class="price">1 139 грн.</div>
<div class="mp">8 megapixel</div>
<div class="item_tech_wr">
<div class="item_tech"><img src="images/tech_1.png" alt=""/><img
src="images/tech_2.png"
alt=""/><img
src="images/tech_3.png"
alt=""/><img
src="images/tech_4.png" alt=""/></div>
</div>
</div>
<div class="result_item_c4"><img src="images/tech_1.png" alt=""/><img
src="images/tech_2.png"
alt=""/><img
src="images/tech_3.png"
alt=""/><img
src="images/tech_4.png" alt=""/></div>
</div>
<div class="nova"><span>новинка</span></div>
</li>
<li>
<h3>Alcatel OneTouch 306 <a class="look" href="#" title="#"></a></h3>
<div class="catalog_item_cont">
<div class="catalog_item_c1">
<div class="catalog_item_img"><a href="#" title="#"><img src="images/s_2.jpg"
alt=""/></a></div>
<div class="result_item_rating"><span class="val"></span><span
class="val"></span><span class="val"></span><span
class="val"></span><span></span><span></span></div>
<div class="amount"><a href="#" title="#">4 оцінки</a></div>
</div>
<div class="catalog_item_c2">
<div class="god">32 год.</div>
<div class="price">1 139 грн.</div>
<div class="mp">8 megapixel</div>
<div class="item_tech_wr">
<div class="item_tech"><img src="images/tech_1.png" alt=""/><img
src="images/tech_2.png"
alt=""/><img
src="images/tech_3.png"
alt=""/><img
src="images/tech_4.png" alt=""/></div>
</div>
</div>
<div class="result_item_c4"><img src="images/tech_1.png" alt=""/><img
src="images/tech_2.png"
alt=""/><img
src="images/tech_3.png"
alt=""/><img
src="images/tech_4.png" alt=""/></div>
</div>
</li>
<li>
<h3>Alcatel OneTouch 306 <a class="look" href="#" title="#"></a></h3>
<div class="catalog_item_cont">
<div class="catalog_item_c1">
<div class="catalog_item_img"><a href="#" title="#"><img src="images/s_2.jpg"
alt=""/></a></div>
<div class="result_item_rating"><span class="val"></span><span
class="val"></span><span class="val"></span><span
class="val"></span><span></span><span></span></div>
<div class="amount"><a href="#" title="#">4 оцінки</a></div>
</div>
<div class="catalog_item_c2">
<div class="god">32 год.</div>
<div class="price">1 139 грн.</div>
<div class="mp">8 megapixel</div>
<div class="item_tech_wr">
<div class="item_tech"><img src="images/tech_1.png" alt=""/><img
src="images/tech_2.png"
alt=""/><img
src="images/tech_3.png"
alt=""/><img
src="images/tech_4.png" alt=""/></div>
</div>
</div>
<div class="result_item_c4"><img src="images/tech_1.png" alt=""/><img
src="images/tech_2.png"
alt=""/><img
src="images/tech_3.png"
alt=""/><img
src="images/tech_4.png" alt=""/></div>
</div>
</li>
<li>
<h3>Alcatel OneTouch 306 <a class="look" href="#" title="#"></a></h3>
<div class="catalog_item_cont">
<div class="catalog_item_c1">
<div class="catalog_item_img"><a href="#" title="#"><img src="images/s_1.jpg"
alt=""/></a></div>
<div class="result_item_rating"><span class="val"></span><span
class="val"></span><span class="val"></span><span
class="val"></span><span></span><span></span></div>
<div class="amount"><a href="#" title="#">4 оцінки</a></div>
</div>
<div class="catalog_item_c2">
<div class="god">32 год.</div>
<div class="price">1 139 грн.</div>
<div class="mp">8 megapixel</div>
<div class="item_tech_wr">
<div class="item_tech"><img src="images/tech_1.png" alt=""/><img
src="images/tech_2.png"
alt=""/><img
src="images/tech_3.png"
alt=""/><img
src="images/tech_4.png" alt=""/></div>
</div>
</div>
<div class="result_item_c4"><img src="images/tech_1.png" alt=""/><img
src="images/tech_2.png"
alt=""/><img
src="images/tech_3.png"
alt=""/><img
src="images/tech_4.png" alt=""/></div>
</div>
</li>
</ul>
</div>
</div>
<div class="cat_sl">
<div class="cat_sl_list_wr">
<div class="cat_sl_list">
<ul class="c_slider">
<li><a href="#" title="#"><span class="item_name">Samsung <br/> Galaxy S Duos</span><span
class="item_descr"><span class="indent">Alcatel OneTouch 306 - мобільний телефон початкового рівня, розрахований на легке спілкування. Alcatel OneTouch 306 - мобільний телефон початкового</span></span></a>
</li>
<li><a href="#" title="#"><span class="item_name">Samsung <br/> Galaxy S Duos</span><span
class="item_descr"><span class="indent">Alcatel OneTouch 306 - мобільний телефон початкового рівня, розрахований на легке спілкування. Alcatel OneTouch 306 - мобільний телефон початкового</span></span></a>
</li>
<li><a href="#" title="#"><span class="item_name">Samsung <br/> Galaxy S Duos</span><span
class="item_descr"><span class="indent">Alcatel OneTouch 306 - мобільний телефон початкового рівня, розрахований на легке спілкування. Alcatel OneTouch 306 - мобільний телефон початкового</span></span></a>
</li>
<li><a href="#" title="#"><span class="item_name">Samsung <br/> Galaxy S Duos</span><span
class="item_descr"><span class="indent">Alcatel OneTouch 306 - мобільний телефон початкового рівня, розрахований на легке спілкування. Alcatel OneTouch 306 - мобільний телефон початкового</span></span></a>
</li>
</ul>
</div>
</div>
<div class="prev"></div>
<div class="next"></div>
</div>
<div class="foot_cont">
<div class="foot_login">
<ul>
<li><a href="#" title="#">Увійти</a></li>
<li><a href="#" title="#">Регістрація</a></li>
</ul>
</div>
<div class="foot_aid">
<div class="cop">© 2012</div>
<ul>
<li><a href="#" title="#">Cлужба підтримки</a></li>
<li><a href="#" title="#">Мобільна версія</a></li>
</ul>
</div>
<div class="foot_nav">
<div class="foot_nav_c">
<h3><a href="#" title="#">Розділи</a></h3>
<ul>
<li><a href="#" title="#">Q&A</a></li>
<li><a href="#" title="#">Хабы</a></li>
<li><a href="#" title="#">Події</a></li>
<li><a href="#" title="#">Компанії</a></li>
<li><a href="#" title="#">Робота</a></li>
<li><a href="#" title="#">Користувачі</a></li>
</ul>
</div>
<div class="foot_nav_c">
<h3><a href="#" title="#">Пости</a></h3>
<ul>
<li><a href="#" title="#">Популярні</a></li>
<li><a href="#" title="#">Тематичні</a></li>
<li><a href="#" title="#">Корпоративні</a></li>
</ul>
</div>
<div class="foot_nav_c">
<h3><a href="#" title="#">Услуги</a></h3>
<ul>
<li><a href="#" title="#">Реклама</a></li>
<li><a href="#" title="#">Корпоративные тарифы</a></li>
<li><a href="#" title="#">Семинары</a></li>
<li><a href="#" title="#">Спецпроекты</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="soc"><a href="#" title="#"><img src="images/fb.png" alt=""/></a><a href="#" title="#"><img
src="images/tw.png"
alt=""/></a><a
href="#" title="#"><img src="images/gplus.png" alt=""/></a><a href="#" title="#"><img
src="images/vk.png" alt=""/></a><a
href="#"
title="#"><img
src="images/rss.png" alt=""/></a></div>
</div>
</body>
</html>