<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Документ без названия</title>
    <link rel="stylesheet" type="text/css" href="css/jClever.css" />
    <link rel="stylesheet" type="text/css" href="css/jquery.rating.css"/>
    <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 type="text/javascript" src="js/jClever.js" charset="utf-8"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
    <script src="js/localization.js"></script>
    <script type="text/javascript" src="js/jquery.rating.js"></script>
    <script type="text/javascript" src="js/my.js"></script>
</head>
<body>
<div class="main">
    <div class="cont_wr">
        <div class="cont">
            <div class="cont_container">
                <div class="benefits">
                    <ul>
                        <li class="benefits_servece">
                            <h3>Найдите свою услугу</h3>

                            <p>578 предложений по развлечениям, спортивным площадкам и услугам вы можете забронировать в 3
                                клика.</p>
                        </li>
                        <li class="benefits_time">
                            <h3>Укажите удобное время</h3>

                            <p>Бронируйте спортивные площадки, услуги и развлечения не выходя
                                из дома. Легко и быстро! </p>
                        </li>
                        <li class="benefits_joy">
                            <h3>Получайте удовольствие</h3>

                            <p>Арендовать футбольное поле, париумахерскую или боулинг клуб стало просто, как никогда!</p>
                        </li>
                    </ul>
                </div>
                <div class="social"><img src="images/social.png" alt=""/></div>
            </div>
        </div>
    </div>
    <div class="header_wr">
        <div class="header header_mod01">
            <div class="header_container">
                <div class="logo mod"><a href="#" title="#"></a></div>
                <div class="login_wr mod">
                    <div class="login_club"><a href="#" title="#">вход для клубов</a></div>
                    <div class="login"><a href="#" title="#">Войти</a></div>
                </div>
            </div>
            <div class="service_container">
                <h1>ОНЛАЙН-СЕРВИС БРОНИРОВАНИЯ <span>спортивные площадки, кафе, салоны красоты и многое другое...</span></h1>

                <div class="filter filter_mod">
                    <form action="" class="jClever">
                        <div class="filter_serv">
                            <div class="select_serv"><span>Развлечение, услуга ...</span></div>
                            <div class="service_list_wr">
                                <div class="service_list">
                                    <ul>
                                        <li><input type="checkbox" id="ch01"/><label for="ch01">Футбол</label></li>
                                        <li><input type="checkbox" id="ch02"/><label for="ch02">Баскетбол</label></li>
                                        <li><input type="checkbox" id="ch03"/><label for="ch03">Волейбол</label></li>
                                        <li><input type="checkbox" id="ch04"/><label for="ch04">Теннис</label></li>
                                        <li><input type="checkbox" id="ch05"/><label for="ch05">Единоборство</label></li>
                                        <li><input type="checkbox" id="ch06"/><label for="ch06">Хореография</label></li>
                                        <li><input type="checkbox" id="ch07"/><label for="ch07">Хоккей</label></li>
                                        <li><input type="checkbox" id="ch29"/><label for="ch29">Волейбол</label></li>
                                        <li><input type="checkbox" id="ch30"/><label for="ch30">Теннис</label></li>
                                        <li><input type="checkbox" id="ch31"/><label for="ch31">Единоборство</label></li>
                                        <li><input type="checkbox" id="ch32"/><label for="ch32">Хореография</label></li>
                                        <li><input type="checkbox" id="ch33"/><label for="ch33">Хоккей</label></li>
                                        <li><input type="checkbox" id="ch34"/><label for="ch34">Единоборство</label></li>
                                        <li><input type="checkbox" id="ch35"/><label for="ch35">Хореография</label></li>
                                        <li><input type="checkbox" id="ch36"/><label for="ch36">Хоккей</label></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="filter_place">
                            <div class="select_place"><span>Выберите удобное место</span></div>
                            <div class="place_list_wr">
                                <div class="place_list">
                                    <ul>
                                        <li><input type="checkbox" id="ch08"/><label for="ch08">Арбатская</label></li>
                                        <li><input type="checkbox" id="ch09"/><label for="ch09">Бауманская</label></li>
                                        <li><input type="checkbox" id="ch10"/><label for="ch10">Волоколамская</label></li>
                                        <li><input type="checkbox" id="ch11"/><label for="ch11">Измайловская</label></li>
                                        <li><input type="checkbox" id="ch12"/><label for="ch12">Киевская</label></li>
                                        <li><input type="checkbox" id="ch13"/><label for="ch13">Крылатское</label></li>
                                        <li><input type="checkbox" id="ch14"/><label for="ch14">Кунцевская</label></li>
                                        <li><input type="checkbox" id="ch37"/><label for="ch37">Бауманская</label></li>
                                        <li><input type="checkbox" id="ch38"/><label for="ch38">Волоколамская</label></li>
                                        <li><input type="checkbox" id="ch39"/><label for="ch39">Измайловская</label></li>
                                        <li><input type="checkbox" id="ch40"/><label for="ch40">Киевская</label></li>
                                        <li><input type="checkbox" id="ch41"/><label for="ch41">Крылатское</label></li>
                                        <li><input type="checkbox" id="ch42"/><label for="ch42">Кунцевская</label></li>
                                    </ul>
                                    <ul>
                                        <li><input type="checkbox" id="ch15"/><label for="ch15">Курская</label></li>
                                        <li><input type="checkbox" id="ch16"/><label for="ch16">Митино</label></li>
                                        <li><input type="checkbox" id="ch17"/><label for="ch17">Молодёжная</label></li>
                                        <li><input type="checkbox" id="ch18"/><label for="ch18">Мякинино</label></li>
                                        <li><input type="checkbox" id="ch19"/><label for="ch19">Парк Победы</label></li>
                                        <li><input type="checkbox" id="ch20"/><label for="ch20">Партизанская</label></li>
                                        <li><input type="checkbox" id="ch21"/><label for="ch21">Первомайская</label></li>
                                        <li><input type="checkbox" id="ch43"/><label for="ch43">Митино</label></li>
                                        <li><input type="checkbox" id="ch44"/><label for="ch44">Молодёжная</label></li>
                                        <li><input type="checkbox" id="ch45"/><label for="ch45">Мякинино</label></li>
                                        <li><input type="checkbox" id="ch46"/><label for="ch46">Парк Победы</label></li>
                                        <li><input type="checkbox" id="ch47"/><label for="ch47">Партизанская</label></li>
                                        <li><input type="checkbox" id="ch48"/><label for="ch48">Первомайская</label></li>
                                    </ul>
                                    <ul>
                                        <li><input type="checkbox" id="ch22"/><label for="ch22">Площадь Революции</label></li>
                                        <li><input type="checkbox" id="ch23"/><label for="ch23">Семёновская</label></li>
                                        <li><input type="checkbox" id="ch24"/><label for="ch24">Славянский бульвар</label></li>
                                        <li><input type="checkbox" id="ch25"/><label for="ch25">Смоленская</label></li>
                                        <li><input type="checkbox" id="ch26"/><label for="ch26">Строгино</label></li>
                                        <li><input type="checkbox" id="ch27"/><label for="ch27">Щёлковская</label></li>
                                        <li><input type="checkbox" id="ch28"/><label for="ch28">Электрозаводская</label></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="filter_date">
                            <div class="select_date"><input type="text" class="datepicker" placeholder="Выберите день"/></div>
                        </div>
                        <div class="filter_find"><a class="button button_blue" href="#" title="#">Найти</a></div>
                    </form>
                </div>
                <div class="registration"><a class="button" href="#" title="#">Зарегистрироваться</a></div>
            </div>
        </div>
    </div>
    <div class="footer_wr">
        <div class="footer footer_mod">
            <div class="footer_container">
                <div class="cop">© 2014 pdbooking.com</div>
                <div class="foot_nav">
                    <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 class="pay"><a href="#" title="#"><img src="images/pay.png" alt=""/></a></div>
            </div>
        </div>
    </div>
</div>
</body>
</html>        
© TrueDev.org