<!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 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/my.js"></script>
</head>
<body>
<div class="main">
<div class="cont">
<div class="my_booking">
<ul>
<li>
<div class="booking_item_cont">
<div class="court_img"><a href="#" title="#"><img src="images/av01.jpg"
alt=""/></a></div>
<div class="court_cont">
<h3><a href="#" title="#">Футбольное поле в Парке
"Новослободский"</a></h3>
<div class="court_section">
<div class="rating_court"><span class="rating_star mod"></span><span
class="rating_star mod"></span><span class="rating_star mod"></span><span
class="rating_star"></span><span
class="rating_star"></span></div>
<div class="visit">Посещений: <span>12</span></div>
</div>
</div>
</div>
<div class="item_section_wr">
<div class="booking_item_section">
<div class="booking_c1"><span>Бронирование на:</span> 07.11.14</div>
<div class="booking_c2"><span>Выбранное время:</span> 14:30-16:30</div>
</div>
<div class="booking_item_section">
<div class="booking_c1"><span>Стоимость часа:</span> 1 440 руб.</div>
<div class="booking_c2"><span>Общая стоимость:</span> 2 880 руб.</div>
</div>
</div>
<div class="boking_buttons"><a class="button button_green" href="#" title="#">Изменить</a><a class="button button_red"
href="#"
title="#">Отменить</a></div>
</li>
<li>
<div class="booking_item_cont">
<div class="court_img"><a href="#" title="#"><img src="images/av01.jpg"
alt=""/></a></div>
<div class="court_cont">
<h3><a href="#" title="#">Теннисная площадка
"Новослободский теннис"</a></h3>
<div class="court_section">
<div class="rating_court"><span class="rating_star mod"></span><span
class="rating_star mod"></span><span class="rating_star mod"></span><span
class="rating_star"></span><span
class="rating_star"></span></div>
<div class="visit">Посещений: <span>0</span></div>
</div>
</div>
</div>
<div class="item_section_wr">
<div class="booking_item_section">
<div class="booking_c1"><span>Бронирование на:</span> 27.11.14</div>
<div class="booking_c2"><span>Выбранное время:</span> 11:00-13:00</div>
</div>
<div class="booking_item_section">
<div class="booking_c1"><span>Стоимость часа:</span> 600 руб.</div>
<div class="booking_c2"><span>Общая стоимость:</span> 1 200 руб.</div>
</div>
</div>
<div class="boking_buttons"><a class="button button_green" href="#" title="#">Изменить</a><a class="button button_red"
href="#"
title="#">Отменить</a></div>
</li>
<li>
<div class="booking_item_cont">
<div class="court_img"><a href="#" title="#"><img src="images/av01.jpg"
alt=""/></a></div>
<div class="court_cont">
<h3><a href="#" title="#">Теннисная площадка
"Turbo Tennis Club"</a></h3>
<div class="court_section">
<div class="rating_court"><span class="rating_star mod"></span><span
class="rating_star mod"></span><span class="rating_star mod"></span><span
class="rating_star"></span><span
class="rating_star"></span></div>
<div class="visit">Посещений: <span>0</span></div>
</div>
</div>
</div>
<div class="item_section_wr">
<div class="booking_item_section">
<div class="booking_c1"><span>Бронирование на:</span> 29.11.14</div>
<div class="booking_c2"><span>Выбранное время:</span> 12:00-13:00</div>
</div>
<div class="booking_item_section">
<div class="booking_c1"><span>Стоимость часа:</span> 660 руб.</div>
<div class="booking_c2"><span>Общая стоимость:</span> 660 руб.</div>
</div>
</div>
<div class="boking_buttons"><a class="button button_green" href="#" title="#">Изменить</a><a class="button button_red"
href="#"
title="#">Отменить</a></div>
</li>
</ul>
</div>
</div>
<div class="header">
<div class="header_section03">
<h1>Мои бронирования</h1>
<div class="booking_choice"><a class="future active" href="#" title="#">Будущие</a><a class="past" href="#" title="#">Прошедшие</a></div>
</div>
</div>
<div class="footer">
<div class="nav">
<ul>
<li><a class="my_profile" href="#" title="#">Мой профиль</a></li>
<li><a class="seats" href="#" title="#">Места</a></li>
<li><a class="favorites" href="#" title="#">Избранное</a></li>
<li class="active"><a class="booking" href="#" title="#">Бронирования</a></li>
</ul>
</div>
</div>
</div>
<div class="popup_wr">
<div class="popup_cover"></div>
<div class="popup_cancel">
<div class="cancel_tx">Вы уверены
что хотите отменить бронирование?</div>
<div class="popup_btn"><a class="button button_green" href="#" title="#">Да</a></div>
<div class="popup_btn"><a class="button button_scarlet" href="#" title="#">ОТМЕНИТЬ</a></div>
</div>
</div>
</body>
</html>