restore-password page added

smashercosmo · Jun 5, 2013 · 77f132d · 77f132d
1 parent 6e346d2
commit 77f132d
Show file tree

Hide file tree

Showing 2 changed files with 212 additions and 0 deletions.
diff --git a/balangan/css/main.css b/balangan/css/main.css
@@ -384,6 +384,8 @@ header {
 
 .main {
 	background: #9c9084 url('../img/main-bg.png') repeat-x left top;
+	padding-bottom: 1000px;
+	margin-bottom: -1000px;
 }
 
 .main__inner {
@@ -1063,6 +1065,43 @@ input.buy-points__control__field__input {
 
 /* ----------------------------------------------------- about offer end -------------------------------------------- */
 
+/* ----------------------------------------------------- restore password start ------------------------------------- */
+
+.restore-password {
+	background-color: #e4d0b5;
+	padding: 30px;
+	min-height: 0;
+	margin-bottom: 0;
+}
+
+.restore-password__header {
+	font-size: 18px;
+	margin-bottom: 15px;
+}
+
+.restore-password__form {
+	margin-bottom: 20px;
+}
+
+.restore-password__button {
+	margin-top: 10px;
+}
+
+.restore-password__label {
+	font-size: 12px;
+	margin-bottom: 10px;
+}
+
+.restore-password__info {
+	margin-top: 5px;
+}
+
+.restore-password__info__link {
+	color: #8e6122;
+}
+
+/* ----------------------------------------------------- restore password end --------------------------------------- */
+
 /* ----------------------------------------------------- CONTENT END ------------------------------------------------ */
 
 /* ----------------------------------------------------- FOOTER START ----------------------------------------------- */

diff --git a/balangan/restore-password.html b/balangan/restore-password.html
@@ -0,0 +1,173 @@
+<!DOCTYPE HTML>
+<html lang="en-US">
+<head>
+	<meta charset="UTF-8">
+	<link rel="stylesheet" href="css/normalize.css">
+	<link rel="stylesheet" href="css/fonts.css">
+	<link rel="stylesheet" href="css/buttons.css">
+	<link rel="stylesheet" href="css/inputs.css">
+	<link rel="stylesheet" href="css/grid.css">
+	<link rel="stylesheet" href="css/icons.css">
+	<link rel="stylesheet" href="css/ui.css">
+	<link rel="stylesheet" href="css/jqueryui.css">
+	<link rel="stylesheet" href="css/main.css">
+	<!--[if lte IE 8]>
+	<link rel="stylesheet" href="css/ie.css">
+	<script src="js/html5shiv.js"></script>
+	<![endif]-->
+	<title></title>
+</head>
+<body>
+	<div class="wrapper">
+		<header>
+			<div class="header__inner clearfix">
+				<div class="header__logo">
+					<div class="header__logo__coming-soon"></div>
+				</div>
+				<div class="header__right">
+					<div class="control-panel">
+						<div class="control-panel__form">
+							<form action="">
+								<span class="control-panel__form__field">
+									<input type="text" class="input-medium" placeholder="Логин">
+									<a href="#" class="control-panel__reg-link">Регистрация</a>
+								</span>
+								<span class="control-panel__form__field">
+									<input type="password" class="input-medium" placeholder="Пароль">
+									<a href="#" class="control-panel__forgot-password-link">Забыли пароль?</a>
+								</span>
+								<button class="btn control-panel__form__button_enter">Вход</button>
+							</form>
+						</div>
+						<div class="control-panel__box">
+							<div class="control-panel__box__bg_ie"></div>
+							<div class="control-panel__box__content">
+								<div class="control-panel__social__title">
+									Или войдите через существующие аккаунты в социальных сетях:
+								</div>
+								<div class="control-panel__social__buttons">
+									<a href="#" class="control-panel__social__button control-panel__social__button_fb"></a>
+									<a href="#" class="control-panel__social__button control-panel__social__button_vk"></a>
+									<a href="#" class="control-panel__social__button control-panel__social__button_tw"></a>
+									<a href="#" class="control-panel__social__button control-panel__social__button_mail"></a>
+									<a href="#" class="control-panel__social__button control-panel__social__button_ok"></a>
+								</div>
+							</div>
+						</div>
+						<div class="control-panel__city">
+							<select name="" class="control-panel__city__select">
+								<option value="">Москва</option>
+								<option value="">Санкт-Петербург</option>
+								<option value="">Томск</option>
+							</select>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="golden-border"></div>
+		</header>
+		<div class="main">
+			<div class="main__inner">
+				<div class="main__header">
+					<a class="main__header__banner" href="#">
+						<img src="img/tmp/banner.jpg" alt="баннер" class="main__header__banner__image">
+					</a>
+					<nav class="categories-menu">
+						<div class="justification">
+							<a href="#"><span class="categories-menu__bg_ie"></span><span class="categories-menu__item__category">Все</span><span class="categories-menu__item__quantity">3</span></a>
+							<a href="#"><span class="categories-menu__bg_ie"></span><span class="categories-menu__item__category">Товары</span><span class="categories-menu__item__quantity">4</span></a>
+							<a href="#"><span class="categories-menu__bg_ie"></span><span class="categories-menu__item__category">Красота</span><span class="categories-menu__item__quantity">55</span></a>
+							<a href="#"><span class="categories-menu__bg_ie"></span><span class="categories-menu__item__category">Здоровье</span><span class="categories-menu__item__quantity">123</span></a>
+							<a href="#"><span class="categories-menu__bg_ie"></span><span class="categories-menu__item__category">Спорт</span><span class="categories-menu__item__quantity">5</span></a>
+							<a href="#"><span class="categories-menu__bg_ie"></span><span class="categories-menu__item__category">Фото/Видео</span><span class="categories-menu__item__quantity">8</span></a>
+							<a href="#"><span class="categories-menu__bg_ie"></span><span class="categories-menu__item__category">Обучение</span><span class="categories-menu__item__quantity">10</span></a>
+							<a href="#"><span class="categories-menu__bg_ie"></span><span class="categories-menu__item__category">Дети</span><span class="categories-menu__item__quantity">18</span></a>
+							<a href="#"><span class="categories-menu__bg_ie"></span><span class="categories-menu__item__category">Авто</span><span class="categories-menu__item__quantity">24</span></a>
+							<a href="#"><span class="categories-menu__bg_ie"></span><span class="categories-menu__item__category">Еда</span><span class="categories-menu__item__quantity">66</span></a>
+							<a href="#"><span class="categories-menu__bg_ie"></span><span class="categories-menu__item__category">Путешествия</span><span class="categories-menu__item__quantity">156</span></a>
+							<a href="#"><span class="categories-menu__bg_ie"></span><span class="categories-menu__item__category">Аренда</span><span class="categories-menu__item__quantity">98</span></a>
+							<a href="#"><span class="categories-menu__bg_ie"></span><span class="categories-menu__item__category">Животные</span><span class="categories-menu__item__quantity">87</span></a>
+							<a href="#"><span class="categories-menu__bg_ie"></span><span class="categories-menu__item__category">Бизнес</span><span class="categories-menu__item__quantity">43</span></a>
+							<a href="#"><span class="categories-menu__bg_ie"></span><span class="categories-menu__item__category">Дом/Дача</span><span class="categories-menu__item__quantity">1</span></a>
+							<a href="#"><span class="categories-menu__bg_ie"></span><span class="categories-menu__item__category">Быт. услуги</span><span class="categories-menu__item__quantity">0</span></a>
+							<a href="#"><span class="categories-menu__bg_ie"></span><span class="categories-menu__item__category">Билеты</span><span class="categories-menu__item__quantity">18</span></a>
+							<a href="#"><span class="categories-menu__bg_ie"></span><span class="categories-menu__item__category">Другое</span><span class="categories-menu__item__quantity">25</span></a>
+						</div>
+					</nav>
+				</div>
+				<div class="main__content">
+					<nav class="main-menu">
+						<div class="main-menu__bg_ie"></div>
+						<ul>
+							<li class="main-menu__item selected"><a href="#"><span>Наши акции</span></a>
+							<li class="main-menu__item"><a href="#"><span>О нас/FAQ</span></a>
+							<li class="main-menu__item"><a href="#"><span>Архив предложений</span></a>
+							<li class="main-menu__item"><a href="#"><span>Личный кабинет</span></a>
+							<li class="main-menu__item"><a href="#"><span>Купить баллы</span></a>
+						</ul>
+					</nav>
+					<div class="clearfix">
+						<div class="page-content restore-password">
+							<div class="restore-password__header">
+								Восстановление пароля
+							</div>
+							<form action="" class="restore-password__form">
+								<label for="email" class="restore-password__label">Для того, чтобы восстановить пароль, введите Email, указанный вами при регистрации</label>
+								<input type="text" id="email" class="input-xlarge" placeholder="E-mail"/>
+								<div class="restore-password__button">
+									<button class="btn">Восстановить пароль</button>
+								</div>
+							</form>
+							<div class="restore-password__info">Возникли сложности с использованием нашего сайта? Позвоните по телефону 8 (800) 214 2124</div>
+							<div class="restore-password__info">Ответы на часто задаваемые вопросы вы можете найти в разделе <a href="#" class="restore-password__info__link">FAQ</a>.</div>
+						</div>            
+					</div>
+				</div>
+			</div>
+		</div>
+		<div class="footer-offset"></div>
+	</div>
+	<footer>
+		<div class="golden-border"></div>
+		<div class="footer__inner">
+			<div class="footer__columns">
+				<div class="footer__columns__inner">
+					<div>
+						<nav class="span-4 footer__column">
+							<div class="footer__column__title">Balangan.ru</div>
+							<ul class="footer__menu">
+								<li><a href="#">О нас</a></li>
+								<li><a href="#">FAQ</a></li>
+								<li><a href="#">Правила</a></li>
+								<li><a href="#">Вакансии</a></li>
+							</ul>
+						</nav>
+						<nav class="span-4 footer__column">
+							<div class="footer__column__title">Партнерам</div>
+							<ul class="footer__menu">
+								<li><a href="#">Условия сотрудничества</a></li>
+								<li><a href="#">Правила</a></li>
+							</ul>
+						</nav>
+						<div class="span-3 footer__column">
+							<div class="footer__column__title">Контактная информация</div>
+							<div class="footer__contact-info">
+								Санкт-Петербург,<br>
+								8 (800) 0000000
+							</div>
+						</div>
+						<div class="span-3 footer__column">
+							<a class="footer__invite-friend__link" href="#">Пригласи друга</a>
+						</div>
+					</div>
+					<div class="footer__copyright">&copy; 2011-2012 Balangan</div>
+				</div>
+			</div>
+		</div>
+	</footer>
+
+	<script src="js/jquery-1.9.1.js"></script>
+	<script src="js/jqueryui.js"></script>
+	<script src="js/main.js"></script>
+</body>
+</html>