This repository has been archived by the owner on Jan 10, 2019. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
431 lines (377 loc) · 24.4 KB
/
index.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
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
<!doctype html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Заголовок сайта</title>
<link href="favicon.ico" rel="shortcut icon">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href='http://fonts.googleapis.com/css?family=Lobster&subset=cyrillic,latin' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Ubuntu:400,300&subset=latin,cyrillic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
</head>
<body id="page">
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<!-- ЗАГОЛОВОК САЙТА -->
<header class="section header" id="section_home">
<div class="container">
<div class="row header_inner">
<span class="header_logo">Motoparts.me</span>
<!-- ГЛАВНОЕ МЕНЮ -->
<button class="menu_btn des_hidden" id="menu_btn">
<span></span>
<span></span>
<span></span>
</button>
<ul class="menu nav" id="menu_out" role="tablist">
<li class="menu_item"><a href="#page"><i class="ico __helmet"></i><span class="des_hidden"> Главное</span></a></li>
<li class="menu_item"><a href="#section_about">О нас</a></li>
<li class="menu_item"><a href="#section_service">Запчасти</a></li>
<li class="menu_item"><a href="#section_outfit">Экиперовка</a></li>
<li class="menu_item"><a href="#section_scheme">Схема работы</a></li>
<li class="menu_item"><a href="#section_faq">Вопросы</a></li>
<li class="menu_item"><a href="#section_map">Контакты</a></li>
</ul>
<!-- / ГЛАВНОЕ МЕНЮ -->
</div>
</div>
<div class="clearfix"></div>
</header>
<!-- / ЗАГОЛОВОК САЙТА -->
<!-- БАННЕР -->
<section class="section banner">
<div class="container __wide">
<div class="slider">
<ul class="slides">
<!-- НОВОСТЬ 1 -->
<li class="slide active">
<div class="slide_content __slide1">
<div class="container">
<div class="slide_caption">
Запчасти для Японских мотоциклов всех марок
</div>
<div class="slide_tel">
<div class="slide_tel_item">
<i class="ico __phone"></i> 69-30-80
</div>
<div class="slide_tel_item">
<i class="ico __mobile"></i> +7(932) 536-30-80
</div>
</div>
</div>
</div>
</li>
<!-- / НОВОСТЬ 1 -->
<!-- НОВОСТЬ 2 -->
<li class="slide">
<div class="slide_content __slide2">
<div class="container">
<div class="slide_caption">
Вся мото экиперовка и аксессуары от лучших производитей
</div>
<div class="slide_tel">
<div class="slide_tel_item">
<i class="ico __phone"></i> 61-20-60
</div>
<div class="slide_tel_item">
<i class="ico __mobile"></i> +7(922) 836-20-60
</div>
</div>
</div>
</div>
</li>
<!-- / НОВОСТЬ 2 -->
</ul>
<ul class="control_nav">
<li class="active"></li>
<li></li>
</ul>
<div class="container direction_nav_wrap">
<ul class="direction_nav">
<li class="before"></li>
<li class="next"></li>
</ul>
</div>
</div>
</div>
</section>
<!-- / БАННЕР -->
<!-- О НАС -->
<section class="section about" id="section_about">
<div class="container">
<div class="row">
<div class="section_title __wings"><span class="section_title_decor">О нас</span></div>
<div class="about_inner">
<p>Наша фирма «Huyndai-Kia» занимается оптовой и розничной реализацией автозапчастей для автомобилей марок Huyndai и Kia в городе Оренбурге c 2010 года. За это время, имея узкую специализацию, мы накопили не малый опыт в сфере покупки/продажи автозапчастей для этих марок автомобилей, являющийся гарантией того, что наш клиент получит именно то, что ему нужно в кратчайшие сроки без дополнительных затрат, которые могут возникнуть если подходить к покупке легкомысленно. К примеру, один и тот же завод может выпускать высококачественные амортизаторы (даже превосходящие по своим характеристикам оригинальные) и пружины к этим амортизаторам, которые зарекомендовали себя с плохой стороны, отсюда следует вывод что пружину следует приобрести у другого производителя. Такие знания позволяют нам сэкономить для наших клиентов не только средства, но и нервы.</p>
</div>
</div>
</div>
</section>
<!-- / О НАС -->
<!-- УСЛУГИ -->
<section class="section service" id="section_service">
<div class="container">
<div class="section_title __parts"><span class="section_title_decor">Мото запчасти</span></div>
<!-- МОТО МАРКИ -->
<ul class="service_list">
<!-- УСЛУГА 1 -->
<li class="service_wrap">
<div class="service_item">
<div class="service_ico">
<img src="img/honda.png" alt="">
</div>
</div>
</li>
<!-- / УСЛУГА 1 -->
<!-- УСЛУГА 2 -->
<li class="service_wrap">
<div class="service_item">
<div class="service_ico">
<img src="img/yamaha.png" alt="">
</div>
</div>
</li>
<!-- / УСЛУГА 2 -->
<!-- УСЛУГА 3 -->
<li class="service_wrap">
<div class="service_item">
<div class="service_ico">
<img src="img/suzuki.png" alt="">
</div>
</div>
</li>
<!-- / УСЛУГА 3 -->
<!-- УСЛУГА 4 -->
<li class="service_wrap">
<div class="service_item">
<div class="service_ico">
<img src="img/kawasaki.png" alt="">
</div>
</div>
</li>
<!-- / УСЛУГА 4 -->
</ul>
<div class="clearfix"></div>
<!-- / МОТО МАРКИ -->
<div class="row">
<p class="text_center">Прямо сейчас, узнать о наличии, стоимости и сроках доставки нужной запчасти можно заполнив и отправив форму ниже. Обязательно укажите марку и модель мотоцикла, год выпуска, название детали или её VIN, а так же ваши контакты. В течении 20 минут мы свяжемся с вами и сообщим исчерпывающую информацию, после чего вы сможете осуществить заказ.</p>
<!-- ФОРМА -->
<div class="form_wrap __light">
<form class="form" id="form_parts">
<div class="form_row">
<input type="text" name="bike_model" class="form_control" placeholder="Марка, модель и год выпуска байка">
</div>
<div class="form_row">
<input type="text" name="parts" class="form_control" placeholder="Название делали или VIN">
</div>
<div class="form_row">
<input type="text" name="contacts" class="form_control" placeholder="Ваш телефонный номер или email">
</div>
<div class="form_row text_center">
<input type="hidden" name="submit" value="Стоимость запчасти">
<input type="submit" class="btn" value="Узнать стоимость">
</div>
</form>
</div>
<!-- / ФОРМА -->
</div>
</div>
<div class="clearfix"></div>
</section>
<!-- / УСЛУГИ -->
<!-- ЭКИПЕРОВКА -->
<section class="section outfit" id="section_outfit">
<div class="container">
<div class="section_title __outfit"><span class="section_title_decor">Экипировка</span></div>
<img src="img/boots.png" class="outfit_bots">
<img src="img/biker.png" class="outfit_biker">
<div class="row">
<ol class="num_list">
<li class="num_item">
<span class="num_text">
<i class="num_decor"><span>1</span></i>
У нас широчайший ассортимент мотоэкиперовки только проверенных временем брендов
</span>
</li>
<li class="num_item">
<span class="num_text">
<i class="num_decor"><span>2</span></i>
Наши профессиональные советы по определению размера с учетом вашей физиологии
</span>
</li>
<li class="num_item">
<span class="num_text">
<i class="num_decor"><span>3</span></i>
Для вас удобная схема работы: быстрая доставка, гарантия и возврат денег в случае если товар не подошел
</span>
</li>
<li class="num_item">
<span class="num_text">
<i class="num_decor"><span>4</span></i>
Индивидуальный подход: вы в любом случае останетесь довольны нашей работой
</span>
</li>
<li class="num_item">
<span class="num_text">
<i class="num_decor"><span>5</span></i>
Приятные скидки для постоянных клиентов
</span>
</li>
</ol>
<!-- ФОРМА -->
<div class="form_wrap __dark">
<form action="" class="form" id="form_outfit">
<div class="form_row">
<input type="text" name="type_outfit" class="form_control" placeholder="Требуемая экипировка или аксессуар">
</div>
<div class="form_row">
<input type="text" name="contacts" class="form_control" placeholder="Ваш телефонный номер или email">
</div>
<div class="form_row text_center">
<input type="hidden" name="submit" value="Экипировка или аксессуар">
<input type="submit" class="btn" value="Подобрать">
</div>
</form>
</div>
<!-- / ФОРМА -->
</div>
</div>
<div class="clearfix"></div>
</section>
<!-- / ЭКИПЕРОВКА -->
<!-- СХЕМА РАБОТЫ -->
<section class="section scheme" id="section_scheme">
<div class="container">
<div class="row">
<div class="section_title __scheme"><span class="section_title_decor">Схема работы</span></div>
<div class="scheme_wrap">
<div class="scheme_row">
<div class="scheme_item __left"><div class="scheme_inner">
<b>Вы</b> сообщаете, что вам нужно
</div></div>
<div class="clearfix"></div>
</div>
<div class="scheme_row">
<div class="scheme_item __right"><div class="scheme_inner">
<b>Мы</b> уточняем информацию, подбираем подходящий товар по лучшей цене, связываемся с вами для подтверждения заказа
</div></div>
<div class="clearfix"></div>
</div>
<div class="scheme_row">
<div class="scheme_item __left"><div class="scheme_inner">
<b>Вы</b> полностью или частично оплачиваете заказ любым удобным способом
</div></div>
<div class="clearfix"></div>
</div>
<div class="scheme_row">
<div class="scheme_item __right"><div class="scheme_inner">
<b>Мы</b> осуществляем покупку и отслеживаем заказ. Уведомляем вас о прибытии товара в наш офис - склад в г. Оренбурге
</div></div>
<div class="clearfix"></div>
</div>
<div class="scheme_row">
<div class="scheme_item __left"><div class="scheme_inner">
<b>Вы</b> приезжаете в наш офис, проверяете и забирате товар
</div></div>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
</section>
<!-- / СХЕМА РАБОТЫ -->
<!-- ЧАВО -->
<section class="section faq" id="section_faq">
<div class="container">
<div class="row">
<div class="section_title __faq"><span class="section_title_decor">Вопрос - ответ</span></div>
<ol class="faq_list">
<li class="faq_item __active">
<header class="faq_question">Во сколько будет доставка моего заказа?</header>
<div class="faq_answer"><div class="faq_answer_inner">Доставка заказа курьерской службой осуществляется в рабочее время с 10 до 18 часов. При доставке по Москве можно выбрать в этом промежутке любой трёхчасовой интервал (на Москвскую область и другие регионы это не распространяется). Желаемое время доставки необходимо указать в комментариях к заказу. Так же в Москве, Нижнем Новгороде, Калуге, Орле, Ярославле, Екатеринбурге, Тюмени, Челябинске, Ростове-на-Дону возможна доставка с 18 до 21 часа. Если необходима вечерняя доставка, об этом необходимо написать в комментариях к заказу.</div></div>
</li>
<li class="faq_item">
<header class="faq_question">Пытаюсь дозвониться, чтобы задать вопрос, но звонок сбрасывается.</header>
<div class="faq_answer"><div class="faq_answer_inner">Наши операторы работают по будним дням с 10 до 20 часов (в пятницу до 19). Если Вы звоните в рабочее время, то это означает, что все операторы на нашей многоканальной линии заняты. Позвоните, пожалуйста, позже или напишите Ваш вопрос в форме обратной связи. Вам обязательно ответят.</div></div>
</li>
<li class="faq_item">
<header class="faq_question">Какие контакты для связи с Вами существуют?</header>
<div class="faq_answer"><div class="faq_answer_inner">Наши контакты отображаются на всех страницах сайта в нижней части страниц. Телефон: 69-30-80, а также форма для обратной связи, с помощью которой Вы можете задать свои вопросы.</div></div>
</li>
<li class="faq_item">
<header class="faq_question">Где взять реквизиты для оплаты заказа по безналу?</header>
<div class="faq_answer"><div class="faq_answer_inner">В случае, если Вы оформляете заказ с предварительной оплатой: 1. Если Вы выбрали оплату по квитанции, то после оформления заказа откроется окошко в котором будет отображаться заполненная квитанция. Её можно распечатать или переписать из неё реквизиты. 2. Если Вы выбрали оплату через систему QIWI, то после оформления заказа Вам будет автоматически выставлен счёт в системе QIWI на тот телефон, который Вы указали при оформлении. Оплатить заказ можно через терминал QIWI или в интернете через личный кабинет. В разделе "Счета" будет счёт от нашего магазина, который необходимо оплатить. Обращаем Ваше внимание на то, что счёт имеет ограниченный срок действия. Если Вы не смогли оплатить его сразу и он больше не отображается в Вашем QIWI кошельке, Вам необходимо зайти в личный кабинет на нашем сайте и в подробной информации по заказу нажать ссылку "Повторить оплату". Счёт будет выставлен повторно. 3. Если Вы выбрали оплату кредитной картой, после оформления заказа откроется окошко (если у Вас заблокированы всплывающие окна, измените настройки браузера), в котором можно ввести данные своей карты и совершить оплату. Оплата производится по защищённому шифрованному протоколу через банк ВТБ 24. В случае, если Вы не смогли оплатить заказ сразу, Вам необходимо зайти в личный кабинет на нашем сайте и в подробной информации по заказу нажать ссылку "Повторить оплату". После чего Вы снова перейдёте на страницу оплаты.</div></div>
</li>
<li class="faq_item">
<header class="faq_question">Можно ли оплатить от юридического лица или ИП?</header>
<div class="faq_answer"><div class="faq_answer_inner">Мы работаем только с физическими лицами. Оформить заказ, оплатить его и получить можно только физическое лицо. Не забывайте, что физическое лицо и ИП, оформленное на это лицо - это разные налоговые контрагенты. Подмена одного другим невозможна. Также обращаем Ваше внимание на то, что оплата заказа физ. лицом, не являющимся заказчиком невозможна, т.к. это лицо не является стороной ДКП. Все платежи, пришедшие от некорректных плательщиков будут возвращаться. Для возврата средств необходимо прислать оригинал заявления по адресу 460000, Оренбург, а/я 30.</div></div>
</li>
</ol>
<p class="text_center">Вы так же можете задать любой интересующий вопрос. Мы обязательно ответим в течении 20 минут.</p>
<!-- ФОРМА -->
<div class="form_wrap __dark">
<form action="" class="form" id="form_faq">
<div class="form_row">
<textarea name="question" class="form_control" placeholder="Задайте вопрос, оставьте свои пожелания или замечания"></textarea>
</div>
<div class="form_row">
<input type="text" name="contacts" class="form_control" placeholder="Ваш телефонный номер или email">
</div>
<div class="form_row text_center">
<input type="hidden" name="submit" value="Вопрос - ответ">
<input type="submit" class="btn" value="Получить ответ">
</div>
</form>
</div>
<!-- / ФОРМА -->
</div>
</div>
</section>
<!-- / ЧАВО -->
<!-- КАРТА -->
<section class="section map" id="section_map">
<div id="map_wrap" class="map_wrap"></div>
<div class="row">
<div class="map_contact">
<div class="map_inner">
<div class="map_logo">Motoparts.me</div>
<div class="map_address">
г. Оренбург, ул.Юных Ленинцев,22/1, <br>
ТК Просторный, 2 этаж. <br>
Телефоны: <br>
8 (3532) 69-30-80 <br>
8 (932) 536-30-80 <br>
8 (3532) 61-20-60 <br>
8 (922) 836-20-60
</div>
</div>
</div>
</div>
</section>
<!-- / КАРТА -->
<!-- ФУТЕР -->
<div class="section footer">
<div class="container">
<div class="row">
<div class="footer_inner">
<p class="copy">© Motoparts.me 2010 - 2015г.</p>
<p class="qwerty">Дизайн - <a href="">qwertylab.ru</a></p>
</div>
</div>
</div>
<div class="clearfix"></div>
</div>
<!-- / ФУТЕР -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/jquery-1.11.2.min.js"><\/script>')</script>
<script src="http://api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript"></script>
<script src="js/jquery.validate.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.smooth-scroll.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>