/
index.php
455 lines (416 loc) · 21.9 KB
/
index.php
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
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Jet PMS | Speed up your business</title>
<!-- Bootstrap -->
<link href="/css/bootstrap/bootstrap.min.css" rel="stylesheet">
<link href="/css/bootstrap/bootstrap-theme.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<!-- Bootstrap customizable -->
<link href="/css/index.css" rel="stylesheet">
<link rel="shortcut icon" href="/favicon.png" type="image/x-icon">
</head>
<body>
<!--FIRST BLOCK-->
<div class="blue_block">
<div class="container">
<!-- nav& && login && signup bar here -->
<div class="row">
<div class="col-md-6 col-md-offset-4">
<ul class="nav nav-tabs">
<li><a href="index.php"><i class="fa fa-home"></i> Main</span></a></li>
<li><a href="#product"><i class="fa fa-cog fa-spin"></i> How it works</a></li>
<li><a href="#price"><i class="fa fa-usd"></i> Pricing</a></li>
<li><a href="#contacts"><i class="fa fa-map-marker"></i> Contact us</a></li>
</ul>
</div>
<div class="col-md-2">
<a href="login/index.php" class="btn btn-success btn-lg" role="button">LOGIN TO APP</a>
</div>
</div>
<!-- end of na bar-->
<div class="row">
<h1><strong>Jet PMS</strong></h1>
<h2 class="line-height">WEB - система автоматизации хостелов</h2>
<div class="col-md-5 col-md-offset-1">
<ul class="lead">
<li class="fa fa-hand-o-right"> Удобный календарь заказов и номеров. Вся работа - как на ладони.
</li>
<li class="fa fa-hand-o-right"> Менеждер каналов с 2 way синхронизацией booking.com,
hostelworld.com, ostrovok.ru
</li>
<li class="fa fa-hand-o-right"> Учет денег, материалов, труда сотрудников. Просто и понятно.</li>
<Li class="fa fa-hand-o-right"> Гибкая и легкая настройка, справится даже школьник.</Li>
</ul>
</div>
<div class="col-md-5">
<ul class="lead">
<li class="fa fa-hand-o-right"> Почта Gmail. Полная итеграция, переписка с гостями прямо в
программе
</li>
<li class="fa fa-hand-o-right"> Вы все сделаете. Напоминания о необходимых действиях. Создание
списков дел.
</li>
<li class="fa fa-hand-o-right"> Автоматизация всех рутинных действий.</li>
<li class="fa fa-hand-o-right"> 101 дней БЕСПЛАТНОГО пользования</li>
</ul>
</div>
</div>
<div class="row">
<p>
<a href="/signup/index.php">
<button type="button" class="btn btn-danger btn-lg">Попробуйте бесплатно 101 день</button>
</a>
<!-- <a href="#">-->
<!-- <button type="button" class="btn btn-success btn-lg">Демо версия</button>-->
<!-- </a>-->
</p>
<p>У вас будет более чем достаточно времени, чтоб оценить преимущества Jet PMS. <br>
Пользуйтесь сейчас без ограничений, никаких обязательств.
</p>
</div>
</div>
</div>
<!--SECOND BLOCK-->
<div class="container" id="product">
<div class="row text-center">
<h2 class="line-height">Cистема легко продает номера и автоматизирует управление хостелом</h2>
<div class="col-md-4">
<!-- <div class="row">-->
<!-- <img src="img/jet_blue.png" alt="jet_logo">-->
<!-- </div>-->
<a href="/features/calendar.php">
<h2 class="text-center" id="calendar">Calendar PMS</h2>
</a>визуализация всех заказов по датам и номерам
<ul>
<li class="fa fa-arrow-right"> Красочный наглядный интерфейс сразу расскажет о положении в хостеле
</li>
<li class="fa fa-arrow-right"> Управляйте всеми операциями с заказами в один клик, используя одно
окно
</li>
<li class="fa fa-arrow-right"> Система выставлет счета и отправляет подтверждения о
бронировании автоматически
</li>
<li class="fa fa-arrow-right"> Настриивайте отображение под свой вкус</li>
</ul>
<a href="#">
<buttom class="btn btn-primary btn-md features-btn">подробнее</buttom>
</a>
</div>
<div class="col-md-4">
<!-- <div class="row text-center">-->
<!-- <img src="img/jet_orange.png" alt="Chanel_manager_logo.png">-->
<!-- </div>-->
<a href="#">
<h2>Channel Manager</h2>
</a>инструмент управления online продажами
<ul>
<li class="fa fa-arrow-right"> Выставляйте на продажу весь номерной фонд в системах
online-бронирования и на рецепции в одной программе
</li>
<li class="fa fa-arrow-right"> Обновляйте информацию об хостеле во всех системах бронирования
одновременно
</li>
<li class="fa fa-arrow-right"> Редактируйте стоимость и наличие номерного фонда из одного
интерфейса
</li>
</ul>
<a href="#">
<buttom class="btn btn-primary btn-md">подробнее</buttom>
</a>
</div>
<div class="col-md-4">
<!-- <div class="row text-center">-->
<!-- <img src="img/jet_green.png" alt="OBooking_buttom_logo">-->
<!-- </div>-->
<a href="#">
<h2>Booking Button</h2></a>
модуль online бронирования на сайте хостела
<ul>
<li class="fa fa-arrow-right"> Продавайте номера напрямую через сайт – удобно и без
посредников
</li>
<li class="fa fa-arrow-right"> Позволяйте вашим гостям осуществлять бронь всего в пару
кликов
</li>
<li class="fa fa-arrow-right"> При бронировании номер автоматически снимается с продажи на
всех порталах
</li>
</ul>
<buttom class="btn btn-primary btn-md">подробнее</buttom>
</div>
</div>
<br><br>
<div class="row text-center">
<div class="col-md-4">
<!-- <div class="row">-->
<!-- <img src="img/jet_blue.png" alt="jet_logo">-->
<!-- </div>-->
<a href="#">
<h2 class="">Accounting</h2>
</a>
учет ресурсов и статистика
<ul>
<li class="fa fa-arrow-right"> Контроль за движением наличных и безналичных денег
</li>
<li class="fa fa-arrow-right"> Учет трудозатрат, начисление заработных плат
</li>
<li class="fa fa-arrow-right"> Аналитическая статистика покажет слабые и сильные места
</li>
<li class="fa fa-arrow-right"> Учет использования расходников, статистика расходов
</li>
</ul>
<a href="#">
<buttom class="btn btn-primary btn-md features-btn">подробнее</buttom>
</a>
</div>
<div class="col-md-4">
<!-- <div class="row text-center">-->
<!-- <img src="img/jet_orange.png" alt="Chanel_manager_logo.png">-->
<!-- </div>-->
<a href="#">
<h2>Gmail integration</h2>
</a>
Вся рабочая переписака в одном месте
<ul>
<li class="fa fa-arrow-right"> Переписка с гостями прямо из Системы
</li>
<li class="fa fa-arrow-right"> Встроенные функции e-mail marketinga
</li>
<li class="fa fa-arrow-right"> Автоматическое отправление подтверждений о бронировании
</li>
</ul>
<a href="#">
<buttom class="btn btn-primary btn-md">подробнее</buttom>
</a>
</div>
<div class="col-md-4">
<!-- <div class="row text-center">-->
<!-- <img src="img/jet_green.png" alt="OBooking_buttom_logo">-->
<!-- </div>-->
<a href="#">
<h2>Todoist</h2></a>
Списки дел и напоминания
<ul>
<li class="fa fa-arrow-right"> Вы никогда не забудете принять оплату и "выселить" гостя
</li>
<li class="fa fa-arrow-right"> Напоминания "приянять" предоплату
</li>
<li class="fa fa-arrow-right"> Создание собственных списков напоминий и дел
</li>
<li class="fa fa-arrow-right"> Назначение дел сотрудникам
</li>
</ul>
<buttom class="btn btn-primary btn-md">подробнее</buttom>
</div>
</div>
<br><br>
<!---->
<!-- <div class="row">-->
<!-- <h2 class="text-center">Наши партнеры</h2>-->
<!-- <img src="img/baner.png" alt="baner" width="100%">-->
<!-- </div>-->
<!-- <br><br>-->
<h2 class="line-height text-center">Преимущества работы с Jet PMS</h2>
<div class="row">
<!-- <div class="col-md-4">-->
<!-- <p><img src="img/deva.png" alt="deva_logo"></p>-->
<!---->
<!-- </div>-->
<!---->
<!-- <div class="col-md-4">-->
<!-- <p><img src="img/inova.png" alt="inova_logo"></p>-->
<!-- </div>-->
<!---->
<!-- <div class="col-md-4">-->
<!-- <p><img src="img/share.png" alt="share_logo"></p>-->
<!-- </div>-->
</div>
<div class="row">
<div class="col-md-4 lead">
Работа с любыми устройствами
</div>
<div class="col-md-4 lead">
Инновационность
</div>
<div class="col-md-4 lead">
Доступность
</div>
</div>
<div class="row">
<div class="col-md-4 text-primary lead">
Управляйте отелем с компьютера и любых мобильных устройств
</div>
<div class="col-md-4 text-primary lead">
Осуществляйте продажи через Интернет
</div>
<div class="col-md-4 text-primary lead">
PMS Cloud имеет обширный функционал, но работать с ним проще простого
</div>
</div>
<div class="row">
<div class="col-md-4 text-muted small">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi consectetur debitis dolore ex iusto nam, perspiciatis quam tenetur voluptatibus. Amet deserunt doloribus eum ipsum necessitatibus numquam repellat repellendus sint unde!
</div>
<div class="col-md-4 text-muted small">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus alias blanditiis cum dolorem ipsa magni, quod veritatis voluptates? Ab assumenda atque enim in laborum nam non provident rem saepe velit.
</div>
<div class="col-md-4 text-muted small">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis cumque eligendi excepturi facere, facilis fugiat ipsum maiores molestiae mollitia nam nesciunt nulla pariatur porro quas quibusdam recusandae suscipit temporibus voluptatum!
</div>
</div>
</div>
<br><br>
<!--THIRD BLOCK -->
<div class="blue_block" id="calc">
<div class="container">
<div class="row">
<h2 class="line-height">Calculate the cost</h2>
<h3 class="lead">this page contain base form which will calculate monthly price for using JetPMS</h3>
<h4 class="lead text-success">Price depends on: <b>amount of beds and country</b></h4>
</div>
<div class="row">
<!-- <div class="col-md-6">-->
<div id="price">
<div class="col-md-4">
Amount of beds
<br>
<select name="amountofbeds" id="bedscount_select" onclick="updatePrice()" class="btn-primary">
<option value="1">from 1 to 10</option>
<option value="2">from 11 to 18</option>
<option value="3">from 19 to 26</option>
<option value="4">more than 26</option>
</select>
</div>
<div class="col-md-4">
Country<br>
<select name="country" id="country_select" onclick="updatePrice()" class="btn-primary">
<option value="1">Ukraine</option>
<option value="2">Russia</option>
<option value="3">Another country</option>
</select>
</div>
</div>
<!-- </div>-->
<div class="col-md-4">
<h2 id="big-price">$ 3</h2>
</div>
</div>
<br>
<div class="row">
<p><a href="/signup/index.php">
<button type="button" class="btn btn-danger btn-lg">Попробуйте бесплатно 101 день</button>
</a>
<!-- <a href="#">-->
<!-- <button type="button" class="btn btn-success btn-lg">Демо версия</button>-->
<!-- </a>-->
</p>
</div>
<div class="row">
<div class="col-md-8 col-md-offset-2">
<p>Мы гарантируем возврат средств в течении 30 дней с момента первой оплаты, если Вам, по каким либо
причинам не понравится наш продукт.</p>
</div>
</div>
</div>
</div>
<!--FOURTH BLOCK-->
<div class="container" id="">
<div class="row">
<div class="col-md-10">
<h1 id="happy_clients"><b><i>Довольные клиенты</i></b></h1>
<hr>
<a href="#">
<div class="col-md-4 client_block">
<div class="row text-center">
<img src="img/jet_blue.png" alt="hotel_1" class="hotel_logo">
</div>
<h4 class="hotel_name">Отель "Беспечный тюлень"</h4>
<h4 class="hotel_city"><b>Сахалин</b></h4>
<p class="hotel_comments">Погожего тюленьего утречка! Начиная сотрудничать с Вами, даже не могли
предположить, что Ваш продукт настолько кавественный и удобный в обращении. Все интуитивно
понятно
даже тюленю. Спасибо<br><br></p>
</div>
</a>
<a href="#">
<div class="col-md-4 client_block">
<div class="row text-center">
<img src="img/jet_green.png" alt="hotel_2" class="hotel_logo">
</div>
<h4 class="hotel_name">Апартаменты "Лежбище тюленей"</h4>
<h4 class="hotel_city"><b>Берега Охотского моря</b></h4>
<p class="hotel_comments">Наше лежбище только недавно стало пользоваться услугами ДЖЕТПМС, но уже с
первого дня нами было высоко оценено учтивое и оперативное обслуживание<br><br><br></p>
</div>
</a>
<a href="#">
<div class="col-md-4 client_block">
<div class="row text-center">
<img src="img/jet_orange.png" alt="hotel_3" class="hotel_logo">
</div>
<h4 class="hotel_name">Загородный клуб "Тюлененок"</h4>
<h4 class="hotel_city"><b>Побережье Тихого океана</b></h4>
<p class="hotel_comments">Загородный клуб "Тюлененок" уже несколько месяцев пользуется данным
сайтом,
поток тюленей-клиентов существенно увеличился, гораздо удобнее бронировать места, очень довольны
приятным дизайном</p>
</div>
</a></div>
</div>
<!-- <div class="row">-->
<!-- <h1><b>Технология системы</b></h1>-->
<!---->
<!-- <p><img src="img/tehno.png" alt="tehno_logo"></p>-->
<!---->
<!-- <p class="text-muted small">Использование облачных технологий обеспечивает стабильность работы, гарантию-->
<!-- безопасности данных, доступ из любой точки планеты. Для работы с PMS Cloud не нужна установка и настройка-->
<!-- дополнительного оборудования, а также его обслуживание. Вы можете быть абсолютно уверены, что все данные-->
<!-- находятся в безопасности.</p>-->
<!-- </div>-->
<div class="row">
<div class="col-md-offset-5">
<a href="#">
<button type="button" id="button_hr">все отзывы</button>
</a>
</div>
<hr>
<br>
</div>
</div>
<!--FIFTH BLOCK-->
<div class="blue_block">
<div class="container">
<div class="row">
<!-- <img src="img/clock.png" alt="clock_logo">-->
<p style="font-size: 40px">Мы вас поддерживаем 24/7</p>
<p style="font-size: ">Наши специалисты обеспечивают техническую и информационную поддержку в любой день и в
любое
время суток
<br>Мы оперативно решаем все вопросы, связанные с работой системы
<br>Вы находитесь в надежных руках опытных специалистов</p>
<p><a href="/signup/index.php">
<button type="button" class="btn btn-danger btn-lg">Попробуйте бесплатно 101 день</button>
</a>
<!-- <a href="#">-->
<!-- <button type="button" class="btn btn-success btn-lg">Демо версия</button>-->
<!-- </a>-->
</p>
</div>
<div class="row">
<footer class="blue_block">
Copyright © 2016 all rights are right
</footer>
</div>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="http://code.jquery.com/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="/js/bootstrap/bootstrap.min.js"></script>
<script src="/js/index.js"></script>
</body>