<!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>