<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--[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 http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>catalog</title>
    
  <link href="js/jquery-ui-1.8.21.custom/css/ui-lightness/jquery-ui-1.8.21.custom.css" rel="stylesheet" type="text/css"/>
<link type="text/css" href="css/jquery.jscrollpane.css" rel="stylesheet" media="all" />
    <link href="css/style.css" rel="stylesheet" type="text/css"/>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
	<script type="text/javascript" src="js/jquery-ui-1.8.21.custom/js/jquery-ui-1.8.21.custom.min.js"></script>
 	<script type="text/javascript" src="js/jcarousellite_1.0.1.min.js"></script>
    <!--[if IE]><script type="text/javascript" src="js/PIE.js"></script><![endif]-->
    <script type="text/javascript" src="js/jClever.js"></script>
    <link rel="stylesheet" type="text/css" href="css/jClever.css" />
    
    <script type="text/javascript" src="js/jquery.mousewheel.js"></script>
    <script type="text/javascript" src="js/jquery.jscrollpane.min.js"></script>
    
    <script type="text/javascript" src="js/my.js"></script>

</head>
<body>
<div class="wrap">
<div class="page">
<div class="header">
    <div class="logo"><a href="#" title="#"></a></div>
    <div class="otziv"><a href="#" title="#"></a></div>
    <div class="menu_top">
        <ul>
            <li>
                <div class="lp">
                    <a class="rp" href="#">
                        <span></span>
                    </a>
                </div>
            </li>
            <li class="active">
                <div class="lp">
                    <a class="rp" href="#">
                        Каталог
                    </a>
                </div>
            </li>
            <li>
                <div class="lp">
                    <a class="rp" href="#">
                        Как купить
                    </a>
                </div>
            </li>
            <li>
                <div class="lp">
                    <a class="rp" href="#">
                        О продукции
                    </a>
                </div>
            </li>
        </ul>
    </div>
</div>
<div class="contentarea">
<div class="content">
    <div>
        <div class="order_info1">
            <div class="block_items_ordered">
                <h2>Ваш заказ:</h2>

                <div class="message1">Вы пока еще ничего не выбрали.</div>
                <div class="message2">Вы можете воспользоваться формой <br/><a href="#" title="#">экспрес-выбора</a></div>
            </div>
            <div class="execut_of_order">
                <h2>Оформление заказа:</h2>
                <form action="#">
                    <div class="enter_phone"><input type="text" name="" /></div>
                    <div class="send active"><input type="submit" value=""/></div>
                    <div class="info_send">Для заказа введите контактный номер телефона</div>
                    <div class="propre_order"><a href="#" title="#">Я хочу оформить заказ самостоятельно</a></div>
                </form>
            </div>
        </div>
    </div>
    <div class="wrap_catalog">
        <h2>Розы Гран-При</h2>

        <div class="sort">
            <div class="prise_range">
                <div class="title">Промежуток цен:</div>
                       <div class="chose_of_price">
		<form action="#" class="jClever">
            <select name="">
                <option value="0">5000 - 10000 рублей</option>
                <option value="1">10000 - 20000 рублей</option>
                <option value="2">20000 - 30000 рублей</option>
            </select>
            </form>

        </div>

            </div>
            <div class="col_rose">
                <div class="title">Количество стеблей:</div>
                <div class="range_fl">
                    <ul>
                        <li class="active"><a href="#" title="#">51</a></li>
                        <li><a href="#" title="#">101</a></li>
                        <li><a href="#" title="#">201</a></li>
                        <li><a href="#" title="#">303</a></li>
                        <li><a href="#" title="#">501</a></li>
                        <li class="last"><a href="#" title="#">1001</a></li>
                    </ul>
                </div>
            </div>
            <div class="sort_rose">
                <div class="title">Сорт роз:</div>
                <div class="range_sorts">
                    <ul>
                        <li class="active"><a href="#" title="#">Гран-При</a></li>
                        <li><a href="#" title="#">Талея</a></li>
                        <li class="last"><a href="#" title="#">Аваланж</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="links">
            <div class="all_buket"><a href="#" title="#">Показать все букеты</a></div>
            <div class="specpropos"><a href="#" title="#">Спецпредложения</a></div>
        </div>
        <div class="catalog">
            <ul>
                <li>
                    <div class="grand_image">
                        <a href="#" title="#"><img src="images/cat1.jpg" alt=""/><i></i></a>
                    </div>
                    <div class="ordered"><a href="#" title="#"></a></div>
                    <div class="price_catalog">
                        <div class="name">Роза Гран При (51)</div>
                        <div class="price">800<span>руб</span></div>
                    </div>
                </li>
                <li>
                    <div class="grand_image">
                        <a href="#" title="#"><img src="images/cat2.jpg" alt=""/><i></i></a>
                    </div>
                    <div class="ordered"><a href="#" title="#"></a></div>
                    <div class="price_catalog">
                        <div class="name">Роза Гран При (51)</div>
                        <div class="price">800<span>руб</span></div>
                    </div>
                </li>
                <li>
                    <div class="grand_image">
                        <a href="#" title="#"><img src="images/cat3.jpg" alt=""/><i></i></a>
                    </div>
                    <div class="ordered"><a href="#" title="#"></a></div>
                    <div class="price_catalog">
                        <div class="name">Роза Гран При (51)</div>
                        <div class="price">800<span>руб</span></div>
                    </div>
                </li>
                <li>
                    <div class="grand_image">
                        <a href="#" title="#"><img src="images/cat4.jpg" alt=""/><i></i></a>
                    </div>
                    <div class="ordered"><a href="#" title="#"></a></div>
                    <div class="price_catalog">
                        <div class="name">Роза Гран При (51)</div>
                        <div class="price">800<span>руб</span></div>
                    </div>
                </li>
                <li>
                    <div class="grand_image">
                        <a href="#" title="#"><img src="images/im1.jpg" alt=""/><i></i></a>
                    </div>
                    <div class="ordered"><a href="#" title="#"></a></div>
                    <div class="price_catalog">
                        <div class="name">Роза Гран При (51)</div>
                        <div class="price">800<span>руб</span></div>
                    </div>
                </li>
                <li>
                    <div class="grand_image">
                        <a href="#" title="#"><img src="images/cat5.jpg" alt=""/><i></i></a>
                    </div>
                    <div class="ordered"><a href="#" title="#"></a></div>
                    <div class="price_catalog">
                        <div class="name">Роза Гран При (51)</div>
                        <div class="price">800<span>руб</span></div>
                    </div>
                </li>
                <li>
                    <div class="grand_image">
                        <a href="#" title="#"><img src="images/cat2.jpg" alt=""/><i></i></a>
                    </div>
                    <div class="ordered"><a href="#" title="#"></a></div>
                    <div class="price_catalog">
                        <div class="name">Роза Гран При (51)</div>
                        <div class="price">800<span>руб</span></div>
                    </div>
                </li>
                <li>
                    <div class="grand_image">
                        <a href="#" title="#"><img src="images/cat7.jpg" alt=""/><i></i></a>
                    </div>
                    <div class="ordered"><a href="#" title="#"></a></div>
                    <div class="price_catalog">
                        <div class="name">Роза Гран При (51)</div>
                        <div class="price">800<span>руб</span></div>
                    </div>
                </li>
                <li>
                    <div class="grand_image">
                        <a href="#" title="#"><img src="images/cat4.jpg" alt=""/><i></i></a>
                    </div>
                    <div class="ordered"><a href="#" title="#"></a></div>
                    <div class="price_catalog">
                        <div class="name">Роза Гран При (51)</div>
                        <div class="price">800<span>руб</span></div>
                    </div>
                </li>
                <li>
                    <div class="grand_image">
                        <a href="#" title="#"><img src="images/cat5.jpg" alt=""/><i></i></a>
                    </div>
                    <div class="ordered"><a href="#" title="#"></a></div>
                    <div class="price_catalog">
                        <div class="name">Роза Гран При (51)</div>
                        <div class="price">800<span>руб</span></div>
                    </div>
                </li>
                <li>
                    <div class="grand_image">
                        <a href="#" title="#"><img src="images/cat1.jpg" alt=""/><i></i></a>
                    </div>
                    <div class="ordered"><a href="#" title="#"></a></div>
                    <div class="price_catalog">
                        <div class="name">Роза Гран При (51) Роза Гран При (51)</div>
                        <div class="price">800<span>руб</span></div>
                    </div>
                </li>
                <li>
                    <div class="grand_image">
                        <a href="#" title="#"><img src="images/cat2.jpg" alt=""/><i></i></a>
                    </div>
                    <div class="ordered"><a href="#" title="#"></a></div>
                    <div class="price_catalog">
                        <div class="name">Роза Гран При (51)</div>
                        <div class="price">800<span>руб</span></div>
                    </div>
                </li>
            </ul>

        </div>
        <div class="text">
            <div class="text1">
                <p>Использования забытых и устаревших названий сортов следует избегать, даже если эти названия имеют приоритет над широко распространёнными современными. <br/> Если эпитет сорта был использован более одного раза в пределах класса, к названию сорта следует добавлять имя автора и даты создания или регистрации. До уровня рода или вида розы называют в соответствии с Международным кодексом ботанической номенклатуры. </p>
            </div>
            <div class="text2">
                <p>
                    При публикации названий сортов на языках, отличных от языка первоначальной публикации, переводить эпитет не следует. Можно применять транслитерацию (ISO 9) и транскрипцию. В том случае, если по маркетинговым соображениям эпитет сорта был переведен на другой язык, перевод эпитета следует рассматривать как торговое обозначение, а не как научное название.
                </p>
            </div>
        </div>

    </div>

</div>
<div class="side_bar">
    <div class="banner">
        <h2>Сэкономьте время</h2>

        <div class="text_banner">— воспользуйтесь формой <br/>
            &nbsp;&nbsp;&nbsp;&nbsp;<a href="#" title="#">экспрес-подбора букета</a></div>
    </div>
    <div class="advantage">
        <h2>Почему мы?</h2>
        <ul>
            <li>Самый быстрый сайт для покупки цветов</li>
            <li>Не устраивает букет?</li>
            <li>Большие скидки при заказе более 2-х букетов!</li>
            <li>Доставим бесплатно</li>
            <li>Самые лучшие розы и самые красивые букеты</li>
            <li>Оплата после доставки</li>
        </ul>
    </div>
    <div class="spec_proposition">
        <h2>Специальные предложения</h2>
        <ul>
            <li>
                <div class="l_bl"><a href="#" title="#"><img src="images/img1.jpg" alt=""/><i></i></a></div>
                <div class="r_bl">
                    <h5><a href="#" title="#">800 руб</a></h5>
                    <div class="r_bl_info"><a href="#" title="#">Только сегодня</a></div>
                </div>
            </li>
            <li>
                <div class="l_bl"><a href="#" title="#"><img src="images/img2.jpg" alt=""/><i></i></a></div>
                <div class="r_bl">
                    <h5><a href="#" title="#">800 руб</a></h5>
                    <div class="r_bl_info"><a href="#" title="#">Только сегодня</a></div>
                </div>
            </li>
        </ul>
    </div>
    <div class="opinion">
        <h2>Отзывы</h2>
        <ul>
            <li>
                <div class="mess_option"><span class="date">21.04. 2012</span><span class="author">Павел, Москва</span></div>
                <div class="text_op">Купил вчера! Доволен использования забытых и устаревших названий сортов следует избегать, даже если...</div>
                <div class="read_more"><a href="#" title="#"><span>Читать полностью</span></a></div>
            </li>
            <li>
                <div class="mess_option"><span class="date">21.04. 2012</span><span class="author">Ирина, Москва</span></div>
                <div class="text_op">Купила! Над широко распространёнными современными.Если эпитет сорта был использован более...</div>
                <div class="read_more"><a href="#" title="#"><span>Читать полностью</span></a></div>
            </li>
        </ul>
    </div>
</div>
</div>
</div>
</div>
<div class="footer">
    <div class="footer_top">
        <div class="copy">&copy; Hozjainbuketa, 2012</div>
        <div class="menu">
            <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>
                <li><a href="#" title="#">Спец предложения</a></li>
                <li><a href="#" title="#">Отзывы</a></li>
            </ul>
        </div>
    </div>
    <div class="block_counts">
        <a href="#" title="#"><img src="images/count1.jpg" width="88" height="31" alt=""/></a>
    </div>

</div>
</body>
</html>        
© TrueDev.org