/
index.html
161 lines (142 loc) · 8.27 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
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Элекснет - предложение для такси</title>
<meta name="keywords" content="такси, Элекснет, таксопарк, Яндекс.Такси, сервис, услуги для бизнеса, автоматизация">
<meta name="description" content="Сервис пополнения лицевого счета водителя такси">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/style.min.css">
<link rel="shortcut icon" href="http://www.elecsnet.ru/favicon.ico" type="image/x-icon">
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500&subset=cyrillic" rel="stylesheet">
<script src="js/jquery-2.2.0.min.js"></script>
<script type="text/javascript" src="js/jquery.maskedinput.min.js"></script>
<script type="text/javascript">
jQuery(function($){
$("#phone").mask("+7(999) 999-9999");
});
</script>
</head>
<body>
<header class="header">
<div class="container">
<div class="logo"><img src="img/logo.png" alt="" width="222" height="66" class="logo__image"></div>
<div class="header__contacts header__contacts--phone"><a href="tel:+74956621500" class="header__link">+7(495) 662-15-00 (доб. 628, 494)</a></div>
<div class="header__contacts header__contacts--email"><a href="mailto:dokk@elecsnet.ru?subject=Сотрудничество%20с%20Элекснет" class="header__link">dokk@elecsnet.ru</a></div>
</div>
</header>
<a href="#close" class="overlay" id="thanks"></a>
<div class="popup">
<a href="#close" class="popup-close">крестик</a>
<p class="form-caption">Спасибо за оставленную заявку!<br>Мы перезвоним Вам в ближайшее рабочее время (с 9.00 - 18.00)</p>
</div>
<div class="main-content">
<div class="wrapper">
<div class="intro">
<div class="intro__container">
<h1 class="intro__title">Сервис пополнения лицевого счета водителя такси</h1>
<div class="intro__description">Партнер <span>Я</span>ндекс.Такси</div>
<a href="#order" class="btn js-scroll">Отправить заявку</a>
<a class="intro__link" target="_blank" href="presentation-taxi.pdf" target="_blank">Посмотреть презентацию</a>
</div>
</div>
<div class="promo">
<div class="promo__text promo__text--1">
<p>Вы владелец диспетчерской? Или таксопарка с количеством машин более 100?</p>
</div>
<div class="promo__image promo__image--1"></div>
<div class="promo__image promo__image--2"></div>
<div class="promo__text">
<p>Сотрудничаете с <span>Я</span>ндекс.Такси, РБТ и EST?</p>
<p>А если нет, то ничего страшного, у нас уже подготовлено решение для Вас</p>
</div>
<div class="promo__text">
<p>Мы знаем как сэкономить время Ваших водителей и увеличить Ваш доход</p>
<a href="#order" class="btn btn--promo js-scroll">Получить консультацию</a>
</div>
<div class="promo__image promo__image--3"></div>
</div>
<div class="offer">
<h2 class="offer__title">Что мы предлагаем?</h2>
<div class="offer__list">
<p class="offer__item offer__item--1">Гарантию перечисления денежных средств</p>
<p class="offer__item offer__item--2">Пополнение счета водителя в онлайне</p>
<p class="offer__item offer__item--3">Разнообразие каналов пополнения</p>
<p class="offer__item offer__item--4">Доступ к сервису 24/7</p>
</div>
</div>
<div class="work">
<h2 class="work__title">Как это работает?</h2>
<div class="work__description">
<div class="work__image"></div>
<p class="work__text work__text--1">Водитель пополняет лицевой счет в любое удобное время в любом удобном для него месте</p>
<p class="work__text work__text--2">Элекснет зачисляет средства на Ваш расчётный счёт</p>
</div>
</div>
<div class="place">
<div class="place__image"></div>
<p class="place__description">Более <span>4200</span> устройств самообслуживания, установленных в крупных торговых точках, супермаркетах, АЗС и т.п., по всей России</p>
<div class="place__bg"></div>
</div>
<div class="partners">
<h2 class="partners__title">Более <span>200</span> компаний уже работают с нами</h2>
<div class="partners__row partners__row--1">
<div class="partners__partner"><img src="img/taxi1.png" width="171" height="42" alt="Везет"></div>
<div class="partners__partner"><img src="img/taxi2.png" width="172" height="70" alt="Nexi"></div>
<div class="partners__partner"><img src="img/taxi3.png" width="172" height="69" alt="Такси Ритм"></div>
</div>
<div class="partners__row partners__row--2">
<div class="partners__partner"><img src="img/taxi4.png" width="150" height="128" alt="Key to way"></div>
<div class="partners__partner"><img src="img/taxi5.png" width="163" height="168" alt="Red Taxi"></div>
</div>
<div class="partners__promo">Начните и Вы!</div>
<a href="#order" class="partners__arrow js-scroll"><img src="img/arrow.png" alt="down" width="97" height="68"></a>
</div>
<div class="order" id="order">
<h2 class="order__title">Работайте с нами!</h2>
<div class="order__form">
<form method="post" action="send.php">
<div class="order__line">
<input class="order__field" type="text" name="name" placeholder="Имя" required>
<input class="order__field" type="text" name="company" placeholder="Название компании" required>
<input class="order__field" type="text" name="phone" id="phone" placeholder="Телефон" required>
</div>
<div class="order__line">
<button type="submit" class="btn">Отправить заявку</button>
</div>
</form>
</div>
<p class="order__description">Или позвоните нам по номеру <a href="tel:+74956621500" class="">+7(495) 662-15-00 (доб. 628, 494)</a>, если у вас еще остались вопросы</p>
</div>
<div class="footer">
<div class="footer__line">
<p class="footer__text footer__text--1">123557, г. Москва, Электрический пер., д.3/10, стр.1, 4 этаж</p>
<a class="footer__link" href="tel:+74956621500">+7(495) 662-15-00 (доб. 628, 494)</a>
</div>
<div class="footer__line">
<p class="footer__text">© Компания «Элекснет», 2006-2016.</p>
<a class="footer__link" target="_blank" href="presentation-taxi.pdf">Посмотреть презентацию</a>
</div>
</div>
</div>
</div>
<!-- Page Scroll to id plugin -->
<script src="js/jquery.malihu.PageScroll2id.min.js"></script>
<script>
(function($){
$(window).load(function(){
/* Page Scroll to id fn call */
$(".js-scroll").mPageScroll2id({
highlightSelector:".js-scroll"
});
/* demo functions */
$("a[rel='next']").click(function(e){
e.preventDefault();
var to=$(this).parent().parent("section").next().attr("id");
$.mPageScroll2id("scrollTo",to);
});
});
})(jQuery);
</script>
</body>
</html>