-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
231 lines (222 loc) · 14.6 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
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>Document</title>
</head>
<body>
<div class="page">
<div class="container">
<header class="header">
<div class="header-inner">
<h1 class="title">SmarTTravel</h1>
</div>
<p class="subtitle">Интеллектуальная система путешествий</p>
<div class="header-inner-wrap">
<p class="out-text header-inner__text">
Оформление путешествий еще никогда не было столь удобным.
<br>
Оставьте время для того, что действительно важно
<br>
А планированием маршрута займется SmarTTravel
<br>
</p>
</div>
</header>
</div>
<div class="parallax">
<div class="parallax__mointen parallax__mointen_1"></div>
<div class="parallax__mointen parallax__mointen_2"></div>
<div class="parallax__mointen parallax__mointen_3"></div>
<div class="parallax__fog"></div>
</div>
<div class="content">
<div class="content__body">
<div class="content__acticle">
<section class="section benefits">
<div class="container">
<div class="benefits-wrap">
<p class="benifits__text">
Простые сервисы в одном приложении
</p>
<div class="benifits__img-wrap">
<img class="benifits__img" src="images/screenshot.png" alt="Скриншот приложения">
</div>
<p class="benifits__salut">
Удобная навигация по системе с голосовым помощником Салют.
</p>
</div>
</div>
</section>
<section class="section eсoSistem">
<div class="container">
<p class="eсoSistem__descr">
Ваше путешествие станет комфортнее с сервисами эко-систмемы Сбера
</p>
<ul class="ekoSystem__list">
<li class="ekoSystem__list-item">
<div class="card">
<div class="front">
<img src="images/citymobile.jpg" alt="">
</div>
<div class="back">
<p>
Информационный сервис заказа такси через
мобильное приложение. Услуги оказываются перевозчиками.
</p>
</div>
</div>
</li>
<li class="ekoSystem__list-item">
<div class="card">
<div class="front">
<img src="images/youdrive.jpg" alt="">
</div>
<div class="back">
<p>
Carsharing - краткосрочная аренда автомобилей. Вы платите только
за фактическое использование автомобиля поминутно!Дешевле чем такси,
обнее чем общественный транспорт!
</p>
</div>
</div>
</li>
<li class="ekoSystem__list-item">
<div class="card">
<div class="front">
<img src="images/save.jpg" alt="">
</div>
<div class="back">
<p>
Отправляясь в отпуск по России, не забудьте оформить
страхование путешественников. В дополнение к медицинской помощи вы
получите ряд преимуществ - прием узких специалистов, выплату при
задержке рейса и утере багажа, возмещение затрат из-за переноса
или отмены поездки. Приятного отдыха!
</p>
</div>
</div>
</li>
<li class="ekoSystem__list-item">
<div class="card">
<div class="front">
<img src="images/okko.jpg" alt="">
</div>
<div class="back">
<p>
Okko – это онлайн-кинотеатр с каталогом более 70 000 фильмов,
мультфильмов,
сериалов от Amediateka и Start, спортивных передач и трансляций.
Смотреть кино
в Окко можно в Full HD и Ultra HD 4K легально, бесплатно и без
рекламы.
</p>
</div>
</div>
</li>
<li class="ekoSystem__list-item">
<div class="card">
<div class="front">
<img src="images/sbersound.jpg" alt="">
</div>
<div class="back">
<p>
СберЗвук — это стриминговый сервис, который магически подбирает
музыку к каждому моменту жизни. Тысячи готовых плейлистов,
чарты и персональные рекомендации — всё в одном приложении.
Первый месяц подписки — бесплатно для всех новых пользователей
СберЗвука.
</p>
</div>
</div>
</li>
<li class="ekoSystem__list-item">
<div class="card">
<div class="front">
<img src="images/sbercloud.jpg" alt="">
</div>
<div class="back">
<p>
СберДиск – безопасное хранение данных и бесплатное облако на 15 ГБ.
Сохраняйте важные документы и яркие моменты жизни, добавляя их в
облако. Делитесь видео и впечатлениями с близкими, не теряйте связь
с командой в командировках. Работать с файлами на СберДиске можно
даже там, где нет интернета.
</p>
</div>
</div>
</li>
<li class="ekoSystem__list-item">
<div class="card">
<div class="front">
<img src="images/delivery.jpg" alt="">
</div>
<div class="back">
<p>
Delivery Club – самое быстрое и удобное приложение для заказа еды
и продуктов, где есть: Более 30 000 ресторанов и кафе на выбор,
широкий выбор блюд и кухонь, все ваши любимые кафе и рестораны,
еда на дом и в офис, а также доставка свежих продуктов.
</p>
</div>
</div>
</li>
<li class="ekoSystem__list-item">
<div class="card">
<div class="front">
<img src="images/sbermarket.jpg" alt="">
</div>
<div class="back">
<p>
СберМаркет - это сервис доставки продуктов с полок магазинов.
Работаем в 137 городах России, включая все города миллионники.
В каталоге СберМаркета не только продукты, но и бытовая химия,
детские товары, товары для дома и дачи, электроника и многое
другое.
</p>
</div>
</div>
</li>
<li class="ekoSystem__list-item">
<div class="card">
<div class="front">
<img src="images/sberhelth.jpg" alt="">
</div>
<div class="back">
<p>
Сервис СберЗдоровье - это новое имя сервиса DocDoc, крупнейшего
сервиса телемедицины и записи к врачам в России. Входит в
экосистему Сбербанка.
</p>
</div>
</div>
</li>
</ul>
</div>
</div>
</section>
<section class="section enter">
<div class="container">
<p class="enter__text">
Войти в систему с помощью СберID или по номеру телефона,
чтобы начать планировать свое путешествие прямо сейчас.
</p>
<button class="enter__btn">Войти через СберID</button>
</div>
</section>
<footer class="footer">
<div class="container">
<p class="footer__text">
Разработка <a href="#"> TshDev</a>, 2020
</p>
</div>
</footer>
</div>
</div>
</div>
</div>
<script src="main.js"></script>
</body>
</html>