-
Notifications
You must be signed in to change notification settings - Fork 0
/
private-7.html
227 lines (227 loc) · 13.2 KB
/
private-7.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0, width=device-width">
<title>Private page
</title>
<link href="./css/app.css" rel="stylesheet"></head>
<body>
<header class="header">
<div class="container header__container">
<div class="header__nav"><a class="header__logo" href="/"><img src="img/logo.png" alt=""></a>
<nav class="nav-header">
<ul>
<li class="active"><a href="#">Накопить бонусы</a></li>
<li><a href="#">Списать бонусы</a></li>
<li><a href="#">Партнеры</a></li>
<li><a href="#">Акции</a></li>
<li><a href="#">Карта "Тройка"</a></li>
</ul>
</nav>
</div>
<div class="header__ext">
<div class="header__search"><img src="img/icon-search.png" alt=""></div>
<div class="header__burger"><span></span><span></span><span></span></div>
<div class="header__auth">
<div class="header__auth-avatar"><img src="img/user-avatar-default.png" alt=""></div>
<div class="header__auth-balans">Баланс <span>10 000</span></div>
</div>
</div>
</div>
<div class="search">
<div class="container search__container">
<div class="row">
<div class="col-sm-8 offset-sm-3 offset-md-2">
<form class="search__form">
<input class="search__input" type="text" name="s">
<button class="search__btn" type="submit"><img src="img/icon-search.png" alt=""></button>
</form>
</div>
</div><a class="search__close" href="#"></a>
</div>
</div>
</header>
<section class="private">
<div class="container">
<div class="row">
<div class="col-xs-12 col-md-9 offset-md-3">
<div class="private__select-name">Настройки
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-md-3">
<nav class="nav-private">
<ul>
<li><a class="nav-private__link nav-private__link--user-card" href="private-1.html"><span>Личный кабинет</span></a></li>
<li><a class="nav-private__link nav-private__link--pacman" href="private-2.html"><span>Моя игра</span><span class="badge badge-warning">2</span></a></li>
<li><a class="nav-private__link nav-private__link--card" href="private-3.html"><span>Привязать карту «Тройка»</span></a></li>
<li><a class="nav-private__link nav-private__link--mask" href="private-4.html"><span>Личные данные</span></a></li>
<li><a class="nav-private__link nav-private__link--clock" href="private-5.html"><span>История операций</span></a></li>
<li><a class="nav-private__link nav-private__link--support" href="private-6.html"><span>Служба поддержки</span></a></li>
<li class="active"><a class="nav-private__link nav-private__link--settings" href="private-7.html"><span>Настройки</span></a></li>
<li><a class="nav-private__link nav-private__link--exit" href="private-8.html"><span>Выйти</span></a></li>
</ul>
</nav>
</div>
<div class="col-xs-12 col-md-9">
<form action="" name="settings">
<div class="settings__item">
<div class="d-flex align-items-center">
<label class="check-box" for="settings-sms">
<input id="settings-sms" type="checkbox" name="sms" checked><span></span>
</label>
<label class="settings__item-title" for="settings-sms">SMS уведомления</label>
</div>
<div class="settings__item-descr">Хочу быть в курсе изменений в Программе и получать индивидуальные предложения</div>
</div>
<div class="settings__item">
<div class="d-flex align-items-center">
<label class="check-box" for="settings-email">
<input id="settings-email" type="checkbox" name="email" checked><span></span>
</label>
<label class="settings__item-title" for="settings-email">Email уведомления</label>
</div>
<div class="settings__item-descr">Хочу получать сообщения о новостях, акциях и новых Партнерах в Программе</div>
</div>
<div class="settings__item">
<div class="d-flex align-items-center">
<label class="check-box" for="settings-browser">
<input id="settings-browser" type="checkbox" name="browser"><span></span>
</label>
<label class="settings__item-title" for="settings-browser">Уведомления в браузере</label>
</div>
<div class="settings__item-descr">Хочу получать ведомления о новостях, акциях и новых Партнерах в Программе в браузере</div>
</div>
<div class="settings__item"></div>
<div class="settings__item">
<button class="btn btn-primary btn-lg" type="submit">Сохранить изменения</button>
</div>
</form>
</div>
</div>
</div>
</section>
<footer class="footer">
<div class="container">
<div class="footer__container">
<div class="footer__logo"><img src="img/logo-footer.png" alt="">
<p class="footer__copy">
Программа <br>
лояльности <br>
«Город» <br>
© 2017
</p>
</div>
<div class="footer__menu">
<ul>
<li><a href="#">О Программе «Город»</a></li>
<li><a href="#">Правила Программы</a></li>
<li><a href="#">Политика конфиденциальности</a></li>
<li><a href="#">Стать Партнером</a></li>
<li><a href="#">Обратная связь</a></li>
</ul>
</div>
<div class="footer__support">
<div>Служба поддержки:</div>
<div class="footer__support-phone">+7 (495) 123-3300</div>
<div class="footer__support-email">contact@troika-gorod.ru</div>
<div class="footer__logo-metro"><img src="img/icon-metro-footer.png" alt=""></div>
</div>
<div class="footer__apps">
<div class="footer__apps-links"><a href="#"><img src="img/app-store.png" alt=""></a><a href="#"><img src="img/google-play.png" alt=""></a></div>
<p>
Установите бесплатное приложение <br>
«Город» прямо сейчас
</p>
</div>
</div>
</div>
</footer>
<div class="modal modal-auth fade" id="modal-auth">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button class="close" type="button" data-dismiss="modal" aria-hidden="true"></button>
<h4 class="modal-title">Войти в «Город»</h4>
<div class="modal-subtitle">Для регистрации или авторизации введите свой номер телефона</div>
</div>
<div class="modal-body">
<form action="">
<div class="form-group">
<div class="input-group">
<input class="form-control" type="text" placeholder="+7 (XXX) XXX-XX-XX"><span class="input-group-btn">
<button class="btn btn-lg btn-primary" type="submit">Войти</button></span>
</div>
<div class="form-notify form-notify--warning">Номер телефона может состоять только из 10 цифр</div>
</div>
</form>
<form action="">
<div class="form-group">
<div class="input-group input-group--is-label input-group--error">
<label>Это неверный пароль:</label>
<input class="form-control" type="text" placeholder="XXXX"><span class="input-group-btn">
<button class="btn btn-lg btn-primary" type="submit">Войти</button></span>
</div>
<p><a href="#">Я забыл пароль</a></p>
</div>
</form>
<form action="">
<div class="form-group">
<div class="input-group input-group--is-label">
<label>Введите код из SMS:</label>
<input class="form-control" type="text" placeholder="XXXX"><span class="input-group-btn">
<button class="btn btn-lg btn-primary" type="submit">Войти</button></span>
</div>
<p class="text-muted">Берегитесь мошенников. Никому не сообщайте SMS-код или пароль.</p>
</div>
</form>
</div>
<div class="modal-footer">
<p class="text-muted">Нажимая кнопку «Войти», вы соглашаетесь с условиями <a href="#" target="_blank">оферты</a></p>
</div>
</div>
</div>
</div>
<div class="modal modal-default fade" id="modal-not-lost-bonus">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button class="close" type="button" data-dismiss="modal" aria-hidden="true"></button>
<h4 class="modal-title">Как не потерять Бонусы —</h4>
</div>
<div class="modal-body">
<ol>
<li>
<p><span class="bold">Авторизуйтесь в Личном кабинете перед покупкой</span></p>
<p>Перед покупкой обязательно авторизуйтесь в Личном кабинете Программы лояльности «Город» и переходите в магазин по ссылке через раздел «Партнеры».</p>
</li>
<li>
<p><span class="bold">Не сохраняйте товары в Корзине без Авторизации в Личном кабинете</span></p>
<p>Не откладывайте товары в Корзину до того, как не пройдете авторизацию в Личном кабинете Программы лояльности «Город» и перейдете на сайт магазина по ссылке через раздел «Партнеры».</p>
</li>
<li>
<p><span class="bold">Не отключайте поддержку Cookies</span></p>
<p>Если у Вас отключена функция поддержки Cookies, её необходимо подключить перед Авторизацией в Программе «Город» и совершением покупки. </p>
</li>
<li>
<p><span class="bold">Совершайте покупку, не откладывая</span></p>
<p>Бонусы начисляются только в случае самостоятельной покупки на сайте. При оформлении заказа по телефону с помощью консультанта бонусы не начисляются.</p>
</li>
<li>
<p><span class="bold">Совершайте покупку, не откладывая</span></p>
<p>Бонусы начисляются только в случае самостоятельной покупки на сайте. При оформлении заказа по телефону с помощью консультанта бонусы не начисляются.</p>
</li>
<li>
<p><span class="bold">Совершайте покупку, не откладывая</span></p>
<p>Бонусы начисляются только в случае самостоятельной покупки на сайте. При оформлении заказа по телефону с помощью консультанта бонусы не начисляются.</p>
</li>
</ol>
</div>
<div class="modal-footer"></div>
</div>
</div>
</div>
<script type="text/javascript" src="js/common.js"></script><script type="text/javascript" src="js/app.js"></script><script type="text/javascript" src="js/private.js"></script></body>
</html>