-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
361 lines (358 loc) · 28.3 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
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description"
content="EuroAsia Logistics: ваш современный логистический партнер. Качество – наша первая забота.">
<meta name="robots" content="all" />
<meta name="format-detection" content="phone=no" />
<meta name="skype_toolbar" content="skype_toolbar_parser_compatible" />
<!-- Google -->
<meta name="googlebot" content="index,follow" />
<meta name="google" content="notranslate" />
<!-- Geo placement -->
<meta name="geo.region" content="TM-S" />
<meta name="geo.placename" content="Ашхабад" />
<!-- Apple browsers -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<!-- Yandex WebMaster and Google Search Console -->
<meta name="yandex-verification" content="d65dc481f5c7c2bc" />
<meta name="google-site-verification" content="AmSCkJ0Xh4QnBVzdJhnue67LCtVvi3c21vX4v7cfjxk" />
<!-- Favicons -->
<link rel="apple-touch-icon" sizes="180x180" href="img/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="img/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="img/favicon/favicon-16x16.png">
<link rel="icon" type="image/x-icon" href="img/favicon/favicon.ico">
<link rel="manifest" href="img/favicon/site.webmanifest">
<link rel="mask-icon" href="img/favicon/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<!-- Styles -->
<link rel="stylesheet" href="styles/normalize.css">
<link rel="stylesheet" href="styles/style.css">
<link rel="stylesheet" href="styles/media.css">
<link rel="stylesheet" href="styles/burger.css">
<link rel="stylesheet" href="styles/modal.css">
<link rel="stylesheet" href="styles/animate.min.css">
<title>EuroAsia Logistics</title>
</head>
<body>
<div class="modal-wrapper">
<div class="modal">
<button class="close-btn">×</button>
<h2>Предоставление вагонов под погрузку</h2>
<picture class="modal__picture">
<source type="image/webp" srcSet="./img/services_img1.webp" />
<img src="./img/services_img1.jpg" id="img1" alt="services-picture" />
</picture>
<p>Наша компания предоставляет услуги по предоставлению различного типа подвижного состава под погрузку.
Наша команда
специалистов обладает необходимыми навыками и знаниями для качественного выполнения услуги. Мы
предлагаем гибкую ценовую
политику и индивидуальный подход к каждому клиенту.</p>
</div>
<div class="modal">
<button class="close-btn">×</button>
<h2>Таможенное оформление</h2>
<picture class="modal__picture">
<source type="image/webp" srcSet="./img/services_img2.webp" />
<img src="./img/services_img2.jpg" id="img2" alt="services-picture" />
</picture>
<p>Таможенное оформление — это важный этап в процессе международной торговли. Наши специалисты помогут вам
правильно
оформить необходимую документацию и решить любые проблемы, связанные с таможенным контролем.</p>
</div>
<div class="modal">
<button class="close-btn">×</button>
<h2>Международные перевозки</h2>
<picture class="modal__picture">
<source type="image/webp" srcSet="./img/services_img3.webp" />
<img src="./img/services_img3.jpg" id="img3" alt="services-picture" />
</picture>
<p>Наша компания предоставляет профессиональные услуги международных перевозок грузов железнодорожным
сообщением. Мы
работаем с клиентами из разных стран и гарантируем быструю и безопасную доставку ваших грузов. Наша
команда опытных
специалистов заботится о каждом этапе перевозки, включая оформление документов, выбор оптимального
маршрута и информацию
о местоположении на всем пути следования. Мы ценим каждого клиента и всегда стараемся найти наилучшее
решение для его
индивидуальных потребностей. Обращайтесь к нам и убедитесь в высоком качестве наших услуг.</p>
</div>
<div class="modal">
<button class="close-btn">×</button>
<h2>Корректировка маршрута</h2>
<picture class="modal__picture">
<source type="image/webp" srcSet="./img/services_img4.webp" />
<img src="./img/services_img4.jpg" id="img4" alt="services-picture" />
</picture>
<p>Наша услуга по корректировке маршрута позволяет нашим клиентам быстро и гибко реагировать на изменения
планов. Если вы
столкнулись с неожиданными обстоятельствами или возникла необходимость изменить маршрут, мы поможем вам
максимально
эффективно организовать новый путь следования. Наши опытные специалисты учтут все ваши требования и
подберут наилучший
вариант маршрута, учитывая все факторы, такие как расстояние, время и стоимость.</p>
</div>
<div class="modal">
<button class="close-btn">×</button>
<h2>Отчет о местонахождении груза</h2>
<picture class="modal__picture">
<source type="image/webp" srcSet="./img/services_img5.webp" />
<img src="./img/services_img5.jpg" id="img5" alt="services-picture" />
</picture>
<p>Наша услуга отчета о местонахождении груза поможет вам всегда быть в курсе о местоположении вашего груза
в режиме
реального времени. Мы предоставляем нашим клиентам полную информацию о локации груза на каждом этапе его
перемещения, а
также о любых изменениях в расписании доставки. Наша команда специалистов готова ответить на любые
вопросы, связанные с
отслеживанием груза, и предоставить вам самую актуальную информацию.</p>
</div>
<div class="modal">
<button class="close-btn">×</button>
<h2>Сопровождение груза</h2>
<picture class="modal__picture">
<source type="image/webp" srcSet="./img/services_img6.webp" />
<img src="./img/services_img6.jpg" id="img6" alt="services-picture" />
</picture>
<p>Мы предоставляем услугу сопровождения груза для обеспечения максимальной безопасности и защиты вашего
груза на всем пути
следования. Наша команда специалистов работает в тесном сотрудничестве с железнодорожными агентствами,
чтобы
гарантировать правильную обработку, перевозку и доставку грузов. Мы следим за каждым этапом перемещения
груза, от его
погрузки до выгрузки, и предоставляем подробные отчеты о каждом шаге процесса. Мы также готовы
реагировать на любые
непредвиденные обстоятельства, которые могут возникнуть в процессе перевозки груза, чтобы своевременно
решить проблему и
минимизировать любые потенциальные риски. Обратитесь к нам, чтобы получить высококлассное сопровождение
вашего груза.</p>
</div>
</div>
<header class="header" id="header">
<section class="header__navbar">
<a href="./index.html"><img src="./img/logo.png" class="header__logo" alt="EuroAsia Logistics logo"
width="185px" height="52px"></a>
<nav class="header__nav">
<a class="header__nav-link" href="#header">Главная</a>
<a class="header__nav-link" href="#about">О нас</a>
<a class="header__nav-link" href="#services">Услуги</a>
<a class="header__nav-link" href="#contacts">Контакты</a>
<button class="burger-btn" aria-label="Open navigation menu">
<span class="burger-icon"></span>
</button>
<nav class="menu">
<ul class="menu-links">
<button class="close-burger" aria-label="Close navigation menu">×</button>
<li><a href="#header">Главная</a></li>
<li><a href="#about">О нас</a></li>
<li><a href="#services">Услуги</a></li>
<li><a href="#contacts">Контакты</a></li>
<li><a href="./index.html">RUS</a></li>
<li><a href="./en.html">ENG</a></li>
</ul>
</nav>
</nav>
<div class="header__lang">
<div class="lang-menu">
<div class="selected-lang">
<img src="./img/lang.svg" alt="language_select" width="30" height="30">
</div>
<ul>
<li> <a href="./index.html" class="ru">Русский</a> </li>
<li> <a href="./en.html" class="en">English</a> </li>
</ul>
</div>
</div>
</section>
</header>
<main>
<section class="hero__section">
<h1 class="hero__section-title wow animate__animated animate__fadeIn">EuroAsia <br> Logistics</h1>
<p class="hero__section-text wow animate__animated animate__fadeInLeft">Ваш современный логистический
партнер.<br>Качество – наша первая забота.</p>
</section>
<section class="about" id="about">
<div class="about__left">
<div class="about__left-pictures">
<picture class="about__left-img wow animate__animated animate__fadeInDown" id="first_img">
<source type="image/webp" srcSet="./img/about_img1.webp" />
<img src="./img/about_img1.jpg" alt="aboutUs-picture" />
</picture>
<picture class="about__left-img wow animate__animated animate__fadeInDown" id="second_img">
<source type=" image/webp" srcSet="./img/about_img2.webp" />
<img src="./img/about_img2.jpg" alt="aboutUs-picture" />
</picture>
</div>
<h2 class="about__left-title wow animate__animated animate__slideInDown">О нас</h2>
<p class="about__left-text wow animate__animated animate__slideInLeft">
Компания «Евразия логистика», имея огромный опыт, осуществляет перевозки грузов и предоставляет
широкий спектр услуг,
связанных с использованием железнодорожного транспорта по территориям стран Центральной Азии и СНГ.
Для обеспечения высокого качества оказываемых услуг, компания имеет постоянные представительства в
региональных центрах
Туркменистана, такие как: Ахал, Мары, Балкан (г. Балканабат, порт Туркменбаши, Хазар), Лебап,
Дашогуз. Будучи
официальным экспедитором железнодорожной администрации Туркменистана, на основании договора о
сотрудничестве при
перевозке грузов в международном железнодорожном сообщении, компания «Евразия логистика»
обеспечивает своих клиентов
качественными услугами, конкурентоспособными ставками и актуальной информацией. Наша компания тесно
взаимодействует с
партнерами из Турции, ОАЭ, Китая, России, Казахстана, Узбекистана, Азербайджана, Грузии и других
стран Центральной Азии,
СНГ, что дает возможность быстро и качественно осуществлять все виды транспортных и логистических
услуг, как на
территории Туркменистана, так и за ее пределами.</p>
</div>
<div class="about__right">
<picture class="about__right-img wow animate__animated animate__fadeInDown" id="first_img">
<source type="image/webp" srcSet="./img/about_img1.webp" />
<img src="./img/about_img1.jpg" alt="aboutUs-picture" />
</picture>
<picture class="about__right-img wow animate__animated animate__fadeInDown" id="second_img">
<source type=" image/webp" srcSet="./img/about_img2.webp" />
<img src="./img/about_img2.jpg" alt="aboutUs-picture" />
</picture>
<picture class="about__right-img wow animate__animated animate__fadeInDown" id="third_img">
<source type=" image/webp" srcSet="./img/about_img3.webp" />
<img src="./img/about_img3.jpg" alt="aboutUs-picture" />
</picture>
</div>
</section>
<section class="services" id="services">
<h2 class="services__title">Услуги</h2>
<div class=" services__left">
<h2 class="services__left-title wow animate__animated animate__slideInLeft">Услуги</h2>
<span class="services__left-subtitle" id="title1">Предоставление вагонов под погрузку</span>
<span class="services__left-subtitle" id="title2">Таможенное
оформление</span>
<span class="services__left-subtitle" id="title3">Международные перевозки</span>
<span class="services__left-subtitle" id="title4">Корректировка маршрута</span>
<span class="services__left-subtitle" id="title5">Отчет о
местонахождении груза</span>
<span class="services__left-subtitle" id="title6">Сопровождение груза</span>
<picture class="services__left-img">
<source type="image/webp" srcSet="./img/services_img1.webp" />
<img src="./img/services_img1.jpg" id="img1" alt="services-picture" />
</picture>
<picture class="services__left-img">
<source type="image/webp" srcSet="./img/services_img2.webp" />
<img src="./img/services_img2.jpg" id="img2" alt="services-picture" />
</picture>
<picture class="services__left-img">
<source type="image/webp" srcSet="./img/services_img3.webp" />
<img src="./img/services_img3.jpg" id="img3" alt="services-picture" />
</picture>
<picture class="services__left-img">
<source type="image/webp" srcSet="./img/services_img4.webp" />
<img src="./img/services_img4.jpg" id="img4" alt="services-picture" />
</picture>
<picture class="services__left-img">
<source type="image/webp" srcSet="./img/services_img5.webp" />
<img src="./img/services_img5.jpg" id="img5" alt="services-picture" />
</picture>
<picture class="services__left-img">
<source type="image/webp" srcSet="./img/services_img6.webp" />
<img src="./img/services_img6s.jpg" id="img6" alt="services-picture" />
</picture>
<p class="services__left-text" id="text1">Наша компания
предоставляет услуги по предоставлению
различного типа подвижного состава под погрузку. Наша команда
специалистов обладает необходимыми навыками и знаниями для качественного выполнения услуги. Мы
предлагаем гибкую ценовую
политику и индивидуальный подход к каждому клиенту.</p>
<p class="services__left-text" id="text2">Таможенное
оформление — это важный этап в процессе
международной торговли. Наши специалисты помогут вам правильно
оформить необходимую документацию и решить любые проблемы, связанные с таможенным контролем.</p>
<p class="services__left-text" id="text3">Наша компания
предоставляет профессиональные услуги
международных перевозок грузов железнодорожным сообщением. Мы
работаем с клиентами из разных стран и гарантируем быструю и безопасную доставку ваших грузов. Наша
команда опытных
специалистов заботится о каждом этапе перевозки, включая оформление документов, выбор оптимального
маршрута и информацию
о местоположении на всем пути следования. Мы ценим каждого клиента и всегда стараемся найти
наилучшее решение для его
индивидуальных потребностей. Обращайтесь к нам и убедитесь в высоком качестве наших услуг.
</p>
<p class="services__left-text" id="text4">Наша услуга по корректировке маршрута позволяет нашим клиентам
быстро и гибко реагировать на изменения планов. Если вы
столкнулись с неожиданными обстоятельствами или возникла необходимость изменить маршрут, мы поможем
вам максимально
эффективно организовать новый путь следования. Наши опытные специалисты учтут все ваши требования и
подберут наилучший
вариант маршрута, учитывая все факторы, такие как расстояние, время и стоимость.</p>
<p class="services__left-text" id="text5">Наша услуга отчета
о местонахождении груза поможет вам всегда
быть в курсе о местоположении вашего груза в режиме
реального времени. Мы предоставляем нашим клиентам полную информацию о локации груза на каждом этапе
его перемещения, а
также о любых изменениях в расписании доставки. Наша команда специалистов готова ответить на любые
вопросы, связанные с
отслеживанием груза, и предоставить вам самую актуальную информацию.
</p>
<p class="services__left-text" id="text6">Мы предоставляем
услугу сопровождения груза для обеспечения
максимальной безопасности и защиты вашего груза на всем пути
следования. Наша команда специалистов работает в тесном сотрудничестве с железнодорожными
агентствами, чтобы
гарантировать правильную обработку, перевозку и доставку грузов. Мы следим за каждым этапом
перемещения груза, от его
погрузки до выгрузки, и предоставляем подробные отчеты о каждом шаге процесса. Мы также готовы
реагировать на любые
непредвиденные обстоятельства, которые могут возникнуть в процессе перевозки груза, чтобы
своевременно решить проблему и
минимизировать любые потенциальные риски. Обратитесь к нам, чтобы получить высококлассное
сопровождение вашего груза.</p>
</div>
<div class="services__right">
<p class="services__help wow animate__animated animate__slideInDown">*нажмите на название услуги чтобы
увидеть её подробное описание</p>
<a class="services__right-text wow animate__animated animate__slideInDown" id="link1" onclick="openbox('text1'), openbox2('title1'), openbox3('img1'); return
false">Предоставление вагонов под погрузку</a>
<a class="services__right-text wow animate__animated animate__slideInDown" id="link2"
onclick="openbox('text2'), openbox2('title2'), openbox3('img2'); return false">Таможенное
оформление</a>
<a class="services__right-text wow animate__animated animate__slideInDown" id="link3"
onclick="openbox('text3'), openbox2('title3'), openbox3('img3'); return false">Международные
перевозки</a>
<a class="services__right-text wow animate__animated animate__slideInDown" id="link4"
onclick="openbox('text4'), openbox2('title4'), openbox3('img4'); return false">Корректировка
маршрута</a>
<a class="services__right-text wow animate__animated animate__slideInDown" id="link5"
onclick="openbox('text5'), openbox2('title5'), openbox3('img5'); return false">Отчет о
местонахождении груза</a>
<a class="services__right-text wow animate__animated animate__slideInDown" id="link6"
onclick="openbox('text6'), openbox2('title6'), openbox3('img6'); return false">Сопровождение
груза</a>
</div>
</section>
</main>
<footer class="footer wow animate__animated animate__slideInUp" id="contacts">
<a href="#header"><img src="./img/logo.png" class="footer__logo" alt="EuroAsia Logistics logo" width="185px"
height="52px"></a>
<span class="footer__phone">Телефон:
<a href="tel:+993 12 95-90-52">+993 12 95-90-52</a>
</span>
<span class="footer__mail">Email:<a href="mailto: info@euroasia-tm.com">info@euroasia-tm.com</a></span>
<span class="footer__address">Адрес:<a
href="https://yandex.ru/maps/10324/ashgabat/house/YUEYdQJkT0UBQF1tfXVwd3RmZw==/?ll=58.354804%2C37.916812&z=19">Туркменистан,
г. Ашхабад, <br> этрап Копетдаг, ул. 1971 <br>(Гурбанназар Эзизов), дом 36.</a></span>
</footer>
<p class="footer__rights" id="currentYearRus"></p>
<p class="footer__RC"><a href="https://github.com/RahymCharyyev">Developed by RC</a></p>
</body>
<script type="text/javascript" src="js/burger.js"></script>
<script type="text/javascript" src="js/link.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/rus.js"></script>
<script type="text/javascript" src="js/modal.js"></script>
<script type="text/javascript" src="js/wow.min.js"></script>
<script type="text/javascript" src="js/wowInit.js"></script>
</html>