-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
249 lines (244 loc) · 14.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
<!doctype html>
<html class="no-js" lang="ru" xmlns:mailto="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8">
<title>Логистическая компания REEX</title>
<meta name="description" content="Логистическая компания REEX. Оптимальные маршруты и низкая цена">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="format-detection" content="telephone=no">
<link rel="manifest" href="site.webmanifest">
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
<link rel="manifest" href="site.webmanifest">
<link rel="mask-icon" href="safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/main.css">
<meta name="theme-color" content="#fafafa">
</head>
<body class="body">
<header class="header">
<div class="header_header_start">
<li class="header_start_contact">
<a href="tel:+79952202520">+7 995 220 25 20</a>
</li>
<li class="header_start_contact">
<a href="mailto:[email protected]">[email protected]</a>
</li>
</div>
<div class="header_header_end">
<a href="" class="logo">
<img src="img/logo.webp" alt="Лого">
</a>
<li class="header_nav_item">
<a href="" class="nav_item">Услуги</a>
</li>
<li class="header_nav_item">
<a href="" class="nav_item">О компании</a>
</li>
<li class="header_nav_item">
<a href="" class="nav_item">Контакты</a>
</li>
</div>
</header>
<main class="main">
<div class="main_up" style="background-image:url(img/maintrack.webp)">
<div class="main_item">
<h1 class="h1">
Грузовые перевозки
</h1>
<p class="main_p">
Перевозка грузов по России и миру. Полное экспедирование,<br> страхование, упаковка и хранение грузов
</p>
</div>
</div>
<div class="carousel_card">
<div class="card" style="width: 18rem;">
<img src="img/track.webp" class="card-img-top" alt="грузовик">
<div class="card-body">
<h5 class="card-title">Грузоперевозки по России</h5>
<p class="card-text">Быстро, без лишних расходов и всегда в срок</p>
<a href="tel:+79952202520" class="btn btn-primary">ПОДРОБНЕЕ</a>
</div>
</div>
<div class="card" style="width: 18rem;">
<img src="img/etrak.webp" class="card-img-top" alt="грузовик">
<div class="card-body">
<h5 class="card-title">Грузоперевозки по Европе</h5>
<p class="card-text">Страны Евросоюза, а также Украина, Белоруссия со всеми документами</p>
<a href="tel:+79952202520" class="btn btn-primary">ПОДРОБНЕЕ</a>
</div>
</div>
<div class="card" style="width: 18rem;">
<img src="img/airbus.webp" class="card-img-center" alt="самолет">
<div class="card-body">
<h5 class="card-title">Воздушные перевозки по всему миру</h5>
<p class="card-text">Поможем оформить все документы. Подготовим груз к отправки</p>
<a href="tel:+79952202520" class="btn btn-primary">ПОДРОБНЕЕ</a>
</div>
</div>
</div>
<div class="main_service">
<div class="main_service_item">
<h2 class="h2">услуги</h2>
</div>
<div class="service_item_card">
<div class="service_item">
<div class="white_air">
<svg class=service_item_white_air width="30" height="30" viewBox="0 0 30 30" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M28.8926 0.0731982L25.718 1.51816C25.5147 1.61199 25.3271 1.74023 25.1676 1.89974L19.9945 7.07597L2.17947 4.93979C1.85733 4.90226 1.53205 5.01173 1.30374 5.24317L0.312277 6.23463C-0.213166 6.76008 -0.0505287 7.64832 0.628168 7.9517L13.3952 13.6753L9.72958 17.3409H3.32731C3.04583 17.3409 2.77685 17.4535 2.57668 17.6505L2.04186 18.1884C1.51016 18.7201 1.68531 19.6177 2.37339 19.9118L7.77481 22.2262L10.0893 27.6276C10.3833 28.3157 11.284 28.4909 11.8126 27.9592L12.3505 27.4212C12.5507 27.221 12.6602 26.9521 12.6602 26.6706V20.2683L16.3258 16.6027L22.0493 29.3729C22.3527 30.0516 23.2409 30.2142 23.7664 29.6888L24.7578 28.6973C24.9893 28.4659 25.0987 28.1437 25.0612 27.8216L22.9219 10.0066L28.0981 4.83036C28.2577 4.67085 28.3859 4.48632 28.4797 4.27989L29.9247 1.10535C30.2281 0.451642 29.5525 -0.227054 28.8926 0.0731982Z"
fill="white"/>
</svg>
</div>
<p class="service_item_tag">авиаперевозки</p>
</div>
<div class="service_item">
<div class="white_air">
<svg class=service_item_white_air version="1.0" xmlns="http://www.w3.org/2000/svg"
width="35" height="35" viewBox="0 0 824.000000 1280.000000"
preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,1280.000000) scale(0.100000,-0.100000)"
fill="#fff" stroke="none">
<path d="M5161 12789 c-257 -50 -468 -247 -531 -495 -41 -159 -19 -342 57
-487 49 -93 174 -221 263 -270 238 -130 524 -110 740 51 302 227 353 674 111
967 -150 182 -414 278 -640 234z"/>
<path d="M2728 12770 c-133 -24 -226 -65 -328 -146 -100 -80 -174 -187 -217
-319 -23 -68 -27 -98 -27 -200 0 -139 14 -197 76 -317 168 -324 565 -450 897
-286 67 33 104 61 167 123 130 128 191 264 201 445 20 370 -262 684 -634 704
-48 3 -109 1 -135 -4z"/>
<path d="M3020 11350 c-1059 -6 -1076 -6 -1168 -28 -214 -50 -388 -124 -557
-236 -358 -239 -602 -615 -670 -1031 -13 -78 -15 -490 -15 -3028 0 -2053 3
-2960 11 -3010 61 -406 273 -768 603 -1031 136 -108 337 -208 500 -248 57 -13
83 -24 79 -32 -4 -6 -411 -617 -905 -1358 l-898 -1348 523 0 523 0 649 950
648 950 1777 0 1777 0 648 -950 649 -950 523 0 523 0 -898 1348 c-494 741
-901 1352 -905 1358 -4 8 22 19 79 32 399 98 781 428 972 842 65 140 108 283
131 437 8 50 11 957 11 3010 0 3198 3 3006 -55 3207 -141 482 -522 875 -1007
1037 -216 73 -211 72 -858 76 -1378 7 -1669 8 -2690 3z m1954 -340 c64 -25
125 -85 150 -151 15 -39 17 -80 14 -324 -3 -266 -4 -282 -25 -321 -12 -22 -39
-56 -59 -74 -79 -69 -21 -65 -934 -65 -913 0 -855 -4 -934 65 -20 18 -47 52
-59 74 -21 39 -22 55 -25 323 -3 268 -2 284 18 331 27 63 83 117 146 142 47
18 84 19 851 20 783 0 804 0 857 -20z m1281 -1273 c264 -82 434 -259 507 -528
23 -84 23 -87 23 -739 0 -606 -1 -660 -18 -720 -77 -269 -261 -453 -534 -532
l-78 -23 -2035 0 -2035 0 -78 23 c-273 79 -457 263 -534 532 -17 60 -18 114
-18 720 0 653 0 655 23 739 82 302 299 498 606 550 28 5 958 8 2066 7 l2015
-1 90 -28z m-4013 -4827 c126 -18 237 -66 333 -143 229 -185 315 -471 226
-757 -61 -197 -229 -362 -444 -438 -62 -22 -90 -25 -202 -26 -110 -1 -142 3
-205 22 -115 36 -195 86 -286 176 -132 132 -191 266 -201 451 -7 131 13 222
73 345 129 259 418 412 706 370z m3997 -11 c25 -6 89 -32 141 -56 162 -78 297
-233 354 -408 86 -267 -12 -581 -236 -750 -349 -264 -842 -152 -1038 237 -55
110 -74 204 -68 341 8 187 67 318 202 452 109 108 233 172 376 195 64 10 202
4 269 -11z"/>
</g>
</svg>
</div>
<p class="service_item_tag">ж/д перевозки</p>
</div>
<div class="service_item">
<div class="white_air">
<svg class=service_item_white_air version="1.0" xmlns="http://www.w3.org/2000/svg"
width="70" height="70" viewBox="0 0 1280.000000 853.000000"
preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,853.000000) scale(0.100000,-0.100000)"
fill="#fff" stroke="none">
<path d="M7570 7304 c0 -15 -53 -115 -131 -245 l-132 -219 -93 0 c-94 0 -94 0
-94 -25 0 -16 6 -25 16 -25 9 0 24 -10 35 -22 l19 -23 19 23 c11 12 24 22 29
22 30 0 6 -54 -108 -242 l-125 -208 -113 0 -113 0 3 -35 c3 -44 21 -63 43 -45
8 7 15 19 15 26 0 11 16 14 65 14 36 0 65 -4 65 -10 0 -17 -540 -905 -553
-908 -6 -1 -51 -81 -100 -176 l-87 -174 0 -301 0 -301 -110 0 -110 0 0 226 0
226 -41 79 -41 79 -63 0 -63 0 -4 198 c-3 181 -5 201 -27 250 -26 58 -80 112
-114 113 -154 3 -297 3 -297 0 0 -3 12 -22 26 -43 l27 -38 99 0 c116 0 147
-12 174 -67 18 -38 32 -176 33 -340 l1 -73 -60 0 -60 0 0 108 c0 126 -19 179
-72 212 -28 17 -50 20 -150 20 -65 0 -118 -3 -118 -6 0 -3 9 -19 21 -35 20
-28 23 -29 105 -29 76 0 87 -2 109 -24 31 -31 45 -85 45 -173 l0 -73 -108 0
-108 0 -37 -75 -37 -75 0 -225 c0 -212 -1 -226 -20 -245 -17 -17 -20 -33 -20
-115 l0 -95 -40 0 -40 0 0 -680 0 -680 -134 0 c-98 0 -136 3 -139 13 -4 9 -6
9 -6 0 -1 -17 -531 -18 -531 -2 0 8 -4 8 -13 1 -20 -17 -534 -16 -540 1 -4 9
-6 9 -6 0 -1 -9 -139 -12 -588 -12 -322 -1 -588 -3 -590 -5 -2 -2 135 -309
306 -682 l309 -679 131 -142 132 -143 2689 0 2690 0 213 142 213 142 318 688
319 689 31 -8 c64 -16 133 -8 171 21 102 78 129 286 57 427 l-30 57 44 93 c25
50 42 94 40 96 -4 5 -770 4 -823 0 -25 -3 -33 1 -33 14 0 13 81 494 104 622 5
26 4 27 -39 27 l-45 0 0 94 c0 113 -8 126 -79 126 -26 0 -50 2 -53 5 -2 2 12
138 33 302 l37 297 -122 171 -122 170 -173 5 -174 5 -263 454 c-145 249 -264
455 -264 457 0 2 29 4 65 4 53 0 67 -3 72 -17 13 -37 53 -38 53 -2 0 12 7 19
19 19 14 0 19 6 18 20 -1 19 -8 20 -128 20 l-127 0 -116 200 c-92 159 -115
206 -110 225 8 31 20 32 45 3 l19 -23 19 23 c11 12 26 22 35 22 10 0 16 9 16
25 0 25 0 25 -99 25 l-99 0 -126 218 c-78 134 -126 227 -126 245 0 23 -4 27
-30 27 -26 0 -30 -4 -30 -26z m-3 -461 c-3 -2 -56 -2 -120 -1 l-115 3 116 194
117 195 3 -194 c1 -106 1 -195 -1 -197z m183 187 c56 -96 104 -178 107 -182 2
-5 -48 -8 -111 -8 l-116 0 0 192 c0 120 4 188 9 183 6 -6 55 -89 111 -185z
m-409 -262 l19 -23 19 23 c22 25 41 29 41 8 0 -8 4 -17 9 -20 14 -9 41 4 41
20 0 10 14 14 50 14 l50 0 0 -220 c0 -169 -3 -222 -13 -225 -7 -3 -128 -4
-270 -3 l-257 3 120 200 c66 110 127 205 135 211 8 6 15 16 15 23 0 18 20 13
41 -11z m400 0 l19 -23 19 23 c22 25 41 29 41 8 0 -8 4 -17 9 -20 14 -9 41 5
41 21 0 8 5 13 11 11 12 -4 248 -400 256 -431 5 -16 -10 -17 -248 -15 l-254 3
-3 223 -2 222 46 0 c35 0 50 -5 65 -22z m-516 -490 c6 -13 17 -23 25 -23 8 0
19 10 25 23 9 20 17 22 85 22 68 0 76 -2 85 -22 13 -30 37 -29 50 0 8 18 17
22 40 20 l30 -3 3 -457 2 -458 -560 0 -561 0 24 40 c13 23 136 227 273 454
240 398 249 412 265 392 14 -17 19 -18 33 -7 9 7 16 20 16 27 0 11 18 14 78
14 71 0 78 -2 87 -22z m452 5 c14 -39 40 -42 53 -8 9 24 14 25 85 25 63 0 77
-3 82 -17 14 -39 40 -42 53 -8 9 24 14 25 85 25 63 0 77 -3 82 -17 13 -35 53
-38 53 -5 0 10 3 12 9 7 6 -6 96 -158 202 -340 105 -181 222 -383 260 -447
l68 -118 -539 0 -540 0 0 453 c0 250 3 457 7 460 12 13 34 7 40 -10z m-1447
-1978 l0 -95 -110 0 -110 0 0 95 0 95 110 0 110 0 0 -95z m3115 61 c4 -18 5
-60 3 -92 l-3 -59 -64 -3 -64 -3 7 73 c12 119 11 118 67 118 47 0 48 -1 54
-34z m-4098 -113 c-2 -27 -3 -5 -3 47 0 52 1 74 3 48 2 -27 2 -69 0 -95z
m4850 -1106 c6 -64 -10 -127 -43 -167 -30 -35 -43 -37 -73 -12 l-22 17 58 123
c62 132 70 136 80 39z"/>
</g>
</svg>
</div>
<p class="service_item_tag">перевозки по морю</p>
</div>
</div>
</div>
<div class="main_info">
<div class="main_info_left">
<h2 class="h2">о компании</h2>
<div class="info_item">
<p class="info_item_p">Компания REEX была основана в 2013 году и за последующие 10 лет зарекомендовала
себя как надежный партнер. Цели поставленные заказчиком всегда исполняются вовремя
</p>
</div>
</div>
<div class="main_info_right">
<div class="info_right_item">
<div class="info_right_48">
<h2 class="right_item_text">48</h2>
<p class="item_text_start">офисов</p>
<p class="item_text_end">в европе и снг</p>
</div>
</div>
<div class="info_right_item">
<div class="info_right_365">
<h2 class="right_item_text">365</h2>
<p class="item_text_start">грузовиков</p>
<p class="item_text_end">volvo, scania</p>
</div>
</div>
<div class="info_right_item">
<div class="info_right_480">
<h2 class="right_item_text">400</h2>
<p class="item_text_start">сотрудников</p>
<p class="item_text_end">профессионалов</p>
</div>
</div>
</div>
</div>
<iframe class="maps"
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d776.6665796958981!2d38.9946538453739!3d45.03792588217753!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x40f04f6b627c4ad1%3A0x2cb1f35ac2cb2fef!2z0JjQvdC90L7QstCw0YbQuNC-0L3QvdGL0Lkg0YbQtdC90YLRgCAi0JDQutCy0LDRgNC40YPQvCI!5e0!3m2!1sru!2sru!4v1645095519940!5m2!1sru!2sru"
width="1920" height="450" allowfullscreen="" loading="lazy">
</iframe>
</main>
<footer class="footer">
<a href="tel:+79952202520">+7 995 220 25 20</a>
<a class="footer_link" href="mailto:[email protected]">[email protected]</a>
<a class="footer_link" href="tel:+79952202520">Разработано Мной</a>
</footer>
<script src="js/bootstrap.js"></script>
</body>
</html>