-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcart_step_step1.html
320 lines (320 loc) · 12.9 KB
/
cart_step_step1.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
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
<!doctype html>
<!--[if lte IE 8]><html class="lteie8"><![endif]-->
<!--[if gt IE 8]><!--><html><!--<![endif]-->
<head>
<meta charset="utf-8">
<title>Template</title>
<meta name="viewport" content="width=device-width"/>
<link rel="stylesheet" media="screen" href="css/screen.css" >
<script src="js/jquery.tools.min.js"></script>
<script src="js/jquery.cycle2.js"></script>
<script src="js/jquery.cycle2.carousel.min.js"></script>
<script src="js/jquery.cycle2.scrollVert.min.js"></script>
<script src="js/jquery.fancybox.pack.js"></script>
<script src="js/common.js"></script>
<script src="js/common-moroz.js"></script>
</head>
<body>
<!-- BEGIN .page-->
<div class="page">
<div class="title title_center">оформление заказа</div>
<!-- BEGIN .cart -->
<div class="cart cart_ordering">
<div class="cart__in">
<!-- BEGIN .tabs -->
<div class="tabs js-tabs">
<div class="tabs__top">
<div class="tabs__nav js-tabs-nav">
<button class="is-active" data-tab="tab1">новый пользователь</button>
<button data-tab="tab2">я уже покупал у вас</button>
</div>
</div>
<div class="tabs__cols">
<div id="tab1" class="tabs__content js-tabs-content" style="display: block">
<label class="label">
<span class="label__title">Имя<span>*</span></span>
<input class="label__input" type="text">
<span class="label__help">Осталось 60 символов</span>
</label>
<label class="label">
<span class="label__title">Фамилия<span>*</span></span>
<input class="label__input" type="text">
<span class="label__help">Осталось 60 символов</span>
</label>
<label class="label">
<span class="label__title">Е-mail<span>*</span></span>
<input class="label__input" type="text">
<span class="label__help">Осталось 60 символов</span>
</label>
<label class="label">
<span class="label__title">Телефон<span>*</span></span>
<input class="label__input" type="text">
<span class="label__help">Осталось 60 символов</span>
</label>
</div>
<div id="tab2" class="tabs__content js-tabs-content">
<label class="label">
<span class="label__title">Е-mail<span>*</span></span>
<input class="label__input" type="text">
<span class="label__help">Емейл на который Вы уже заказывали</span>
</label>
<label class="label">
<span class="label__title">Пароль<span>*</span></span>
<input class="label__input" type="text">
<span class="label__help"><a href="#">Забыли пароль?</a></span>
</label>
<div class="cart__login">
<button class="btn btn_orange btn_big">войти</button>
<div class="cart__login-social">
<div class="cart__login-title">или войдите используя социальные сети</div>
<!-- BEGIN .socials -->
<ul class="socials">
<li>
<a href="#" class="icon icon_fb" title="Facebook">Facebook<span class="icon icon_fb_hover"></span></a>
</li>
<li>
<a href="#" class="icon icon_vk" title="Вконтакте">Вконтакте<span class="icon icon_vk_hover"></span></a>
</li>
<li>
<a href="#" class="icon icon_tw" title="Twitter">Twitter<span class="icon icon_tw_hover"></span></a>
</li>
<li>
<a href="#" class="icon icon_gp" title="Google+">Google+<span class="icon icon_gp_hover"></span></a>
</li>
<li>
<a href="#" class="icon icon_mr" title="Mail.ru">Mail.ru<span class="icon icon_mr_hover"></span></a>
</li>
<li>
<a href="#" class="icon icon_yr" title="Yandex.ru">Yandex.ru<span class="icon icon_yr_hover"></span></a>
</li>
</ul>
<!-- END .socials -->
</div>
</div>
</div>
<div class="cart__table">
<table>
<thead>
<tr>
<th>Фото</th>
<th>Название товара</th>
<th>Количество</th>
<th>Цена</th>
<th>Скидка</th>
<th>Стоимость</th>
<th>Удалить</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="#"><img src="img/pic2.jpg" alt=""></a></td>
<td class="cart__table-link"><a href="#">Your Shape: Fitness Evolved</a></td>
<td>
<div class="input-number js-input-number">
<input class="input-number__value" type="text" value="1">
<button class="input-number__plus"><i></i></button>
<button class="input-number__minus"><i></i></button>
</div>
</td>
<td class="cart__table-price">100 грн.</td>
<td class="cart__table-discount">30%</td>
<td class="cart__table-cost">100 грн</td>
<td class="cart__table-delete"><button><i></i></button></td>
</tr>
<tr>
<td><a href="#"><img src="img/pic2.jpg" alt=""></a></td>
<td class="cart__table-link"><a href="#">Your Shape: Fitness Evolved</a></td>
<td>
<div class="input-number js-input-number">
<input class="input-number__value" type="text" value="1">
<button class="input-number__plus"><i></i></button>
<button class="input-number__minus"><i></i></button>
</div>
</td>
<td class="cart__table-price">100 грн.</td>
<td class="cart__table-discount">30%</td>
<td class="cart__table-cost">100 грн</td>
<td class="cart__table-delete"><button><i></i></button></td>
</tr>
<tr class="cart__table-coupon">
<td><i class="cart__table-gift"></i></td>
<td colspan="6"><strong>купон на 500 грн.</strong></td>
</tr>
<tr class="cart__table-coupon">
<td><i class="cart__table-gift"></i></td>
<td colspan="6"><p>Купите еще на 500 грн и получите игру <a href="#">NFS Most Wanted</a> в подарок!</p></td>
</tr>
<tr class="cart__table-total">
<td colspan="7">итого: <span>115 грн.</span></td>
</tr>
</tbody>
</table>
</div>
<!-- END .tabs -->
</div>
<div class="cart__btn">
<div class="cart__btn-in">
<button class="btn btn_medium">все верно, заказ подтверждаю</button>
</div>
</div>
</div>
<div class="cart__address">
<label class="label-check js-hide-address">
<input type="checkbox">
<i></i>
<span>Не хочу заполнять адрес доставки, сообщу по телефону</span>
</label>
<div class="cart__cols">
<div class="cart__cols-item">
<div class="label">
<span class="label__title">Мой город<span>*</span></span>
<div class="label__select js-select">
<div class="label__select-val">
<button></button>
<span>Киев</span>
</div>
<ul class="label__select-options">
<li>Киев</li>
<li>Город 1</li>
<li>Город 2</li>
<li>Город 3</li>
<li>Город 4</li>
<li>Город 5</li>
<li>Город 6</li>
</ul>
</div>
</div>
<div class="label">
<span class="label__title">Форма доставки<span>*</span></span>
<div class="label__select js-select">
<div class="label__select-val">
<button></button>
<span>Форма доставки 1</span>
</div>
<ul class="label__select-options">
<li>Форма доставки 1</li>
<li>Форма доставки 2</li>
<li>Форма доставки 3</li>
<li>Форма доставки 4</li>
<li>Форма доставки 5</li>
<li>Форма доставки 6</li>
</ul>
</div>
</div>
<div class="label">
<span class="label__title">Форма оплаты <span>*</span></span>
<div class="label__select js-select">
<div class="label__select-val">
<button></button>
<span>Форма оплаты 1</span>
</div>
<ul class="label__select-options">
<li>Форма оплаты 1</li>
<li>Форма оплаты 2</li>
<li>Форма оплаты 3</li>
<li>Форма оплаты 4</li>
<li>Форма оплаты 5</li>
<li>Форма оплаты 6</li>
</ul>
</div>
</div>
</div>
<div class="cart__cols-item">
<div class="cart__address-detail">
<label class="label is-error cart__street">
<span class="label__title">Адрес<span>*</span></span>
<input class="label__input" type="text">
<span class="label__help">Улица</span>
<span class="label__tooltip">вы не указали адрес</span>
</label>
<label class="label cart__house">
<input class="label__input" type="text">
<span class="label__help">Дом</span>
</label>
<label class="label cart__flat">
<input class="label__input" type="text">
<span class="label__help">Квартира</span>
</label>
</div>
<label class="label">
<span class="label__title">Комментарий к заказу<span>*</span></span>
<textarea class="label__area"></textarea>
<span class="label__help">Осталось 60 символов</span>
</label>
</div>
</div>
<div class="cart__btn">
<button class="btn btn_medium">все верно, заказ подтверждаю</button>
</div>
</div>
<div class="cart__down">
<button class="btn btn_gray cart__back">вернуться в каталог</button>
<div class="cart__forms">
<div class="cart__forms-item cart__forms-item_mod">
<label for="number-phone">заказать через телефон без оформления заказа</label>
<input id="number-phone" type="text" value="+ 38">
<button class="btn btn_gray">жду звонка</button>
<span>Например: 067 982 19 29</span>
</div>
</div>
<div class="cart__services">
<!-- BEGIN .callback -->
<div class="callback js-top-popup">
<div class="callback__title">Обратный звонок<i class="ico-phone"></i><i class="ico-arr"></i></div>
<div class="callback__down">
<label class="label">
<span class="label__title">Ваше имя:</span>
<input class="label__input" type="text">
</label>
<label class="label">
<span class="label__title">Телефон:</span>
<input class="label__input" type="text">
</label>
<div class="callback__adv"><i class="ico-attention"></i>не забудьте указать код города/оператора</div>
<div class="callback__time">
<strong>Когда перезвонить?</strong>
<div class="callback__cols">
<div class="callback__column">
<label class="label-radio">
<input type="radio" name="name">
<i></i>
<span>В указанное время</span>
</label>
<label class="label-radio">
<input type="radio" name="name">
<i></i>
<span>Сейчас</span>
</label>
</div>
<div class="callback__column">
<div class="label">
<input class="label__input" type="text">
</div>
<button class="btn btn_orange">перезвонить</button>
</div>
</div>
</div>
</div>
</div>
<!--END .callback -->
<!-- BEGIN .livechat -->
<div class="livechat">
<a href="https://siteheart.com/webconsultation/567940?" target="siteheart_sitepopup_567940" onclick="o=popup.open;o('https://siteheart.com/webconsultation/567940?', 'siteheart_sitepopup_567940', 'width=550,height=400,top=30,left=30,resizable=yes'); return false;"><img src="http://webindicator.siteheart.com/webindicator/image/1371825580?ent=567940&company=567940" border="0" margin-right="5px" alt="SiteHeart">Он-лайн чат</a>
</div>
<!-- END .livechat -->
<!-- BEGIN .payment -->
<ul class="payment payment_gray">
<li><a href="#" class="icon icon_wm" title="WebMoney">WebMoney</a></li>
<li><a href="#" class="icon icon_vs" title="VISA">VISA</a></li>
<li><a href="#" class="icon icon_p24" title="Приват24">Приват24</a></li>
<li><a href="#" class="icon icon_pu" title="PAYU">PAYU</a></li>
<li><a href="#" class="icon icon_mc" title="MasterCard">MasterCard</a></li>
</ul>
<!-- END .payment -->
</div>
</div>
</div>
</div>
<!-- END .cart -->
</div>
<!-- END .page-->