<!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="cabinet">
                    <h1>Ваш кабинет</h1>

                    <form action="">
                        <div class="cabinet_container">
                            <div class="cabinet_section">
                                <h3>Личная информация</h3>

                                <div class="ava_cont">
                                    <label for="ava">Аватар</label><span class="ava_wr"><input id="ava"
                                                                                                type="file"/></span>
                                </div>
                                <div class="private_cont">
                                    <div class="cabinet_line"><span><label for="n_01">Имя *</label></span><input
                                            type="text" id="n_01"/>
                                    </div>
                                    <div class="cabinet_line"><span><label for="n_02">Фамилия *</label></span><input
                                            type="text" id="n_02"/>
                                    </div>
                                </div>
                            </div>
                            <div class="cabinet_section">
                                <h3>Контактная информация</h3>


                                <div class="cabinet_line"><span><label for="mail">Email *</label></span><input
                                        type="text" id="mail"/>
                                </div>
                                <div class="cabinet_line"><span><label for="tel">Телефон *</label></span><input
                                        type="text" id="tel"/>
                                </div>
                            </div>
                            <div class="cabinet_section">
                                <h3>Смена пароля</h3>

                                <div class="cabinet_line"><span><label for="pass_01">Новый пароль</label></span><input
                                        type="text" id="pass_01"/>
                                </div>
                                <div class="cabinet_line"><span><label for="pass_02">Повторите
                                    пароль</label></span><input
                                        type="text" id="pass_02"/>
                                </div>
                            </div>
                        </div>
                        <div class="cabiner_btn"><a class="button" href="#" title="#">Сохранить</a></div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <div class="header_wr">
        <div class="header">
            <div class="header_container">
                <div class="logo"><a href="#" title="#"></a></div>
                <div class="login_wr">
                    <div class="main_nav">
                        <ul>
                            <li class="active"><a href="#" title="#">кабинет</a></li>
                            <li><a href="#" title="#">история</a></li>
                            <li><a href="#" title="#">избранное</a></li>
                        </ul>
                    </div>
                    <div class="login exit"><a href="#" title="#">Выйти</a></div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer_wr">
        <div class="footer">
            <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