add_coupon.html

<!doctype html>
<html class="no-js" lang="en">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

    <title>Mishlen</title>
    <meta name="description" content="" />
    <meta name="author" content="" />
    <meta name="viewport" content="width=device-width,initial-scale=1" />

    <link rel="stylesheet" href="css/style.css" />

    <script src="http://modernizr.com/downloads/modernizr-2.5.3.js"></script>
</head>

<body>

    <div class="page-wrap">

        <header class="page-header c">
    <a href="#" class="page-header__logo l"></a>

    <nav class="page-header__nav r">
        <span class="l font-yellow">Добро пожаловать в Мишлен бизнес-бонус</span>
        <div class="vr l ml10 mr10"></div>
        <div class="page-header__nav__dropdown l js-dropdown">
            <a href="#" class="page-header__nav__dropdown__title">выбрать раздел</a>
            <div class="page-header__nav__dropdown__menu">
                <a href="">Что такое и где оно такое?</a>
                <a href="">Такой раздел</a>
                <a href="">И раздел эдакий</a>
            </div> <!-- /.page-header__nav__dropdown__menu -->
        </div> <!-- /.page-header__nav__dropdown -->

        <a href="#" class="r font-yellow mr20">Выход</a>

        <div class="c"></div>

        <div class="page-header__nav__hr"></div>

        <div class="page-header__nav__bottom">
            <div class="page-header__nav__dropdown l js-dropdown">
                <a href="#" class="page-header__nav__dropdown__title">МИШЛЕН</a>
                <div class="page-header__nav__dropdown__menu">
                    <a href="">Что такое и где оно такое?</a>
                    <a href="">Такой раздел</a>
                    <a href="">И раздел эдакий</a>
                </div> <!-- /.page-header__nav__dropdown__menu -->
            </div> <!-- /.page-header__nav__dropdown -->

            <div class="vr vr_alt l ml10 mr10"></div>

            <div class="page-header__nav__dropdown l js-dropdown">
                <a href="#" class="page-header__nav__dropdown__title page-header__nav__dropdown__title_yellow">условия участия в акции</a>
                <div class="page-header__nav__dropdown__menu">
                    <a href="">Что такое и где оно такое?</a>
                    <a href="">Такой раздел</a>
                    <a href="">И раздел эдакий</a>
                </div> <!-- /.page-header__nav__dropdown__menu -->
            </div> <!-- /.page-header__nav__dropdown -->

            <div class="vr vr_alt l ml10 mr10"></div>

            <a href="" class="l">мультижизнь</a>

            <div class="vr vr_alt l ml10 mr10"></div>

            <a href="" class="l">расширенная гарантия</a>
        </div> <!-- /.page-header__nav__bottom -->
    </nav> <!-- /.page-header__nav -->
</header>
        <div class="page-content c">
            <div class="page-content__michelin page-content__michelin_border page-content__michelin_top"></div>

            <div class="page-content__breadcrumbs">
                <a href="">Главная</a> /
                <a href="">Личный кабинет участника акции</a>
            </div>
            <div class="page-content__heading">Личный кабинет</div>

            <div class="account account_min-height">
                <div class="account__user c">
                    <div class="account__user__icon l">
                        <i class="icon icon_user"></i>
                    </div>
                    <div class="account__user__info l">
                        <div class="account__user__info__name">Калашников Виталий Викторович</div>
                        <div class="account__user__info__post">Руководитель отдела продаж</div>
                    </div> <!-- /.account__user__info -->
                </div> <!-- /.account-user -->

                <div class="account__coupons c">
                    <div class="account__coupons__count l">
                        <i class="icon icon_coupons"></i>
                        <span class="account__coupons__count__value">120</span><br>
                        <span class="account__coupons__count__text">купонов</span>
                    </div>
                    <a href="" class="account__coupons__btn btn btn_arr r">Добавить купон</a>
                </div> <!-- ./account__counpons -->

                <div class="account__contacts">
                    <div class="account__contacts__item">
                        <i class="icon icon_address"></i>
                        Москва, ул. Проектируемый проезд 3486, д.44 стр.2
                    </div> <!-- /.account__contacts__item -->
                    <div class="account__contacts__item">
                        <i class="icon icon_phone"></i>
                        +7 (985) 211-9088
                    </div> <!-- /.account__contacts__item -->

                </div>
            </div> <!-- /.account -->

            <form class="coupon-form mt20 disable-on-submit" action="">
                <div class="form-row__heading">Укажите номер купона и нажмите кнопку “активировать купон”</div>

                <div class="form-row">
                    <input type="text" class="custom">
                    <button type="submit" class="btn ml5 btn_arr">Активировать купон</button>
                    <div class="form-row__message form-row__message_error">Произошла ошибка</div>
                    <div class="form-row__message form-row__message_success">Ура Ура</div>
                </div>
            </form>

            <div class="mt50">
                <form action="">
                    <div class="page-content__hr page-content__hr_wide mt35"></div>

                    <div class="page-content__subheading">Выбрано 6 призов на 860 баллов</div>

                    <a href="" class="btn btn_arr btn_arr-invert btn_grey mt20">Вернуться к списку</a>

                    <div class="page-content__hr page-content__hr_wide mt30"></div>

                    <div class="form-row">
                        <input type="checkbox" name="" id="">
                        <label for="" class="inline">Отправить призы по адресу указанному при регистрации</label>
                    </div>
                    <div class="form-row mt5">
                        <input type="checkbox" name="" id="" checked>
                        <label for="" class="inline">Указать свой адрес</label>
                    </div>

                    <fieldset class="mt0">
                        <div class="form-col form-col_grid-3 l">
                            <div class="form-row">
                                <label for="">Город</label>
                                <input type="text" name="" id="">
                            </div>
                            <div class="form-row">
                                <label for="">Фактический адрес доставки</label>
                                <input type="text" name="" id="">
                            </div>
                        </div>
                        <div class="form-col form-col_grid-3 l">
                            <div class="form-row">
                                <label for="">Контактный телефон</label>
                                <input type="text" name="" id="">
                            </div>
                            <div class="form-row">
                                <label for="">Контактный лицо</label>
                                <input type="text" name="" id="">
                            </div>
                        </div>
                        <div class="form-col form-col_grid-3 l">
                            <div class="form-row">
                                <label for="">Дополнительные комментарии</label>
                                <textarea name="" id=""></textarea>
                            </div>
                        </div>
                    </fieldset>

                    <div class="page-content__hr page-content__hr_wide"></div>

                    <div class="page-content__buttons c">
                        <a href="" class="btn btn_grey btn_arr btn_arr-invert l">Назад</a>
                        <a href="" class="btn btn_arr r">Отправить призы</a>
                    </div>

                </form> <!-- /.presents-form -->
            </div> <!-- /.presents -->
        </div> <!-- /.page-content -->

        <footer class="page-footer c">
    <a href="">Правовая оговорка</a> |
    <a href="Обратная связь">Обратная связь</a> |
    <span>Все права защищены &copy; 2013 Мишлен</span>
</footer>

    </div>


    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.1/jquery.min.js"></script>
    <script defer src="js/script.js"></script>

</body>
</html>