<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <meta name="viewport" content="width=640;"> <meta name="format-detection" content="telephone=no"/> <title>Документ без названия</title> <link rel="stylesheet" type="text/css" href="css/jquery.rating.css"/> <link rel="stylesheet" type="text/css" href="css/jClever.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.rating.js"></script> <script type="text/javascript" src="js/jClever.js" charset="utf-8"></script> <script type="text/javascript" src="js/my.js"></script> </head> <body> <div class="main"> <div class="cont"> <div class="schedule"> <h2><a href="#" title="#">Футбольное поле с подогревом <br/> №1</a> (103х68м) (Футбол S /Футбол M)</h2> <div class="schedule_head"> <div class="schedile_arrow"> <div class="arrow_prev"><a href="#" title="#"></a></div> <div class="arrow_next"><a href="#" title="#"></a></div> </div> <div class="schedule_date"> <ul style="left: 0;"> <li><span>20 НОЯБРЯ</span></li> <li><span>21 НОЯБРЯ</span></li> <li><span>22 НОЯБРЯ</span></li> <li><span>23 НОЯБРЯ</span></li> <li><span>24 НОЯБРЯ</span></li> <li><span>25 НОЯБРЯ</span></li> <li><span>26 НОЯБРЯ</span></li> </ul> </div> </div> <div class="schedule_cont"> <div class="schedule_time"> <ul> <li>09:00</li> <li>10:00</li> <li>11:00</li> <li>12:00</li> <li>13:00</li> <li>14:00</li> <li>15:00</li> <li>16:00</li> <li>17:00</li> <li>18:00</li> <li>19:00</li> <li>20:00</li> <li>21:00</li> <li>22:00</li> <li>23:00</li> <li>24:00</li> </ul> </div> <div class="schedule_reservation"> <ul style="left: 0;"> <li> <ul class="schedule_column"> <li class="green"><span>300 р.</span></li> <li class="green"><span>300 р.</span></li> <li class="green"><span>300 р.</span></li> <li class="green"><span>300 р.</span></li> <li class="green"><span>300 р.</span></li> <li class="green"><span>300 р.</span></li> <li class="green"><span>300 р.</span></li> <li class="green"><span>300 р.</span></li> <li class="green"><span>300 р.</span></li> <li class="green"><span>300 р.</span></li> <li class="green"><span>300 р.</span></li> <li class="green"><span>300 р.</span></li> <li class="green"><span>300 р.</span></li> <li class="green"><span>300 р.</span></li> <li class="green"><span>300 р.</span></li> <li class="green"><span>300 р.</span></li> </ul> </li> <li> <ul class="schedule_column"> <li class="pink"><span>300 р.</span></li> <li class="pink"><span>300 р.</span></li> <li class="pink"><span>300 р.</span></li> <li class="pink"><span>300 р.</span></li> <li class="pink"><span>300 р.</span></li> <li></li> <li></li> <li class="pink">300 р.</li> <li class="pink"><span>300 р.</span></li> <li class="pink"><span>300 р.</span></li> <li class="pink"><span>300 р.</span></li> <li class="pink"><span>300 р.</span></li> <li></li> <li></li> <li></li> <li></li> </ul> </li> <li> <ul class="schedule_column"> <li class="red"><span>300 р</span></li> <li class="green"><span>300 р.</span></li> <li class="mine"><span>300 р.</span></li> <li class="pink"><span>300 р.</span></li> <li class="pink"><span>300 р.</span></li> <li class="pink"><span>300 р.</span></li> <li class="pink"><span>300 р.</span></li> <li class="red"><span>300 р.</span></li> <li class="green"><span>300 р</span></li> <li class="mine"><span>300 р.</span></li> <li class="pink"><span>300 р.</span></li> <li class="pink"><span>300 р.</span></li> <li class="pink"><span>300 р.</span></li> <li class="pink"><span>300 р.</span></li> <li class="pink"><span>300 р.</span></li> <li class="pink"><span>300 р.</span></li> </ul> </li> <li> <ul class="schedule_column"> <li class="gray"><span>300 р</span></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li class="gray"><span>300 р.</span></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> </li> <li> <ul class="schedule_column"> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> </li> <li> <ul class="schedule_column"> <li class="pink"><span>300 р.</span></li> <li></li> <li></li> <li class="pink"><span>300 р.</span></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> </li> <li> <ul class="schedule_column"> <li></li> <li></li> <li class="pink"><span>300 р.</span></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> </li> </ul> </div> </div> </div> </div> <div class="header"> <div class="header_section01"> <h1>Бронирование</h1> <div class="header_btn"><a class="header_prev" href="#" title="#"></a></div> </div> </div> <div class="footer"> <div class="nav"> <ul> <li><a class="my_profile" href="#" title="#">Мой профиль</a></li> <li class="active"><a class="seats" href="#" title="#">Места</a></li> <li><a class="favorites" href="#" title="#">Избранное</a></li> <li><a class="booking" href="#" title="#">Бронирования</a></li> </ul> </div> </div> </div> <div class="popup_wr"> <div class="popup_cover"></div> <div class="popup_additional_services"> <div class="popup_head">25.11.2014,<span class="time_reservation">13:00-14:00</span></div> <div class="popup_cont"> <h2>Дополнительные услуги:</h2> <form action="" class="jClever"> <div class="scroll_cont"> <div class="popup_list_wr"> <div class="popup_list"> <ul> <li> <div class="checkbox_wr"><input type="checkbox" id="ch01"/></div> <div class="label_wr"><label for="ch01">Тренер</label></div> <div class="services_price">450 руб.</div> </li> <li> <div class="checkbox_wr"><input type="checkbox" id="ch02"/></div> <div class="label_wr"><label for="ch02">Раздевалки</label></div> <div class="services_price">50 руб.</div> </li> <li> <div class="checkbox_wr"><input type="checkbox" id="ch03"/></div> <div class="label_wr"><label for="ch03">Сауна</label></div> <div class="services_price">900 руб.</div> </li> <li> <div class="checkbox_wr"><input type="checkbox" id="ch04"/></div> <div class="label_wr"><label for="ch04">Душевая</label></div> <div class="services_price">50 руб.</div> </li> <li> <div class="checkbox_wr"><input type="checkbox" id="ch05"/></div> <div class="label_wr"><label for="ch05">Освещение</label></div> <div class="services_price">250 руб.</div> </li> <li> <div class="checkbox_wr"><input type="checkbox" id="ch06"/></div> <div class="label_wr"><label for="ch06">Тренер</label></div> <div class="services_price">450 руб.</div> </li> <li> <div class="checkbox_wr"><input type="checkbox" id="ch07"/></div> <div class="label_wr"><label for="ch07">Тренер</label></div> <div class="services_price">80 руб.</div> </li> <li> <div class="checkbox_wr"><input type="checkbox" id="ch08"/></div> <div class="label_wr"><label for="ch08">Раздевалки</label></div> <div class="services_price">300 руб.</div> </li> <li> <div class="checkbox_wr"><input type="checkbox" id="ch09"/></div> <div class="label_wr"><label for="ch09">Сауна</label></div> <div class="services_price">450 руб.</div> </li> <li> <div class="checkbox_wr"><input type="checkbox" id="ch10"/></div> <div class="label_wr"><label for="ch10">Сауна</label></div> <div class="services_price">450 руб.</div> </li> </ul> </div> <div class="comment"><textarea placeholder="Текст вашего отзыва"></textarea></div> </div> </div> <div class="popup_btn_wr"> <div class="popup_btn"><a class="button" href="#" title="#">СОХРАНИТЬ</a></div> <div class="popup_btn"><a class="button button_scarlet" href="#" title="#">ОТМЕНИТЬ</a></div> </div> </form> </div> <div class="cancel_btn"><a class="cancel" href="#" title="#"></a></div> </div> </div> </body> </html>