<!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="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 class="item_section_wr">
<div class="booking_item_section">
<h4>Дата и время</h4>
<div class="item_section_data"><span>07.11.14</span><span>14:30-16:30</span></div>
</div>
<div class="booking_item_section">
<h4>Стоимость часа</h4>
<div class="item_section_data">1 440 руб.</div>
</div>
<div class="booking_item_section">
<h4>Общая стоимость</h4>
<div class="item_section_data">2 880 руб</div>
</div>
</div>
<div class="boking_buttons"><a class="pin pin_green" href="#" title="#">Изменить</a><a class="pin pin_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="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 class="item_section_wr">
<div class="booking_item_section">
<h4>Дата и время</h4>
<div class="item_section_data"><span>07.11.14</span><span>14:30-16:30</span></div>
</div>
<div class="booking_item_section">
<h4>Стоимость часа</h4>
<div class="item_section_data">1 440 руб.</div>
</div>
<div class="booking_item_section">
<h4>Общая стоимость</h4>
<div class="item_section_data">2 880 руб</div>
</div>
</div>
<div class="boking_buttons"><a class="pin pin_green" href="#" title="#">Изменить</a><a class="pin pin_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="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 class="item_section_wr">
<div class="booking_item_section">
<h4>Дата и время</h4>
<div class="item_section_data"><span>07.11.14</span><span>14:30-16:30</span></div>
</div>
<div class="booking_item_section">
<h4>Стоимость часа</h4>
<div class="item_section_data">1 440 руб.</div>
</div>
<div class="booking_item_section">
<h4>Общая стоимость</h4>
<div class="item_section_data">2 880 руб</div>
</div>
</div>
<div class="boking_buttons"><a class="pin pin_green" href="#" title="#">Изменить</a><a class="pin pin_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>
</body>
</html>