<!DOCTYPE html> <!--[if lt IE 7]> <html class="ie ie6 lte9 lte8 lte7" xmlns="http://www.w3.org/1999/xhtml"> <![endif]--> <!--[if IE 7]> <html class="ie ie7 lte9 lte8 lte7" xmlns="http://www.w3.org/1999/xhtml"> <![endif]--> <!--[if IE 8]> <html class="ie ie8 lte9 lte8" xmlns="http://www.w3.org/1999/xhtml"> <![endif]--> <!--[if IE 9]> <html class="ie ie9 lte9" xmlns="http://www.w3.org/1999/xhtml"> <![endif]--> <!--[if gt IE 9]> <html xmlns="http://www.w3.org/1999/xhtml"> <![endif]--> <!--[if !IE]><!--> <html xmlns="http://www.w3.org/1999/xhtml"> <!--<![endif]--> <head> <meta charset="utf-8"/> <meta name="format-detection" content="telephone=no"> <title>Документ без названия</title> <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.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.8.1/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> <!--[if IE]> <script type="text/javascript" src="js/PIE.js"></script><![endif]--> <script type="text/javascript" src="js/my.js"></script> <!--[if !IE]><!--> <script> if (/*@cc_on!@*/false) { document.documentElement.className += ' ie ie10'; } else { document.documentElement.className += ' no-ie'; } </script> <!--<![endif]--> </head> <body> <div class="main"> <div class="main_tr"> <div class="container_wr"> <div class="container"> <div class="container_trg"> <div class="main_tr"> <div class="page"> <div class="breadcrumbs"> <ul> <li><a href="#" title="#">чуни-муни</a></li> <li>каталог продукции</li> <li>для будущих мам</li> </ul> </div> <div class="cont_container_wr"> <div class="cont_container"> <div class="sidebar"> <div class="side_nav"> <ul> <li class="active"><a href="#" title="#">Для будущих мам <span>(100)</span></a> <div class="side_subnav"> <ul> <li><a href="#" title="#">Белье <span>(12)</span></a></li> <li><a href="#" title="#">Подушки <span>(2)</span></a></li> <li><a href="#" title="#">Пример написания категории в две строки <span>(5)</span></a></li> <li><a href="#" title="#">Сумки <span>(10)</span></a></li> </ul> </div> </li> <li><a href="#" title="#">Для мам и малышей</a> <div class="side_subnav"> <ul> <li><a href="#" title="#">Белье <span>(12)</span></a></li> <li><a href="#" title="#">Подушки <span>(2)</span></a></li> <li><a href="#" title="#">Пример написания категории в две строки <span>(5)</span></a></li> <li><a href="#" title="#">Сумки <span>(10)</span></a></li> </ul> </div> </li> <li><a href="#" title="#">Для отдыха на природе</a> <div class="side_subnav"> <ul> <li><a href="#" title="#">Белье <span>(12)</span></a></li> <li><a href="#" title="#">Подушки <span>(2)</span></a></li> <li><a href="#" title="#">Пример написания категории в две строки <span>(5)</span></a></li> <li><a href="#" title="#">Сумки <span>(10)</span></a></li> </ul> </div> </li> <li><a href="#" title="#">Спортинвентарь</a> <div class="side_subnav"> <ul> <li><a href="#" title="#">Белье <span>(12)</span></a></li> <li><a href="#" title="#">Подушки <span>(2)</span></a></li> <li><a href="#" title="#">Пример написания категории в две строки <span>(5)</span></a></li> <li><a href="#" title="#">Сумки <span>(10)</span></a></li> </ul> </div> </li> <li><a href="#" title="#">Настольные игры и игрушки</a> <div class="side_subnav"> <ul> <li><a href="#" title="#">Белье <span>(12)</span></a></li> <li><a href="#" title="#">Подушки <span>(2)</span></a></li> <li><a href="#" title="#">Пример написания категории в две строки <span>(5)</span></a></li> <li><a href="#" title="#">Сумки <span>(10)</span></a></li> </ul> </div> </li> <li><a href="#" title="#">Сертификаты развлечений</a> <div class="side_subnav"> <ul> <li><a href="#" title="#">Белье <span>(12)</span></a></li> <li><a href="#" title="#">Подушки <span>(2)</span></a></li> <li><a href="#" title="#">Пример написания категории в две строки <span>(5)</span></a></li> <li><a href="#" title="#">Сумки <span>(10)</span></a></li> </ul> </div> </li> </ul> </div> <div class="side_boon"> <h3>Покупать у нас удобно!</h3> <div class="side_boon_item"><img src="images/boon_01.png" alt=""/><span class="side_boon_item_tx">Вы можете самостоятельно выбрать день и время доставки</span></div> <div class="side_boon_item"><img src="images/boon_02.png" alt=""/><span class="side_boon_item_tx">Мы принимаем наличные и все виды пластиковых карт</span></div> </div> <div class="side_bnr"><img src="images/chuni.png" alt=""/></div> </div> <div class="contentbar"> <div class="catalog"> <h2 class="hls">Товары для будущих мам</h2> <p>Для того, чтобы беременность и материнство доставляло вам исключительно удовольствие, один из основных разделов нашего магазина занимают товары для мам.</p> <div class="filter"> <div class="filter_container"> <form action=""> <div class="filter_range"> <div class="slider_range"></div> <div class="value_range"> <div class="value_min">4000</div> <div class="value_max">15000</div> </div> </div> <div class="show_btn"><a href="#" title="#">Показать</a></div> </form> </div> <div class="sorting">сортировка: <a class="active" href="#" title="#">цена</a><span>/</span><a href="#" title="#">новинки</a></div> </div> <div class="catalog_list"> <ul> <li> <a href="#" title="#"> <span class="catalog_item_img"><img src="images/item_01.jpg" alt=""/></span> <span class="catalog_item_price"><span class="old_price">17500</span> <span class="price">16000</span></span> <span class="catalog_item_name">Металлоискатель MINELAB CTX 3030</span> <span class="discount"></span> </a> </li> <li> <a href="#" title="#"> <span class="catalog_item_img"><img src="images/item_02.jpg" alt=""/></span> <span class="catalog_item_price"><span class="price">5000</span></span> <span class="catalog_item_name">Металлоискатель MINELAB CTX 3030</span> <span class="like"></span> </a> </li> <li> <a href="#" title="#"> <span class="catalog_item_img"><img src="images/item_03.jpg" alt=""/></span> <span class="catalog_item_price"><span class="price">85000</span></span> <span class="catalog_item_name">Металлоискатель MINELAB CTX 3030</span> </a> </li> <li> <a href="#" title="#"> <span class="catalog_item_img"><img src="images/item_02.jpg" alt=""/></span> <span class="catalog_item_price"><span class="price">5000</span></span> <span class="catalog_item_name">Металлоискатель MINELAB CTX 3030</span> <span class="like"></span> </a> </li> <li> <a href="#" title="#"> <span class="catalog_item_img"><img src="images/item_03.jpg" alt=""/></span> <span class="catalog_item_price"><span class="price">85000</span></span> <span class="catalog_item_name">Металлоискатель MINELAB CTX 3030</span> </a> </li> <li> <a href="#" title="#"> <span class="catalog_item_img"><img src="images/item_02.jpg" alt=""/></span> <span class="catalog_item_price"><span class="price">5000</span></span> <span class="catalog_item_name">Металлоискатель MINELAB CTX 3030</span> <span class="like"></span> </a> </li> <li> <a href="#" title="#"> <span class="catalog_item_img"><img src="images/item_01.jpg" alt=""/></span> <span class="catalog_item_price"><span class="old_price">17500</span> <span class="price">16000</span></span> <span class="catalog_item_name">Металлоискатель MINELAB CTX 3030</span> <span class="discount"></span> </a> </li> <li> <a href="#" title="#"> <span class="catalog_item_img"><img src="images/item_02.jpg" alt=""/></span> <span class="catalog_item_price"><span class="price">5000</span></span> <span class="catalog_item_name">Металлоискатель MINELAB CTX 3030</span> <span class="like"></span> </a> </li> <li> <a href="#" title="#"> <span class="catalog_item_img"><img src="images/item_03.jpg" alt=""/></span> <span class="catalog_item_price"><span class="price">85000</span></span> <span class="catalog_item_name">Металлоискатель MINELAB CTX 3030</span> </a> </li> </ul> </div> </div> </div> </div> </div> <div class="article_container"> <div class="article_list"> <ul> <li> <div class="article_img"><a href="#" title="#"><img src="images/article.png" alt=""/></a> </div> <div class="article_tx"> <h3><a href="#" title="#">Как выбрать детскую коляску и не разочароваться?</a></h3> <p>Часто нас мучает один и тот же вопрос - как выбрать коляску? ...</p> </div> </li> <li> <div class="article_img"><a href="#" title="#"><img src="images/article.png" alt=""/></a> </div> <div class="article_tx"> <h3><a href="#" title="#">Как выбрать детскую коляску и не разочароваться?</a></h3> <p>Часто нас мучает один и тот же вопрос - как выбрать коляску? ...</p> </div> </li> </ul> </div> <div class="all_article"><a href="#" title="#">все статьи</a></div> </div> </div> </div> </div> <div class="container_thg"> <div class="main_tr"> <div class="header_wr"> <div class="header"> <div class="header_c01"> <div class="logo"><a href="#" title="#">Товары для отдыха и детей</a></div> <div class="callback"><a class="callback_btn" href="#" title="#">Перезвоните мне</a></div> </div> <div class="header_c02"> <div class="header_cont01"> <div class="header_search"> <form action=""><input type="text" placeholder="ищете что-то конкретное?" value="ищете что-то конкретное?"/><input type="submit" value=""/></form> </div> <div class="header_tel_wr"> <div class="header_tel"> <div class="tel_number"><span>+7 (926)</span> 467-99-79</div> <div class="tel_time">10:00 - 20:00</div> </div> </div> </div> <div class="header_cont02"> <div class="basket"><a href="#" title="#">Ваша корзина <span>(1595)</span></a></div> <div class="main_nav"> <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> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="main_tr"> <div class="footer_wr"> <div class="footer"> <div class="cop"><span>© MO-ON.RU 2014</span> Интернет-магазин товаров для всей семьи</div> <div class="footer_tel">Звоните! +7 (926) <span>467-99-79</span></div> </div> </div> </div> </div> </body> </html>