<!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 active">
<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 active">
<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>
<div class="popup_wr">
<div class="popup_cover"></div>
<div class="popup popup_entance">
<h2>Вход</h2>
<form action="">
<div class="reg_line"><input type="tel" placeholder="Телефон *"/><span class="message_pin">На номер будет отправлен пин-код</span></div>
<div class="popup_btn"><a class="button" href="#" title="#">Войти</a></div>
</form>
</div>
</div>
</div>
</body>
</html>