PageSourceSearch

https://seajobs.ru/ru

html seajobs.ru collected 2026-10-02 17:22:21 UTC 150,663 bytes, 1,970 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ru">
3<head>
4    <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6    <meta name="csrf-token" content="ufWQ5BZvY5I6swVZ4fpJfPjWCt7HxbfbLBIhAmGm">
7    <link rel="icon" type="image/x-icon" href="https://seajobs.ru/images/favicon/favicon.ico">
8    <link rel="icon" type="image/svg+xml" href="https://seajobs.ru/images/favicon/favicon.svg">
9    <link rel="icon" type="image/png" sizes="96x96" href="https://seajobs.ru/images/favicon/favicon-96x96.png">
10    <link rel="apple-touch-icon" sizes="180x180" href="https://seajobs.ru/images/favicon/apple-touch-icon.png">
11    <link rel="manifest" href="https://seajobs.ru/images/favicon/site.webmanifest">
12        <link rel="preload" as="image" href="https://seajobs.ru/images/hero.webp?1" type="image/webp" fetchpriority="high">
13
14    
15    <meta name="description" content="SeaJobs — крупнейшая биржа труда для моряков. Тысячи вакансий для капитанов, механиков, штурманов и рядового состава. Найдите работу в море быстро и без посредников.">
16    <meta name="keywords"    content="работа для моряков, вакансии моряков, морская биржа труда, морские вакансии, работа на судне, крюинг, вакансии капитан, вакансии механик, морское трудоустройство">
17    <meta name="robots"      content="index, follow">
18    <link rel="canonical"    href="https://seajobs.ru/ru">
19
20    
21    <link rel="alternate" hreflang="en"        href="https://seajobs.ru/en">
22    <link rel="alternate" hreflang="ru"        href="https://seajobs.ru/ru">
23    <link rel="alternate" hreflang="x-default" href="https://seajobs.ru/en">
24
25    
26    <meta property="og:type"             content="website">
27    <meta property="og:url"              content="https://seajobs.ru/ru">
28    <meta property="og:site_name"        content="SeaJobs">
29    <meta property="og:locale"           content="ru_RU">
30    <meta property="og:locale:alternate" content="en_US">
31    <meta property="og:title"            content="Работа в море, вакансии для моряков и крюинговые компании">
32    <meta property="og:description"      content="SeaJobs — крупнейшая биржа труда для моряков. Тысячи вакансий для капитанов, механиков, штурманов и рядового состава. Найдите работу в море быстро и без посредников.">
33    <meta property="og:image"            content="https://seajobs.ru/images/hero.webp">
34
35    
36    <meta name="twitter:card"        content="summary_large_image">
37    <meta name="twitter:title"       content="Работа в море, вакансии для моряков и крюинговые компании">
38    <meta name="twitter:description" content="SeaJobs — крупнейшая биржа труда для моряков. Тысячи вакансий для капитанов, механиков, штурманов и рядового состава. Найдите работу в море быстро и без посредников.">
39    <meta name="twitter:image"       content="https://seajobs.ru/images/hero.webp">
40
41    
42    
42<script type="application/ld+json">
43    {
44        "@context": "https://schema.org",
45        "@type": "WebSite",
46        "name": "SeaJobs",
47        "url": "https://seajobs.ru",
48        "inLanguage": ["en", "ru"],
49        "description": "SeaJobs — крупнейшая биржа труда для моряков. Тысячи вакансий для капитанов, механиков, штурманов и рядового состава. Найдите работу в море быстро и без посредников.",
50        "potentialAction": {
51            "@type": "SearchAction",
52            "target": {
53                "@type": "EntryPoint",
54                "urlTemplate": "https://seajobs.ru/ru/vacancies?position={search_term_string}"
55            },
56            "query-input": "required name=search_term_string"
57        }
58    }
59    </script>
59
60
61    
62    
62<script type="application/ld+json">
63    {
64        "@context": "https://schema.org",
65        "@type": "Organization",
66        "name": "SeaJobs",
67        "url": "https://seajobs.ru",
68        "logo": "https://seajobs.ru/images/logo-text.svg",
69        "sameAs": [],
70        "contactPoint": {
71            "@type": "ContactPoint",
72            "contactType": "customer support",
73            "availableLanguage": ["English", "Russian"]
74        }
75    }
76    </script>
76
77    <title>Работа в море, вакансии для моряков и крюинговые компании</title>
78
79    <!-- Import Google Font -->
80    <link rel="preconnect" href="https://fonts.googleapis.com">
81    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
82    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
83    <style>
84        body {
85            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
86        }
87    </style>
88    <!-- Styles / Scripts -->
89            <link rel="preload" as="style" href="https://seajobs.ru/build/assets/app-CBGTodPA.css" /><link rel="preload" as="style" href="https://seajobs.ru/build/assets/app-jGRlyOVh.css" /><link rel="modulepreload" as="script" href="https://seajobs.ru/build/assets/app-BsCBoEBJ.js" /><link rel="stylesheet" href="https://seajobs.ru/build/assets/app-CBGTodPA.css" /><link rel="stylesheet" href="https://seajobs.ru/build/assets/app-jGRlyOVh.css" />
89<script type="module" src="https://seajobs.ru/build/assets/app-BsCBoEBJ.js"></script>
89        
90            <!-- Yandex.Metrika counter -->
91        
91<script type="text/javascript">
92            (function(m,e,t,r,i,k,a){
93                m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
94                m[i].l=1*new Date();
95                for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
96                k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a);
97            })(window, document,'script','https://mc.yandex.ru/metrika/tag.js?id=109082662', 'ym');
98
99            ym(109082662, 'init', {ssr:true, webvisor:true, clickmap:true, ecommerce:'dataLayer', referrer: document.referrer, url: location.href, accurateTrackBounce:true, trackLinks:true});
100        </script>
100
101        <!-- /Yandex.Metrika counter -->
vendor: 73 bytes, lines 101-103
101
102
103        <script async src="https://www.googletagmanager.com/gtag/js?id=
103G-W16ERJ78JN
vendor: 20 bytes, lines 103-104
103"></script>
104        
104<script>
105            
vendor: 163 bytes, lines 105-108
105window.dataLayer = window.dataLayer || [];
106            function gtag(){dataLayer.push(arguments);}
107            gtag('js', new Date());
108            gtag('config', '
108G-W16ERJ78JN
vendor: 206 bytes, lines 108-114
108', {
109                client_storage: 'none',
110                anonymize_ip: true,
111                allow_google_signals: false,
112                allow_ad_personalization_signals: false
113            });
114        
114</script>
114
115    </head>
116<body class="bg-gray-50 font-sans home-page">
117    <noscript><div><img src="https://mc.yandex.ru/watch/109082662" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
118<div id="app" class="flex flex-col min-h-screen justify-between">
119
120<!-- Navigation -->
121<div class="text-black brand-header-shell">
122    <div class="brand-header-container container mx-auto px-4 py-4">
123        <div class="brand-header-main flex justify-between items-center">
124            <a href="https://seajobs.ru/ru" class="brand-header-logo inline-flex items-center shrink-0" aria-label="SeaJobs">
125                <img
126                    src="https://seajobs.ru/images/logo-text.svg?v=logo-text-1"
127                    alt="SeaJobs"
128                    class="h-14 sm:h-16 md:h-20 w-auto max-w-none"
129                >
130            </a>
131            <div class="brand-header-actions flex justify-between items-center space-x-4">
132                
133                                <div class="hidden md:flex items-center rounded-full p-1 gap-0.5 brand-lang-group">
134                                                                    <a
135                            rel="alternate"
136                            hreflang="en"
137                            href="https://seajobs.ru/en"
138                            class="lang-switch flex items-center gap-1.5 px-3 py-1.5 rounded-full text-sm font-semibold transition-all duration-200 no-underline brand-lang-switch-idle"
139                            title="English"
140                        >
141                            <img src="/images/flags/gb.svg" alt="en" class="rounded-sm" style="width:20px;height:15px;object-fit:cover;">
142                            <span class="tracking-wide">EN</span>
143                        </a>
144                                                                    <a
145                            rel="alternate"
146                            hreflang="ru"
147                            href="https://seajobs.ru/ru"
148                            class="lang-switch flex items-center gap-1.5 px-3 py-1.5 rounded-full text-sm font-semibold transition-all duration-200 no-underline brand-lang-switch-active"
149                            title="русский"
150                        >
151                            <img src="/images/flags/ru.svg" alt="ru" class="rounded-sm" style="width:20px;height:15px;object-fit:cover;">
152                            <span class="tracking-wide">RU</span>
153                        </a>
154                                    </div>
155                
156                                    <a href="https://seajobs.ru/ru/login" class="brand-signin-btn text-white font-medium text-base px-4 py-2 rounded-md transition hidden md:block">
157                        Войти
158                    </a>
159                
160                <div class="flex items-center space-x-4">
161                    <button
162                        id="mobile-menu-toggle"
163                        class="md:hidden inline-flex items-center justify-center w-11 h-11 rounded-xl border border-slate-200 bg-white/85 text-slate-700 shadow-sm transition-colors duration-200 hover:bg-slate-50 focus:outline-none focus:ring-2 focus:ring-sky-200"
164                        aria-expanded="false"
165                        aria-controls="mobile-menu"
166                    >
167                        <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
168                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
169                        </svg>
170                    </button>
171                </div>
172            </div>
173        </div>
174        <div class="brand-header-navigation flex justify-between items-center md:mt-4">
175            <div class="brand-header-nav-inner flex items-center space-x-4 -ml-4">
176                <div id="desktop-menu" class="hidden md:flex space-x-2 lg:text-lg sm:text-base font-semibold">
177                    <a href="https://seajobs.ru/ru/applications" class="transition-all duration-300 ease-in-out px-4 py-2 rounded-full brand-nav-link">Моряки</a>
178                    <a href="https://seajobs.ru/ru/vacancies" class="transition-all duration-300 ease-in-out px-4 py-2 rounded-full brand-nav-link">
178Вакансии</a>
179                    <a href="https://seajobs.ru/ru/companies" class="transition-all duration-300 ease-in-out px-4 py-2 rounded-full brand-nav-link">Компании</a>
180                    <a href="https://seajobs.ru/ru/desk" class="transition-all duration-300 ease-in-out px-4 py-2 rounded-full brand-nav-link">Объявления</a>
181                </div>
182            </div>
183        </div>
184    </div>
185    <!-- Mobile Menu Dropdown -->
186    <div id="mobile-menu" class="container mx-auto px-2.5 sm:px-4 pb-4 hidden md:hidden" aria-hidden="true">
187        <div class="brand-mobile-menu-panel">
188            <div class="space-y-1.5">
189                <a href="https://seajobs.ru/ru/applications" class="brand-mobile-menu-link ">Моряки</a>
190                <a href="https://seajobs.ru/ru/vacancies" class="brand-mobile-menu-link ">Вакансии</a>
191                <a href="https://seajobs.ru/ru/companies" class="brand-mobile-menu-link ">Компании</a>
192                <a href="https://seajobs.ru/ru/desk" class="brand-mobile-menu-link ">Объявления</a>
193            </div>
194            
195                        <div class="mt-3 pt-3 border-t border-slate-100">
196                <div class="flex items-center gap-2 px-1">
197                    <span class="text-xs text-gray-400 font-medium uppercase tracking-wider">Язык:</span>
198                </div>
199                <div class="flex items-center rounded-full p-1 gap-0.5 brand-lang-group">
200                                                                    <a
201                            rel="alternate"
202                            hreflang="en"
203                            href="https://seajobs.ru/en"
204                            class="lang-switch flex items-center gap-1.5 px-3 py-1.5 rounded-full text-sm font-semibold transition-all duration-200 no-underline brand-lang-switch-idle"
205                        >
206                            <img src="/images/flags/gb.svg" alt="en" class="rounded-sm" style="width:20px;height:15px;object-fit:cover;">
207                            <span>EN</span>
208                        </a>
209                                                                    <a
210                            rel="alternate"
211                            hreflang="ru"
212                            href="https://seajobs.ru/ru"
213                            class="lang-switch flex items-center gap-1.5 px-3 py-1.5 rounded-full text-sm font-semibold transition-all duration-200 no-underline brand-lang-switch-active"
214                        >
215                            <img src="/images/flags/ru.svg" alt="ru" class="rounded-sm" style="width:20px;height:15px;object-fit:cover;">
216                            <span>RU</span>
217                        </a>
218                                    </div>
219            </div>
220            
221                            <a href="https://seajobs.ru/ru/login" class="w-full brand-signin-btn text-white font-semibold px-4 py-3 rounded-xl transition text-center block mt-4">
222                    Войти
223                </a>
224                    </div>
225    </div>
226</div>
227    <main class="mb-auto">
228            
229    <!-- Hero Section with Statistics -->
230    <section
231        class="home-hero-carousel relative brand-hero flex items-center overflow-hidden text-white lg:min-h-[460px]"
232        data-home-hero-carousel
233        data-autoplay-interval="4500"
234        role="region"
235        aria-roledescription="карусель"
236        aria-label="Галерея морских изображений"
237    >
238        <!-- Background image carousel -->
239        <div class="home-hero-viewport absolute inset-0 z-0 overflow-hidden" data-home-hero-viewport aria-hidden="true">
240            <div
241                class="home-hero-track"
242                data-home-hero-track
243                style="transform: translate3d(-100%, 0, 0);"
244            >
245                                                        <div class="home-hero-slide">
246                        <img
247                            src="https://seajobs.ru/images/hero-3.webp"
248                            alt=""
249                            width="2172"
250                            height="724"
251                            decoding="async"
252                            draggable="false"
253                                                            loading="lazy"
254                                                        class="home-hero-image h-full w-full object-cover opacity-70"
255                        >
256                    </div>
257                                                        <div class="home-hero-slide">
258                        <img
259                            src="https://seajobs.ru/images/hero.webp?1"
260                            alt=""
261                            width="2172"
262                            height="724"
263                            decoding="sync"
264                            draggable="false"
265                                                            loading="eager"
266                                fetchpriority="high"
267                                                        class="home-hero-image h-full w-full object-cover opacity-70"
268                        >
269                    </div>
270                                                        <div class="home-hero-slide">
271                        <img
272                            src="https://seajobs.ru/images/hero-2.webp"
273                            alt=""
274                            width="2171"
275                            height="724"
276                            decoding="async"
277                            draggable="false"
278                                                            loading="lazy"
279                                                        class="home-hero-image h-full w-full object-cover opacity-70"
280                        >
281                    </div>
282                                                        <div class="home-hero-slide">
283                        <img
284                            src="https://seajobs.ru/images/hero-3.webp"
285                            alt=""
286                            width="2172"
287                            height="724"
288                            decoding="async"
289                            draggable="false"
290                                                            loading="lazy"
291                                                        class="home-hero-image h-full w-full object-cover opacity-70"
292                        >
293                    </div>
294                                                        <div class="home-hero-slide">
295                        <img
296                            src="https://seajobs.ru/images/hero.webp?1"
297                            alt=""
298                            width="2172"
299                            height="724"
300                            decoding="async"
301                            draggable="false"
302                                                            loading="lazy"
303                                                        class="home-hero-image h-full w-full object-cover opacity-70"
304                        >
305                    </div>
306                            </div>
307        </div>
308
309        <div class="relative z-10 container mx-auto px-4 pt-8 pb-20 sm:pt-12 sm:pb-24 lg:pt-14 lg:pb-24">
310            <div class="grid grid-cols-1 items-center gap-6 sm:gap-8 lg:grid-cols-2 lg:gap-12">
311                <div class="space-y-4 sm:space-y-6">
312                    <h1 class="text-3xl font-bold leading-tight sm:text-4xl md:text-5xl">
313                        Вакансии для моряков <span class="brand-hero-accent"></span>
314                    </h1>
315                    <p class="max-w-lg text-base leading-relaxed sm:text-lg md:text-xl">
316                        Выбирайте вакансии в море и работайте с надёжным работодателем.
317                    </p>
318                    <div class="home-hero-actions grid grid-cols-2 gap-3 pt-2 sm:flex sm:flex-wrap sm:gap-4">
319                        <a href="https://seajobs.ru/ru/register" class="brand-btn-primary inline-flex items-center justify-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-sky-200 transition-colors duration-300">
320                            Создать аккаунт
321                        </a>
322                        <a href="https://seajobs.ru/ru/vacancies" class="brand-btn-secondary inline-flex items-center justify-center px-6 py-3 text-base font-medium rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-white transition-colors duration-300">
323                            Смотреть вакансии
324                            <svg class="ml-2 -mr-1 w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
325                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3" />
326                            </svg>
327                        </a>
328                    </div>
329                </div>
330
331                <!-- Statistics Cards -->
332                <div class="home-hero-stats grid grid-cols-1 gap-2 sm:grid-cols-3 sm:gap-3">
333                    <div class="brand-hero-stat home-hero-stat rounded-xl backdrop-blur-sm">
334                        <div class="brand-hero-stat-value text-2xl font-bold sm:text-3xl">32 169+</div>
335                        <div class="home-hero-stat-label text-sm">Зарегистрированных моряков</div>
336                    </div>
337                    <div class="brand-hero-stat home-hero-stat rounded-xl backdrop-blur-sm">
338                        <div class="brand-hero-stat-value text-2xl font-bold sm:text-3xl">678+</div>
339                        <div class="home-hero-stat-label text-sm">Судоходных компаний</div>
340                    </div>
341                    <div class="brand-hero-stat home-hero-stat rounded-xl backdrop-blur-sm">
342                        <div class="brand-hero-stat-value text-2xl font-bold sm:text-3xl">340+</div>
343                        <div class="home-hero-stat-label text-sm">Активных вакансий</div>
344                    </div>
345                </div>
346            </div>
347        </div>
348
349                    <div
350                class="absolute bottom-10 right-4 z-20 flex items-center sm:bottom-14"
351                role="group"
352                aria-label="Выбор изображения в Hero-блоке"
353            >
354                                    <button
355                        type="button"
356                        class="home-hero-dot is-active"
357                        data-home-hero-dot="0"
358                        aria-label="Показать изображение 1"
359                        aria-current="true"
360                    ></button>
361                                    <button
362                        type="button"
363                        class="home-hero-dot"
364                        data-home-hero-dot="1"
365                        aria-label="Показать изображение 2"
366                        aria-current="false"
367                    ></button>
368                                    <button
369                        type="button"
370                        class="home-hero-dot"
371                        data-home-hero-dot="2"
372                        aria-label="Показать изображение 3"
373                        aria-current="false"
374                    ></button>
375                            </div>
376        
377
378
379
380
381
382
383    </section>
384
385    <!-- Job Search Section -->
386    <section class="relative z-30 pb-8 sm:pb-12">
387        <div class="container relative mx-auto -mt-8 px-4 sm:-mt-12">
388            <div class="rounded-2xl bg-white p-5 shadow-md sm:p-6">
389                <h2 class="mb-4 text-lg font-semibold text-gray-800 sm:text-xl">Поиск вакансий</h2>
390
391                <form action="https://seajobs.ru/ru/vacancies" method="GET" class="space-y-4 sm:sp
391ace-y-6">
392                    <div class="grid grid-cols-1 gap-4 sm:grid-cols-2 sm:gap-6 lg:grid-cols-[minmax(0,1fr)_minmax(0,1fr)_minmax(260px,0.85fr)]">
393                        
394                        <div>
395                            <label for="hs-ranks-text" class="block text-sm font-medium text-gray-700 mb-2">Должность</label>
396                            <div class="relative">
397                                <div id="hs-ranks-container"
398                                    class="flex flex-wrap gap-1 items-center min-h-[50px] pl-3 pr-9 py-2 border border-gray-300 rounded-md bg-white cursor-text focus-within:ring-2 focus-within:ring-sky-500 focus-within:border-sky-500 transition-shadow">
399                                    <input type="text" id="hs-ranks-text" autocomplete="off"
400                                        placeholder="Все должности..."
401                                        class="flex-1 min-w-[80px] outline-none bg-transparent text-base py-0.5">
402                                </div>
403                                <button type="button" id="hs-ranks-clear" class="hidden absolute right-2.5 top-3 text-gray-400 hover:text-gray-600 p-0.5" tabindex="-1">
404                                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/></svg>
405                                </button>
406                                <input type="hidden" name="ranks" id="hs-ranks-hidden">
407                                <div id="hs-ranks-dropdown" class="hidden absolute z-30 w-full mt-1 bg-white border border-gray-200 rounded-lg shadow-lg max-h-64 overflow-y-auto"></div>
408                            </div>
409                        </div>
410
411                        
412                        <div>
413                            <label for="hs-vessel-text" class="block text-sm font-medium text-gray-700 mb-2">Тип судна</label>
414                            <div class="relative">
415                                <div id="hs-vessel-container"
416                                    class="flex flex-wrap gap-1 items-center min-h-[50px] pl-3 pr-9 py-2 border border-gray-300 rounded-md bg-white cursor-text focus-within:ring-2 focus-within:ring-sky-500 focus-within:border-sky-500 transition-shadow">
417                                    <input type="text" id="hs-vessel-text" autocomplete="off"
418                                        placeholder="Все типы судов..."
419                                        class="flex-1 min-w-[80px] outline-none bg-transparent text-base py-0.5">
420                                </div>
421                                <button type="button" id="hs-vessel-clear" class="hidden absolute right-2.5 top-3 text-gray-400 hover:text-gray-600 p-0.5" tabindex="-1">
422                                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/></svg>
423                                </button>
424                                <input type="hidden" name="vesselTypes" id="hs-vessel-hidden">
425                                <div id="hs-vessel-dropdown" class="hidden absolute z-30 w-full mt-1 bg-white border border-gray-200 rounded-lg shadow-lg max-h-64 overflow-y-auto"></div>
426                            </div>
427                        </div>
428
429                        <div class="flex items-end sm:col-span-2 lg:col-span-1">
430                            <div class="flex w-full items-center gap-2 sm:ml-auto sm:max-w-sm sm:gap-3 lg:max-w-none">
431                                <div class="relative group shrink-0">
432                                    <a href="https://seajobs.ru/vacancies"
433                                       aria-label="Расширенный поиск"
434                                       class="inline-flex h-11 w-11 items-center justify-center rounded-xl bg-gray-100 text-gray-800 transition-colors duration-200 hover:bg-gray-200 focus:outline-none focus:ring-2 focus:ring-sky-200 sm:h-12 sm:w-12 sm:rounded-2xl">
435                                        <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" data-v-4cbee66c=""><path d="M16.2499 2.5C15.0162 2.5 13.9999 3.51625 13.9999 4.75V5H2.74994C2.65056 4.99859 2.55188 5.01696 2.45966 5.05402C2.36743 5.09108 2.28349 5.1461 2.21271 5.21588C2.14194 5.28566 2.08573 5.36882 2.04737 5.46051C2.00901 5.5522 1.98926 5.65061 1.98926 5.75C1.98926 5.84939 2.00901 5.9478 2.04737 6.03949C2.08573 6.13118 2.14194 6.21434 2.21271 6.28412C2.28349 6.3539 2.36743 6.40892 2.45966 6.44598C2.55188 6.48304 2.65056 6.50141 2.74994 6.5H13.9999V6.75C13.9999 7.98375 15.0162 9 16.2499 9C17.4837 9 18.4999 7.98375 18.4999 6.75V6.5H21.2499C21.3493 6.50141 21.448 6.48304 21.5402 6.44598C21.6324 6.40892 21.7164 6.3539 21.7872 6.28412C21.8579 6.21434 21.9141 6.13118 21.9525 6.03949C21.9909 5.9478 22.0106 5.84939 22.0106 5.75C22.0106 5.65061 21.9909 5.5522 21.9525 5.46051C21.9141 5.36882 21.8579 5.28566 21.7872 5.21588C2
4351.7164 5.1461 21.6324 5.09108 21.5402 5.05402C21.448 5.01696 21.3493 4.99859 21.2499 5H18.4999V4.75C18.4999 3.51625 17.4837 2.5 16.2499 2.5ZM16.2499 4C16.6732 4 16.9999 4.32675 16.9999 4.75V5.62695C16.9867 5.70747 16.9867 5.7896 16.9999 5.87012V6.75C16.9999 7.17325 16.6732 7.5 16.2499 7.5C15.8267 7.5 15.4999 7.17325 15.4999 6.75V5.87305C15.5132 5.79253 15.5132 5.7104 15.4999 5.62988V4.75C15.4999 4.32675 15.8267 4 16.2499 4ZM7.74994 8.75C6.51619 8.75 5.49994 9.76625 5.49994 11V11.25H2.74994C2.65056 11.2486 2.55188 11.267 2.45966 11.304C2.36743 11.3411 2.28349 11.3961 2.21271 11.4659C2.14194 11.5357 2.08573 11.6188 2.04737 11.7105C2.00901 11.8022 1.98926 11.9006 1.98926 12C1.98926 12.0994 2.00901 12.1978 2.04737 12.2895C2.08573 12.3812 2.14194 12.4643 2.21271 12.5341C2.28349 12.6039 2.36743 12.6589 2.45966 12.696C2.55188 12.733 2.65056 12.7514 2.74994 12.75H5.49994V13C5.49994 14.2338 6.51619 15.25 7.74994 15.25C8.98369 15.25 9.99994 14.2338 9.99994 13V12.75H21.2499C21.3493 12.7514 21.448 12.733 21.5402 12.696C21.6324 12.6589 21.7164 12.6039 21.7872 12.5341C21.8579 12.4643 21.9141 12.3812 21.9525 12.2895C21.9909 12.1978 22.0106 12.0994 22.0106 12C22.0106 11.9006 21.9909 11.8022 21.9525 11.7105C21.9141 11.6188 21.8579 11.5357 21.7872 11.4659C21.7164 11.3961 21.6324 11.3411 21.5402 11.304C21.448 11.267 21.3493 11.2486 21.2499 11.25H9.99994V11C9.99994 9.76625 8.98369 8.75 7.74994 8.75ZM7.74994 10.25C8.17319 10.25 8.49994 10.5768 8.49994 11V11.877C8.48671 11.9575 8.48671 12.0396 8.49994 12.1201V13C8.49994 13.4232 8.17319 13.75 7.74994 13.75C7.32669 13.75 6.99994 13.4232 6.99994 13V12.123C7.01317 12.0425 7.01317 11.9604 6.99994 11.8799V11C6.99994 10.5768 7.32669 10.25 7.74994 10.25ZM15.2499 15C14.0162 15 12.9999 16.0162 12.9999 17.25V17.5H2.74994C2.65056 17.4986 2.55188 17.517 2.45966 17.554C2.36743 17.5911 2.28349 17.6461 2.21271 17.7159C2.14194 17.7857 2.08573 17.8688 2.04737 17.9605C2.00901 18.0522 1.98926 18.1506 1.98926 18.25C1.98926 18.3494 2.00901 18.4478 2.04737 18.5395C2.08573 18.6312 2.14194 18.7143 2.21271 18.7841C2.28349 18.8539 2.36743 18.9089 2.45966 18.946C2.55188 18.983 2.65056 19.0014 2.74994 19H12.9999V19.25C12.9999 20.4838 14.0162 21.5 15.2499 21.5C16.4837 21.5 17.4999 20.4838 17.4999 19.25V19H21.2499C21.3493 19.0014 21.448 18.983 21.5402 18.946C21.6324 18.9089 21.7164 18.8539 21.7872 18.7841C21.8579 18.7143 21.9141 18.6312 21.9525 18.5395C21.9909 18.4478 22.0106 18.3494 22.0106 18.25C22.0106 18.1506 21.9909 18.0522 21.9525 17.9605C21.9141 17.8688 21.8579 17.7857 21.7872 17.7159C21.7164 17.6461 21.6324 17.5911 21.5402 17.554C21.448 17.517 21.3493 17.4986 21.2499 17.5H17.4999V17.25C17.4999 16.0162 16.4837 15 15.2499 15ZM15.2499 16.5C15.6732 16.5 15.9999 16.8268 15.9999 17.25V18.127C15.9867 18.2075 15.9867 18.2896 15.9999 18.3701V19.25C15.9999 19.6733 15.6732 20 15.2499 20C14.8267 20 14.4999 19.6733 14.4999 19.25V18.373C14.5132 18.2925 14.5132 18.2104 14.4999 18.1299V17.25C14.4999 16.8268 14.8267 16.5 15.2499 16.5Z"></path></svg>
436                                    </a>
437                                    <span class="pointer-events-none absolute left-1/2 top-full z-20 mt-3 -translate-x-1/2 whitespace-nowrap rounded-2xl bg-black px-5 py-3 text-base font-medium text-white opacity-0 transition-opacity duration-200 group-hover:opacity-100 group-focus-within:opacity-100">
438                                        Расширенный поиск
439                                    </span>
440                                    <span class="pointer-events-none absolute left-1/2 top-full z-20 mt-1.5 h-3 w-3 -translate-x-1/2 rotate-45 bg-black opacity-0 transition-opacity duration-200 group-hover:opacity-100 group-focus-within:opacity-100"></span>
441                                </div>
442                                <button type="submit" class="brand-btn-primary inline-flex flex-1 items-center justify-center rounded-md border border-transparent px-4 py-3 text-base font-medium shadow-sm transition-colors duration-300 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-sky-200 sm:px-6">
443                                    <svg class="w-5 h-5 mr-2 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
444                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
445                                    </svg>
446                                    Найти вакансии
447                                </button>
448                            </div>
449                        </div>
450                    </div>
451                </form>
452            </div>
453        </div>
454    </section>
455
456    <!-- Popular Vacancies Section -->
457    <section class="py-10 sm:py-14 bg-white">
458    <div class="container mx-auto px-4">
459        <div class="mb-6 flex flex-col items-start gap-3 sm:mb-8 sm:flex-row sm:items-center sm:justify-between">
460            <h2 class="text-2xl font-bold text-gray-900 sm:text-3xl">
460Популярные вакансии</h2>
461            <a href="https://seajobs.ru/ru/vacancies" class="brand-link inline-flex items-center font-medium">
462                Все вакансии
463                <svg class="ml-2 w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
464                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3" />
465                </svg>
466            </a>
467        </div>
468
469                <div class="grid grid-cols-1 gap-4 sm:gap-6 md:grid-cols-2 lg:grid-cols-3">
470                                    <div class="home-vacancy-card border border-gray-200 flex h-full min-w-0 flex-col bg-white rounded-xl shadow-sm overflow-hidden hover:shadow-md transition-shadow duration-300">
471                <div class="flex flex-1 flex-col p-5 sm:p-6">
472                    <div class="mb-3 flex items-start justify-between">
473                        <h3 class="text-xl font-bold leading-snug text-gray-900 break-words">
474                            <a href="https://seajobs.ru/ru/vacancy/16310/master-multi-purpose-vessel" class="hover:text-sky-600 transition-colors duration-300">
475                                Master
476                            </a>
477                        </h3>
478               
479                    </div>
480
481                    <div class="mb-5 flex flex-col gap-2 text-sm text-gray-600">
482                        <div class="flex items-start gap-2 text-lg font-semibold leading-6 text-gray-700">
483                            <svg class="mt-1 h-4 w-4 shrink-0 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
484                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 9V7a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2m2 4h10a2 2 0 002-2v-6a2 2 0 00-2-2H9a2 2 0 00-2 2v6a2 2 0 002 2zm7-5a2 2 0 11-4 0 2 2 0 014 0z" />
485                            </svg>
486                                                            11400 – 11500 USD
487                                                    </div>
488                                                <div class="flex items-start gap-2">
489                            <i class="fas fa-ship mt-0.5 w-4 shrink-0 text-center text-gray-400" aria-hidden="true"></i>
490                            Multi-Purpose Vessel
491                        </div>
492                                            </div>
493
494                                        <div class="mt-auto flex items-center gap-3">
495                        <div class="h-12 w-20 rounded-lg border border-gray-200 bg-white p-2 shadow-sm flex items-center justify-center overflow-hidden shrink-0 ">
496                                                            <img
497                                    src="https://seajobs.ru/storage/company/logo/Sq5J7mZAJTYJIHrUiQyc2WL09irR3dXM5LNk.jpg"
498                                    alt="VOSTOK-SERVICE"
499                                    class="max-w-full max-h-full object-contain"
500                                    onerror="this.classList.add('hidden'); this.nextElementSibling?.classList.remove('hidden');"
501                                >
502                                <div class="hidden">
503                                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
504                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-2 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/>
505                                    </svg>
506                                </div>
507                                                    </div>
508                        <a href="https://seajobs.ru/ru/company/238/vostok-service" class="min-w-0 break-words text-sm text-gray-700 transition-colors duration-200 hover:text-sky-600">
509                            VOSTOK-SERVICE
510                        </a>
511                    </div>
512                    
513            
514                </div>
515                <div class="flex flex-wrap items-center justify-between gap-x-3 gap-y-1 border-t border-gray-100 bg-gray-50 px-5 py-2 sm:px-6">
516                    <div class="flex flex-wrap items-center gap-3 text-sm text-gray-500">
517                        <span class="whitespace-nowrap">19-08-2026 09:23:13</span>
518                        <span class="inline-flex items-center gap-1.5 whitespace-nowrap" aria-label="254 просмотров">
519                            <svg class="h-4 w-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
520                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
521                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"></path>
522                            </svg>
523                            254
524                        </span>
525                    </div>
526                    <a href="https://seajobs.ru/ru/vacancy/16310/master-multi-purpose-vessel" class="brand-link inline-flex min-h-11 items-center text-sm font-medium">
527                        Подробнее
528                        <svg class="ml-1 w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
529                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
530                        </svg>
531                    </a>
532                </div>
533            </div>
534                                    <div class="home-vacancy-card border border-gray-200 flex h-full min-w-0 flex-col bg-white rounded-xl shadow-sm overflow-hidden hover:shadow-md transition-shadow duration-300">
535                <div class="flex flex-1 flex-col p-5 sm:p-6">
536                    <div class="mb-3 flex items-start justify-between">
537                        <h3 class="text-xl font-bold leading-snug text-gray-900 break-words">
538                            <a href="https://seajobs.ru/ru/vacancy/15638/chief-engineer-container-ship" class="hover:text-sky-600 transition-colors duration-300">
539                                Chief Engineer
540                            </a>
541                        </h3>
542               
543                    </div>
544
545                    <div class="mb-5 flex flex-col gap-2 text-sm text-gray-600">
546                        <div class="flex items-start gap-2 text-lg font-semibold leading-6 text-gray-700">
547                            <svg class="mt-1 h-4 w-4 shrink-0 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
548                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 9V7a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2m2 4h10a2 2 0 002-2v-6a2 2 0 00-2-2H9a2 2 0 00-2 2v6a2 2 0 002 2zm7-5a2 2 0 11-4 0 2 2 0 014 0z" />
549                            </svg>
550                                                            8288 USD
551                                                    </div>
552                                                <div class="flex items-start gap-2">
553                            <i class="fas fa-ship mt-0.5 w-4 shrink-0 text-center text-gray-400" aria-hidden="true"></i>
554                            Container Ship
555                        </div>
556                                            </div>
557
558                                        <div class="mt-auto flex items-center gap-3">
559                        <div class="h-12 w-20 rounded-lg border border-gray-200 bg-white p-2 shadow-sm flex items-center justify-center overflow-hidden shrink-0 ">
560                                                            <img
561                                    src="https://seajobs.ru/storage/company/logo/xSmNbBWfUejjJ5W87TzET9l9EmuqNOKkU3CR.jpg"
562                                    alt="Lucent Georgia"
563                                    class="max-w-full max-h-full object-contain"
564                                    onerror="this.classList.add('hidden'); this.nextElementSibling?.classList.remove('hidden');"
565                                >
566                                <div class="hidden">
567                                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
568                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-2 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/>
569                                    </svg>
570                                </div>
571                                                    </div>
572                        <a href="https://seajobs.ru/ru/company/1416/lucent-georgia" class="min-w-0 break-words text-sm text-gray-700 transition-colors duration-200 hover:text-sky-600">
573                            Lucent Georgia
574                        </a>
575                    </div>
576                    
577            
578                </div>
579                <div class="flex flex-wrap items-center justify-between gap-x-3 gap-y-1 border-t border-gray-100 bg-gray-50 px-5 py-2 sm:px-6">
580                    <div class="flex flex-wrap items-center gap-3 text-sm text-gray-500">
581                        <span class="whitespace-nowrap">13-07-2026 10:35:15</span>
582                        <span class="inline-flex items-center gap-1.5 whitespace-nowrap" aria-label="193 просмотров">
583                            <svg class="h-4 w-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
584                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
585                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"></path>
586                            </svg>
587                            193
588                        </span>
589                    </div>
590                    <a href="https://seajobs.ru/ru/vacancy/15638/chief-engineer-container-ship" class="brand-link inline-flex min-h-11 items-center text-sm font-medium">
591                        Подробнее
592                        <svg class="ml-1 w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
593                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
594                        </svg>
595                    </a>
596                </div>
597            </div>
598                                    <div class="home-vacancy-card border-2 border-amber-300 ring-1 ring-amber-100 flex h-full min-w-0 flex-col bg-white rounded-xl shadow-sm overflow-hidden hover:shadow-md transition-shadow duration-300">
599                <div class="flex flex-1 flex-col p-5 sm:p-6">
600                    <div class="mb-3 flex items-start justify-between">
601                        <h3 class="text-xl font-bold leading-snug text-gray-900 break-words">
602                            <a href="https://seajobs.ru/ru/vacancy/16362/3rd-officer-heavy-lift-vessel" class="hover:text-sky-600 transition-colors duration-300">
603                                3rd Officer
604                            </a>
605                        </h3>
606               
607                    </div>
608
609                    <div class="mb-5 flex flex-col gap-2 text-sm text-gray-600">
610                        <div class="flex items-start gap-2 text-lg font-semibold leading-6 text-gray-700">
611                            <svg class="mt-1 h-4 w-4 shrink-0 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
612                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 9V7a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2m2 4h10a2 2 0 002-2v-6a2 2 0 00-2-2H9a2 2 0 00-2 2v6a2 2 0 002 2zm7-5a2 2 0 11-4 0 2 2 0 014 0z" />
613                            </svg>
614                                                            3600 USD
615                                                    </div>
616                                                <div class="flex items-start gap-2">
617                            <i class="fas fa-ship mt-0.5 w-4 shrink-0 text-center text-gray-400" aria-hidden="true"></i>
618                            Heavy lift vessel
619                        </div>
620                                            </div>
621
622                                        <div class="mt-auto flex items-center gap-3">
623                        <div class="h-12 w-20 rounded-lg border border-gray-200 bg-white p-2 shadow-sm flex items-center justify-center overflow-hidden shrink-0 ">
624                                                            <img
625                                    src="https://seajobs.ru/storage/company/logo/uM3PBLNLMtqRIc9NseEPTlB54e8B1KxUbEq.jpg"
626                                    alt="IQrew Management LLC"
627                                    class="max-w-full max-h-full object-contain"
628                                    onerror="this.classList.add('hidden'); this.nextElementSibling?.classList.remove('hidden');"
629                                >
630                                <div class="hidden">
631                                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
632                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-2 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/>
633                                    </svg>
634                                </div>
635                                                    </div>
636                        <a href="https://seajobs.ru/ru/company/834/iqrew-management-llc" class="min-w-0 break-words text-sm text-gray-700 transition-colors duration-200 hover:text-sky-600">
637                            IQrew Management LLC
638                        </a>
639                    </div>
640                    
641            
642                </div>
643                <div class="flex flex-wrap items-center justify-between gap-x-3 gap-y-1 border-t border-gray-100 bg-gray-50 px-5 py-2 sm:px-6">
644                    <div class="flex flex-wrap items-center gap-3 text-sm text-gray-500">
645                        <span class="whitespace-nowrap">20-08-2026 11:56:18</span>
646                        <span class="inline-flex items-center gap-1.5 whitespace-nowrap" aria-label="175 просмотров">
647                            <svg class="h-4 w-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
648                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
649                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"></path>
650                            </svg>
651                            175
652                        </span>
653                    </div>
654                    <a href="https://seajobs.ru/ru/vacancy/16362/3rd-officer-heavy-lift-vessel" class="brand-link inline-flex min-h-11 items-center text-sm font-medium">
655                        Подробнее
656                        <svg class="ml-1 w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
657                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
658                        </svg>
659                    </a>
660                </div>
661            </div>
662                                    <div class="home-vacancy-card border-2 border-amber-300 ring-1 ring-amber-100 flex h-full min-w-0 flex-col bg-white rounded-xl shadow-sm overflow-hidden hover:shadow-md transition-shadow duration-300">
663                <div class="flex flex-1 flex-col p-5 sm:p-6">
664                    <div class="mb-3 flex items-start justify-between">
665                        <h3 class="text-xl font-bold leading-snug text-gray-900 break-words">
666                            <a href="https://seajobs.ru/ru/vacancy/15414/master-container-ship" class="hover:text-sky-600 transition-colors duration-300">
667                                Master
668                            </a>
669                        </h3>
670               
671                    </div>
672
673                    <div class="mb-5 flex flex-col gap-2 text-sm text-gray-600">
674                        <div class="flex items-start gap-2 text-lg font-semibold leading-6 text-gray-700">
675                            <svg class="mt-1 h-4 w-4 shrink-0 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
676                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 9V7a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2m2 4h10a2 2 0 002-2v-6a2 2 0 00-2-2H9a2 2 0 00-2 2v6a2 2 0 002 2zm7-5a2 2 0 11-4 0 2 2 0 014 0z" />
677                            </svg>
678                                                            10500 – 11100 USD
679                                                    </div>
680                                                <div class="flex items-start gap-2">
681                            <i class="fas fa-ship mt-0.5 w-4 shrink-0 text-center text-gray-400" aria-hidden="true"></i>
682                            Container Ship
683                        </div>
684                                            </div>
685
686                                        <div class="mt-auto flex items-center gap-3">
687                        <div class="h-12 w-20 rounded-lg border border-gray-200 bg-white p-2 shadow-sm flex items-center justify-center overflow-hidden shrink-0 ">
688                                                            <img
689                                    src="https://seajobs.ru/storage/company/logo/uM3PBLNLMtqRIc9NseEPTlB54e8B1KxUbEq.jpg"
690                                    alt="IQrew Management LLC"
691                                    class="max-w-full max-h-full object-contain"
692                                    onerror="this.classList.add('hidden'); this.nextElementSibling?.classList.remove('hidden');"
693                                >
694                                <div class="hidden">
695                                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
696                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-2 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/>
697                                    </svg>
698                                </div>
699                                                    </div>
700                        <a href="https://seajobs.ru/ru/company/834/iqrew-management-llc" class="min-w-0 break-words text-sm text-gray-700 transition-colors duration-200 hover:text-sky-600">
701                            IQrew Management LLC
702                        </a>
703                    </div>
704                    
705            
706                </div>
707                <div class="flex flex-wrap items-center justify-between gap-x-3 gap-y-1 border-t border-gray-100 bg-gray-50 px-5 py-2 sm:px-6">
708                    <div class="flex flex-wrap items-center gap-3 text-sm text-gray-500">
709                        <span class="whitespace-nowrap">01-07-2026 14:11:44</span>
710                        <span class="inline-flex items-center gap-1.5 whitespace-nowrap" aria-label="162 просмотров">
711                            <svg class="h-4 w-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
712                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
713                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"></path>
714                            </svg>
715                            162
716                        </span>
717                    </div>
718                    <a href="https://seajobs.ru/ru/vacancy/15414/master-container-ship" class="brand-link inline-flex min-h-11 items-center text-sm font-medium">
719                        Подробнее
720                        <svg class="ml-1 w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
721                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
722                        </svg>
723                    </a>
724                </div>
725            </div>
726                                    <div class="home-vacancy-card border-2 border-amber-300 ring-1 ring-amber-100 flex h-full min-w-0 flex-col bg-white rounded-xl shadow-sm overflow-hidden hover:shadow-md transition-shadow duration-300">
727                <div class="flex flex-1 flex-col p-5 sm:p-6">
728                    <div class="mb-3 flex items-start justify-between">
729                        <h3 class="text-xl font-bold leading-snug text-gray-900 break-words">
730                            <a href="https://seajobs.ru/ru/vacancy/16371/chief-engineer-container-ship" class="hover:text-sky-600 transition-colors duration-300">
731                                Chief Engineer
732                            </a>
733                        </h3>
734               
735                    </div>
736
737                    <div class="mb-5 flex flex-col gap-2 text-sm text-gray-600">
738                        <div class="flex items-start gap-2 text-lg font-semibold leading-6 text-gray-700">
739                            <svg class="mt-1 h-4 w-4 shrink-0 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
740                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 9V7a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2m2 4h10a2 2 0 002-2v-6a2 2 0 00-2-2H9a2 2 0 00-2 2v6a2 2 0 002 2zm7-5a2 2 0 11-4 0 2 2 0 014 0z" />
741                            </svg>
742                                                            9600 – 10348 USD
743                                                    </div>
744                                                <div class="flex items-start gap-2">
745                            <i class="fas fa-ship mt-0.5 w-4 shrink-0 text-center text-gray-400" aria-hidden="true"></i>
746                            Container Ship
747                        </div>
748                                            </div>
749
750                                        <div class="mt-auto flex items-center gap-3">
751                        <div class="h-12 w-20 rounded-lg border border-gray-200 bg-white p-2 shadow-sm flex items-center justify-center overflow-hidden shrink-0 ">
752                                                            <img
753                                    src="https://seajobs.ru/storage/company/logo/uM3PBLNLMtqRIc9NseEPTlB54e8B1KxUbEq.jpg"
754                                    alt="IQrew Management LLC"
755                                    class="max-w-full max-h-full object-contain"
756                                    onerror="this.classList.add('hidden'); this.nextElementSibling?.classList.remove('hidden');"
757                                >
758                                <div class="hidden">
759                                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
760                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-2 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/>
761                                    </svg>
762                                </div>
763                                                    </div>
764                        <a href="https://seajobs.ru/ru/company/834/iqrew-management-llc" class="min-w-0 break-words text-sm text-gray-700 transition-colors duration-200 hover:text-sky-600">
765                            IQrew Management LLC
766                        </a>
767                    </div>
768                    
769            
770                </div>
771                <div class="flex flex-wrap items-center justify-between gap-x-3 gap-y-1 border-t border-gray-100 bg-gray-50 px-5 py-2 sm:px-6">
772                    <div class="flex flex-wrap items-center gap-3 text-sm text-gray-500">
773                        <span class="whitespace-nowrap">20-08-2026 17:48:44</span>
774                        <span class="inline-flex items-center gap-1.5 whitespace-nowrap" aria-label="127 просмотров">
775                            <svg class="h-4 w-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
776                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
777                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"></path>
778                            </svg>
779                            127
780                        </span>
781                    </div>
782                    <a href="https://seajobs.ru/ru/vacancy/16371/chief-engineer-container-ship" class="brand-link inline-flex min-h-11 items-center text-sm font-medium">
783                        Подробнее
784                        <svg class="ml-1 w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
785                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
786                        </svg>
787                    </a>
788                </div>
789            </div>
790                                    <div class="home-vacancy-card border border-gray-200 flex h-full min-w-0 flex-col bg-white rounded-xl shadow-sm overflow-hidden hover:shadow-md transition-shadow duration-300">
791                <div class="flex flex-1 flex-col p-5 sm:p-6">
792                    <div class="mb-3 flex items-start justify-between">
793                        <h3 class="text-xl font-bold leading-snug text-gray-900 break-words">
794                            <a href="https://seajobs.ru/ru/vacancy/16311/chief-engineer-multi-purpose-vessel" class="hover:text-sky-600 transition-colors duration-300">
795                                Chief Engineer
796                            </a>
797                        </h3>
798               
799                    </div>
800
801                    <div class="mb-5 flex flex-col gap-2 text-sm text-gray-600">
802                        <div class="flex items-start gap-2 text-lg font-semibold leading-6 text-gray-700">
803                            <svg class="mt-1 h-4 w-4 shrink-0 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
804                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 9V7a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2m2 4h10a2 2 0 002-2v-6a2 2 0 00-2-2H9a2 2 0 00-2 2v6a2 2 0 002 2zm7-5a2 2 0 11-4 0 2 2 0 014 0z" />
805                            </svg>
806                                                            11400 – 11500 USD
807                                                    </div>
808                                                <div class="flex items-start gap-2">
809                            <i class="fas fa-ship mt-0.5 w-4 shrink-0 text-center text-gray-400" aria-hidden="true"></i>
810                            Multi-Purpose Vessel
811                        </div>
812                                            </div>
813
814                                        <div class="mt-auto flex items-center gap-3">
815                        <div class="h-12 w-20 rounded-lg border border-gray-200 bg-white p-2 shadow-sm flex items-center justify-center overflow-hidden shrink-0 ">
816                                                            <img
817                                    src="https://seajobs.ru/storage/company/logo/Sq5J7mZAJTYJIHrUiQyc2WL09irR3dXM5LNk.jpg"
818                                    alt="VOSTOK-SERVICE"
819                                    class="max-w-full max-h-full object-contain"
820                                    onerror="this.classList.add('hidden'); this.nextElementSibling?.classList.remove('hidden');"
821                                >
822                                <div class="hidden">
823                                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
824                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-2 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/>
825                                    </svg>
826                                </div>
827                                                    </div>
828                        <a href="https://seajobs.ru/ru/company/238/vostok-service" class="min-w-0 break-words text-sm text-gray-700 transition-colors duration-200 hover:text-sky-600">
829                            VOSTOK-SERVICE
830                        </a>
831                    </div>
832                    
833            
834                </div>
835                <div class="flex flex-wrap items-center justify-between gap-x-3 gap-y-1 border-t border-gray-100 bg-gray-50 px-5 py-2 sm:px-6">
836                    <div class="flex flex-wrap items-center gap-3 text-sm text-gray-500">
837                        <span class="whitespace-nowrap">19-08-2026 09:24:03</span>
838                        <span class="inline-flex items-center gap-1.5 whitespace-nowrap" aria-label="124 просмотров">
839                            <svg class="h-4 w-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
840                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
841                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"></path>
842                            </svg>
843                            124
844                        </span>
845                    </div>
846                    <a href="https://seajobs.ru/ru/vacancy/16311/chief-engineer-multi-purpose-vessel" class="brand-link inline-flex min-h-11 items-center text-sm font-medium">
847                        Подробнее
848                        <svg class="ml-1 w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
849                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
850                        </svg>
851                    </a>
852                </div>
853            </div>
854                    </div>
855            </div>
856</section>
857
858    <!-- Latest Vacancies Section -->
859    <section class="py-10 sm:py-14 bg-gray-50">
860    <div class="container mx-auto px-4">
861        <div class="mb-6 flex flex-col items-start gap-3 sm:mb-8 sm:flex-row sm:items-center sm:justify-between">
862            <h2 class="text-2xl font-bold text-gray-900 sm:text-3xl">Последние вакансии</h2>
863            <a href="https://seajobs.ru/ru/vacancies" class="brand-link inline-flex items-center font-medium">
864                Все вакансии
865                <svg class="ml-2 w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
866                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3" />
867                </svg>
868            </a>
869        </div>
870
871                <div class="grid grid-cols-1 gap-4 sm:gap-6 md:grid-cols-2 lg:grid-cols-3">
872                                    <div class="home-vacancy-card border-2 border-amber-300 ring-1 ring-amber-100 flex h-full min-w-0 flex-col bg-white rounded-xl shadow-sm overflow-hidden hover:shadow-md transition-shadow duration-300">
873                <div class="flex flex-1 flex-col p-5 sm:p-6">
874                    <div class="mb-3 flex items-start justify-between">
875                        <h3 class="text-xl font-bold leading-snug text-gray-900 break-words">
876                            <a href="https://seajobs.ru/ru/vacancy/17240/2nd-officer-general-cargo" class="hover:text-sky-600 transition-colors duration-300">
877                                2nd Officer
878                            </a>
879                        </h3>
880               
881                    </div>
882
883                    <div class="mb-5 flex flex-col gap-2 text-sm text-gray-600">
884                        <div class="flex items-start gap-2 text-lg font-semibold leading-6 text-gray-700">
885                            <svg class="mt-1 h-4 w-4 shrink-0 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
886                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 9V7a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2m2 4h10a2 2 0 002-2v-6a2 2 0 00-2-2H9a2 2 0 00-2 2v6a2 2 0 002 2zm7-5a2 2 0 11-4 0 2 2 0 014 0z" />
887                            </svg>
888                                                            Negotiable
889                                                    </div>
890                                                <div class="flex items-start gap-2">
891                            <i class="fas fa-ship mt-0.5 w-4 shrink-0 text-center text-gray-400" aria-hidden="true"></i>
892                            General cargo
893                        </div>
894                                            </div>
895
896                                        <div class="mt-auto flex items-center gap-3">
897                        <div class="h-12 w-20 rounded-lg border border-gray-200 bg-white p-2 shadow-sm flex items-center justify-center overflow-hidden shrink-0 brand-company-fallback">
898                                                            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
899                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-2 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/>
900                                </svg>
901                                                    </div>
902                        <a href="https://seajobs.ru/ru/company/1436/nordvegr-lowland-sp" class="min-w-0 break-words text-sm text-gray-700 transition-colors duration-200 hover:text-sky-600">
903                            Nordvegr (Lowland-SP)
904                        </a>
905                    </div>
906                    
907            
908                </div>
909                <div class="flex flex-wrap items-center justify-between gap-x-3 gap-y-1 border-t border-gray-100 bg-gray-50 px-5 py-2 sm:px-6">
910                    <div class="flex flex-wrap items-center gap-3 text-sm text-gray-500">
911                        <span class="whitespace-nowrap">02-10-2026 10:05:49</span>
912                        <span class="inline-flex items-center gap-1.5 whitespace-nowrap" aria-label="17 просмотров">
913                            <svg class="h-4 w-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
914                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
915                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"></path>
916                            </svg>
917                            17
918                        </span>
919                    </div>
920                    <a href="https://seajobs.ru/ru/vacancy/17240/2nd-officer-general-cargo" class="brand-link inline-flex min-h-11 items-center text-sm font-medium">
921                        Подробнее
922                        <svg class="ml-1 w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
923                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
924                        </svg>
925                    </a>
926                </div>
927            </div>
928                                    <div class="home-vacancy-card border-2 border-amber-300 ring-1 ring-amber-100 flex h-full min-w-0 flex-col bg-white rounded-xl shadow-sm overflow-hidden hover:shadow-md transition-shadow duration-300">
929                <div class="flex flex-1 flex-col p-5 sm:p-6">
930                    <div class="mb-3 flex items-start justify-between">
931                        <h3 class="text-xl font-bold leading-snug text-gray-900 break-words">
932                            <a href="https://seajobs.ru/ru/vacancy/17239/master-lpg" class="hover:text-sky-600 transition-colors duration-300">
933                                Master
934                            </a>
935                        </h3>
936               
937                    </div>
938
939                    <div class="mb-5 flex flex-col gap-2 text-sm text-gray-600">
940                        <div class="flex items-start gap-2 text-lg font-semibold leading-6 text-gray-700">
941                            <svg class="mt-1 h-4 w-4 shrink-0 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
942                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 9V7a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2m2 4h10a2 2 0 002-2v-6a2 2 0 00-2-2H9a2 2 0 00-2 2v6a2 2 0 002 2zm7-5a2 2 0 11-4 0 2 2 0 014 0z" />
943                            </svg>
944                                                            16000 – 16000 USD
945                                                    </div>
946                                                <div class="flex items-start gap-2">
947                            <i class="fas fa-ship mt-0.5 w-4 shrink-0 text-center text-gray-400" aria-hidden="true"></i>
948                            LPG
949                        </div>
950                                            </div>
951
952                                        <div class="mt-auto flex items-center gap-3">
953                        <div class="h-12 w-20 rounded-lg border border-gray-200 bg-white p-2 shadow-sm flex items-center justify-center overflow-hidden shrink-0 ">
954                                                            <img
955                                    src="https://seajobs.ru/storage/company/logo/xQlWxUIs4RH3qbdcLvzdu4IPOEtdUvpke4G.jpg"
956                                    alt="ARMATOR"
957                                    class="max-w-full max-h-full object-contain"
958                                    onerror="this.classList.add('hidden'); this.nextElementSibling?.classList.remove('hidden');"
959                                >
960                                <div class="hidden">
961                                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
962                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-2 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/>
963                                    </svg>
964                                </div>
965                                                    </div>
966                        <a href="https://seajobs.ru/ru/company/1085/armator" class="min-w-0 break-words text-sm text-gray-700 transition-colors duration-200 hover:text-sky-600">
967                            ARMATOR
968                        </a>
969                    </div>
970                    
971            
972                </div>
973                <div class="flex flex-wrap items-center justify-between gap-x-3 gap-y-1 border-t border-gray-100 bg-gray-50 px-5 py-2 sm:px-6">
974                    <div class="flex flex-wrap items-center gap-3 text-sm text-gray-500">
975                        <span class="whitespace-nowrap">01-10-2026 18:56:45</span>
976                        <span class="inline-flex items-center gap-1.5 whitespace-nowrap" aria-label="14 просмотров">
977                            <svg class="h-4 w-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
978                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
979                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"></path>
980                            </svg>
981                            14
982                        </span>
983                    </div>
984                    <a href="https://seajobs.ru/ru/vacancy/17239/master-lpg" class="brand-link inline-flex min-h-11 items-center text-sm font-medium">
985                        Подробнее
986                        <svg class="ml-1 w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
987                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
988                        </svg>
989                    </a>
990                </div>
991            </div>
992                                    <div class="home-vacancy-card border-2 border-amber-300 ring-1 ring-amber-100 flex h-full min-w-0 flex-col bg-white rounded-xl shadow-sm overflow-hidden hover:shadow-md transition-shadow duration-300">
993                <div class="flex flex-1 flex-col p-5 sm:p-6">
994                    <div class="mb-3 flex items-start justify-between">
995                        <h3 class="text-xl font-bold leading-snug text-gray-900 break-words">
996                            <a href="https://seajobs.ru/ru/vacancy/17238/fitter-chemicaloil-products-tanker" class="hover:text-sky-600 transition-colors duration-300">
997                                Fitter
998                            </a>
999                        </h3>
1000               
1001                    </div>
1002
1003                    <div class="mb-5 flex flex-col gap-2 text-sm text-gray-600">
1004                        <div class="flex items-start gap-2 text-lg font-semibold leading-6 text-gray-700">
1005                            <svg class="mt-1 h-4 w-4 shrink-0 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1006                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 9V7a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2m2 4h10a2 2 0 002-2v-6a2 2 0 00-2-2H9a2 2 0 00-2 2v6a2 2 0 002 2zm7-5a2 2 0 11-4 0 2 2 0 014 0z" />
1007                            </svg>
1008                                                            Negotiable
1009                                                    </div>
1010                                                <div class="flex items-start gap-2">
1011                            <i class="fas fa-ship mt-0.5 w-4 shrink-0 text-center text-gray-400" aria-hidden="true"></i>
1012                            Chemical/Oil Products Tanker
1013                        </div>
1014                                            </div>
1015
1016                                        <div class="mt-auto flex items-center gap-3">
1017                        <div class="h-12 w-20 rounded-lg border border-gray-200 bg-white p-2 shadow-sm flex items-center justify-center overflow-hidden shrink-0 ">
1018                                                            <img
1019                                    src="https://seajobs.ru/storage/company/logo/uM3PBLNLMtqRIc9NseEPTlB54e8B1KxUbEq.jpg"
1020                                    alt="IQrew Management LLC"
1021                                    class="max-w-full max-h-full object-contain"
1022                                    onerror="this.classList.add('hidden'); this.nextElementSibling?.classList.remove('hidden');"
1023                                >
1024                                <div class="hidden">
1025                                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1026                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-2 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/>
1027                                    </svg>
1028                                </div>
1029                                                    </div>
1030                        <a href="https://seajobs.ru/ru/company/834/iqrew-management-llc" class="min-w-0 break-words text-sm text-gray-700 transition-colors duration-200 hover:text-sky-600">
1031                            IQrew Management LLC
1032                        </a>
1033                    </div>
1034                    
1035            
1036                </div>
1037                <div class="flex flex-wrap items-center justify-between gap-x-3 gap-y-1 border-t border-gray-100 bg-gray-50 px-5 py-2 sm:px-6">
1038                    <div class="flex flex-wrap items-center gap-3 text-sm text-gray-500">
1039                        <span class="whitespace-nowrap">01-10-2026 17:47:15</span>
1040                        <span class="inline-flex items-center gap-1.5 whitespace-nowrap" aria-label="15 просмотров">
1041                            <svg class="h-4 w-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1042                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
1043                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"></path>
1044                            </svg>
1045                            15
1046                        </span>
1047                    </div>
1048                    <a href="https://seajobs.ru/ru/vacancy/17238/fitter-chemicaloil-products-tanker" class="brand-link inline-flex min-h-11 items-center text-sm font-medium">
1049                        Подробнее
1050                        <svg class="ml-1 w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1051                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
1052                        </svg>
1053                    </a>
1054                </div>
1055            </div>
1056                    </div>
1057            </div>
1058</section>
1059
1060    <!-- New Companies Section -->
1061    <section class="bg-gray-100 py-10 sm:py-14">
1062        <div class="container mx-auto px-4">
1063            <div class="mb-6 flex flex-col items-start gap-3 sm:mb-8 sm:flex-row sm:items-center sm:justify-between">
1064                <h2 class="text-2xl font-bold text-gray-900 sm:text-3xl">Новые компании</h2>
1065                <a href="https://seajobs.ru/ru/companies" class="brand-link inline-flex items-center font-medium">
1066                    Все компании
1067                    <svg class="ml-2 w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
1068                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3" />
1069                    </svg>
1070                </a>
1071            </div>
1072
1073                        <div class="grid grid-cols-1 gap-4 sm:gap-6 md:grid-cols-2 lg:grid-cols-4">
1074                                                <a href="https://seajobs.ru/ru/company/1444/helios-nautical-crewing" class="group block h-full">
1075                    <div class="border border-gray-200 h-full bg-white rounded-xl shadow-sm overflow-hidden hover:shadow-md transition-shadow duration-300">
1076                        <div class="p-4 sm:p-6">
1077                            <div class="mb-3 flex items-start justify-between sm:mb-4">
1078                                <div class="w-20 h-12 rounded-lg overflow-hidden shrink-0 flex items-center justify-center bg-white border border-gray-100 p-2">
1079                                                                            <img src="https://seajobs.ru/storage/company/logo/7kOygPm1dssqGiG1AxlOm4TCbEJrdgAOwQEG.jpg" alt="Helios Nautical Crewing" class="max-w-full max-h-full object-contain" onerror="this.classList.add('hidden'); this.nextElementSibling?.classList.remove('hidden');">
1080                                        <span class="hidden text-2xl font-bold">H</span>
1081                                                                    </div>
1082                                                            </div>
1083
1084                            <h3 class="text-base font-bold text-gray-900 mb-2 group-hover:text-sky-600 transition-colors duration-300 leading-snug">
1085                                Helios Nautical Crewing
1086                            </h3>
1087
1088                                                        <div class="flex items-center text-sm text-gray-500 mb-3 gap-1">
1089                                <svg class="w-4 h-4 shrink-0 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1090                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"/>
1091                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/>
1092                                </svg>
1093                                Lithuania
1094                            </div>
1095                            
1096                                                    </div>
1097                    </div>
1098                </a>
1099                                                <a href="https://seajobs.ru/ru/company/1443/ooo-dalnevostocnaia-krabolovnaia-kompaniia" class="group block h-full">
1100                    <div class="border border-gray-200 h-full bg-white rounded-xl shadow-sm overflow-hidden hover:shadow-md transition-shadow duration-300">
1101                        <div class="p-4 sm:p-6">
1102                            <div class="mb-3 flex items-start justify-between sm:mb-4">
1103                                <div class="w-20 h-12 rounded-lg overflow-hidden shrink-0 flex items-center justify-center brand-company-fallback">
1104                                                                            <sp
1104an class="text-2xl font-bold">О</span>
1105                                                                    </div>
1106                                                            </div>
1107
1108                            <h3 class="text-base font-bold text-gray-900 mb-2 group-hover:text-sky-600 transition-colors duration-300 leading-snug">
1109                                ООО &quot;Дальневосточная краболовная компания&quot;
1110                            </h3>
1111
1112                                                        <div class="flex items-center text-sm text-gray-500 mb-3 gap-1">
1113                                <svg class="w-4 h-4 shrink-0 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1114                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"/>
1115                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/>
1116                                </svg>
1117                                Russian Federation
1118                            </div>
1119                            
1120                                                    </div>
1121                    </div>
1122                </a>
1123                                                <a href="https://seajobs.ru/ru/company/1441/performar-ltd" class="group block h-full">
1124                    <div class="border border-gray-200 h-full bg-white rounded-xl shadow-sm overflow-hidden hover:shadow-md transition-shadow duration-300">
1125                        <div class="p-4 sm:p-6">
1126                            <div class="mb-3 flex items-start justify-between sm:mb-4">
1127                                <div class="w-20 h-12 rounded-lg overflow-hidden shrink-0 flex items-center justify-center bg-white border border-gray-100 p-2">
1128                                                                            <img src="https://seajobs.ru/storage/company/logo/rE10FhyclI1VuVMdqlZTHjt6HVwomLqlW0Ua.jpg" alt="Performar Ltd" class="max-w-full max-h-full object-contain" onerror="this.classList.add('hidden'); this.nextElementSibling?.classList.remove('hidden');">
1129                                        <span class="hidden text-2xl font-bold">P</span>
1130                                                                    </div>
1131                                                            </div>
1132
1133                            <h3 class="text-base font-bold text-gray-900 mb-2 group-hover:text-sky-600 transition-colors duration-300 leading-snug">
1134                                Performar Ltd
1135                            </h3>
1136
1137                                                        <div class="flex items-center text-sm text-gray-500 mb-3 gap-1">
1138                                <svg class="w-4 h-4 shrink-0 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1139                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"/>
1140                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/>
1141                                </svg>
1142                                Isle of Man
1143                            </div>
1144                            
1145                                                        <div class="text-sm">
1146                                <span class="text-gray-500">1 вакансия</span>
1147                            </div>
1148                                                    </div>
1149                    </div>
1150                </a>
1151                                                <a href="https://seajobs.ru/ru/company/1440/akon-ltd" class="group block h-full">
1152                    <div class="border border-gray-200 h-full bg-white rounded-xl shadow-sm overflow-hidden hover:shadow-md transition-shadow duration-300">
1153                        <div class="p-4 sm:p-6">
1154                            <div class="mb-3 flex items-start justify-between sm:mb-4">
1155                                <div class="w-20 h-12 rounded-lg overflow-hidden shrink-0 flex items-center justify-center bg-white border border-gray-100 p-2">
1156                                                                            <img src="https://seajobs.ru/storage/company/logo/HRfhMtMCPi6EwdraIZskWgJKUKNIl9m8PiNs.jpg" alt="Akon Ltd" class="max-w-full max-h-full object-contain" onerror="this.classList.add('hidden'); this.nextElementSibling?.classList.remove('hidden');">
1157                                        <span class="hidden text-2xl font-bold">A</span>
1158                                                                    </div>
1159                                                            </div>
1160
1161                            <h3 class="text-base font-bold text-gray-900 mb-2 group-hover:text-sky-600 transition-colors duration-300 leading-snug">
1162                                Akon Ltd
1163                            </h3>
1164
1165                                                        <div class="flex items-center text-sm text-gray-500 mb-3 gap-1">
1166                                <svg class="w-4 h-4 shrink-0 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1167                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"/>
1168                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/>
1169                                </svg>
1170                                Russian Federation
1171                            </div>
1172                            
1173                                                        <div class="text-sm">
1174                                <span class="text-gray-500">3 вакансии</span>
1175                            </div>
1176                                                    </div>
1177                    </div>
1178                </a>
1179                            </div>
1180                    </div>
1181    </section>
1182
1183    <!-- Platform Audiences Section -->
1184    <section class="relative overflow-hidden bg-white py-10 sm:py-14">
1185        <div class="container relative mx-auto px-4">
1186            <div class="mb-8 max-w-4xl">
1187                <div>
1188                    <span class="inline-flex w-fit rounded-lg border bg-white/90 px-4 py-2 text-sm font-bold uppercase tracking-[0.14em] shadow-sm" style="border-color: var(--brand-line); color: var(--brand-sea);">
1189                    Работа и подбор экипажа
1190                    </span>
1191                    <h2 class="mt-4 text-2xl font-bold leading-tight sm:text-3xl lg:text-4xl" style="color: var(--brand-navy);">
1192                        Ваш следующий контракт. Ваша будущая команда.
1193                    </h2>
1194                    <p class="mt-4 max-w-3xl text-base leading-7 sm:text-lg" style="color: var(--brand-muted);">
1195                        Морякам — вакансии и прямые отклики. Крюинговым компаниям — анкеты специалистов и удобный подбор экипажа.
1196                    </p>
1197                </div>
1198            </div>
1199
1200            <div class="grid grid-cols-1 gap-6 lg:grid-cols-[minmax(0,0.8fr)_minmax(0,1.2fr)] lg:items-stretch">
1201                <div class="group relative h-64 overflow-hidden rounded-2xl sm:h-80 lg:h-auto lg:min-h-[360px] border bg-slate-950 shadow-[0_28px_70px_-48px_rgba(11,45,78,0.75)]" style="border-color: var(--brand-line);">
1202                    <img
1203                        src="https://seajobs.ru/images/seafarer_main.webp"
1204                        alt="Моряк на борту судна"
1205                        class="absolute inset-0 h-full w-full object-cover object-[18%_center] transition duration-700 group-hover:scale-105"
1206                        loading="lazy"
1207                    >
1208                    <div class="absolute inset-0 bg-gradient-to-tr from-slate-950/75 via-slate-950/10 to-amber-300/10"></div>
1209                    <div class="absolute bottom-0 left-0 right-0 p-5 md:p-8">
1210                        <p class="inline-flex rounded-lg border bg-white/95 px-3 py-1.5 text-sm font-bold uppercase tracking-[0.14em] shadow-sm" style="border-color: var(--brand-line); color: var(--brand-sea);">
1211                            Моряки и компании — на связи
1212                        </p>
1213                    </div>
1214                </div>
1215
1216                <div class="grid grid-cols-1 gap-4 sm:gap-5">
1217                    <article class="group relative overflow-hidden rounded-2xl border bg-white/90 p-5 shadow-[0_18px_45px_-36px_rgba(11,45,78,0.55)] backdrop-blur transition duration-300 hover:-translate-y-1 hover:shadow-[0_26px_60px_-42px_rgba(11,45,78,0.65)] sm:p-6" style="border-color: var(--brand-line);">
1218                        <div class="flex flex-col gap-5 md:flex-row md:items-start md:justify-between">
1219                            <div class="min-w-0">
1220                                <p class="text-sm font-bold uppercase tracking-[0.14em]" style="color: var(--brand-sea);">Для моряков</p>
1221                                <h3 class="mt-2 text-xl font-bold leading-snug text-gray-900">Найдите подходящий контракт</h3>
1222                                <p class="mt-3 text-base leading-6 text-gray-600">
1222Соберите морской стаж и документы в одной анкете. Выбирайте вакансии по своей должности, получайте уведомления и откликайтесь напрямую в компании.</p>
1223                            </div>
1224                        </div>
1225                        <div class="mt-4 flex flex-wrap gap-2">
1226                            <div class="rounded-lg bg-sky-50 px-3 py-2 text-sm font-semibold text-sky-900 ring-1 ring-sky-100">Анкета и CV</div>
1227                            <div class="rounded-lg bg-sky-50 px-3 py-2 text-sm font-semibold text-sky-900 ring-1 ring-sky-100">Вакансии по должности</div>
1228                            <div class="rounded-lg bg-sky-50 px-3 py-2 text-sm font-semibold text-sky-900 ring-1 ring-sky-100">Прямые отклики</div>
1229                        </div>
1230                        <a href="https://seajobs.ru/ru/for-seafarers" class="brand-btn-primary mt-5 inline-flex w-full items-center justify-center rounded-lg px-6 py-3 text-base font-semibold shadow-sm transition-colors duration-300 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-sky-200 sm:w-auto">
1231                            Возможности для моряков
1232                            <svg class="ml-2 h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1233                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3" />
1234                            </svg>
1235                        </a>
1236                    </article>
1237
1238                    <article class="group relative overflow-hidden rounded-2xl border bg-white/90 p-5 shadow-[0_18px_45px_-36px_rgba(146,64,14,0.38)] backdrop-blur transition duration-300 hover:-translate-y-1 hover:shadow-[0_26px_60px_-42px_rgba(146,64,14,0.48)] sm:p-6" style="border-color: var(--brand-line);">
1239                        <div class="flex flex-col gap-5 md:flex-row md:items-start md:justify-between">
1240                            <div class="min-w-0">
1241                                <p class="text-sm font-bold uppercase tracking-[0.14em] text-amber-700">Для крюинговых компаний</p>
1242                                <h3 class="mt-2 text-xl font-bold leading-snug text-gray-900">От вакансии до выбранного кандидата</h3>
1243                                <p class="mt-3 text-base leading-6 text-gray-600">Публикуйте вакансии, просматривайте анкеты моряков и работайте с откликами. Отслеживайте этапы подбора по каждому кандидату в одном кабинете.</p>
1244                            </div>
1245                        </div>
1246                        <div class="mt-4 flex flex-wrap gap-2">
1247                            <div class="rounded-lg bg-amber-50 px-3 py-2 text-sm font-semibold text-amber-900 ring-1 ring-amber-100">Публикация вакансий</div>
1248                            <div class="rounded-lg bg-amber-50 px-3 py-2 text-sm font-semibold text-amber-900 ring-1 ring-amber-100">Анкеты моряков</div>
1249                            <div class="rounded-lg bg-amber-50 px-3 py-2 text-sm font-semibold text-amber-900 ring-1 ring-amber-100">Этапы подбора</div>
1250                        </div>
1251                        <a href="https://seajobs.ru/ru/for-crewing-companies" class="brand-btn-outline mt-5 inline-flex w-full items-center justify-center rounded-lg px-6 py-3 text-base font-semibold transition-colors duration-300 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-sky-200 sm:w-auto">
1252                            Инструменты для компаний
1253                            <svg class="ml-2 h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1254                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3" />
1255                            </svg>
1256                        </a>
1257                    </article>
1258                </div>
1259            </div>
1260        </div>
1261    </section>
1262
1263
1264    
1265    <!-- Top Companies Section -->
1266        <section class="bg-gray-50 py-10 sm:py-14">
1267        <div class="container mx-auto px-4">
1268            <div class="mb-6 flex flex-col items-start gap-3 sm:mb-8 sm:flex-row sm:items-center sm:justify-between">
1269                <h2 class="text-2xl font-bold text-gray-900 sm:text-3xl">Работа в компаниях</h2>
1270                <a href="https://seajobs.ru/ru/companies" class="brand-link inline-flex items-center font-medium">
1271                    Все компании
1272                    <svg class="ml-2 w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1273                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"/>
1274                    </svg>
1275                </a>
1276            </div>
1277
1278            <div class="grid grid-cols-2 gap-3 sm:gap-4 md:grid-cols-3 lg:grid-cols-6">
1279                                                                <a href="/company/834" class="bg-white rounded-xl border border-gray-100 shadow-sm hover:shadow-md transition-shadow duration-300 home-company-logo flex h-20 items-center justify-center p-3 sm:h-24 sm:p-4" aria-label="Работа в компаниях">
1280                    <img
1281                        src="https://seajobs.ru/storage/top_logos/2at57Q9RkXMhIpAiinOoidKo3EZj4oXsDh8Dcz7r.jpg"
1282                        alt="Работа в компаниях"
1283                        class="max-h-12 max-w-full w-auto object-contain transition-all duration-300"
1284                    >
1285                </a>
1286                                                                                <a href="/company/422/saint-petersburg-maritime-company" class="bg-white rounded-xl border border-gray-100 shadow-sm hover:shadow-md transition-shadow duration-300 home-company-logo flex h-20 items-center justify-center p-3 sm:h-24 sm:p-4" aria-label="Работа в компаниях">
1287                    <img
1288                        src="https://seajobs.ru/storage/top_logos/FQMlSg2LVUgpiEsREOVzvTXYJb1A3S7duouGTGrC.jpg"
1289                        alt="Работа в компаниях"
1290                        class="max-h-12 max-w-full w-auto object-contain transition-all duration-300"
1291                    >
1292                </a>
1293                                                                                <a href="/company/1098/gruppa-kompanii-sovkomflot" class="bg-white rounded-xl border border-gray-100 shadow-sm hover:shadow-md transition-shadow duration-300 home-company-logo flex h-20 items-center justify-center p-3 sm:h-24 sm:p-4" aria-label="Работа в компаниях">
1294                    <img
1295                        src="https://seajobs.ru/storage/top_logos/QTeGomrLM5kt2cMVebVM1jVk7yZNyTvYpzdXQkZP.jpg"
1296                        alt="Работа в компаниях"
1297                        class="max-h-12 max-w-full w-auto object-contain transition-all duration-300"
1298                    >
1299                </a>
1300                                                                                <a href="/company/1085/armator" class="bg-white rounded-xl border border-gray-100 shadow-sm hover:shadow-md transition-shadow duration-300 home-company-logo flex h-20 items-center justify-center p-3 sm:h-24 sm:p-4" aria-label="Работа в компаниях">
1301                    <img
1302                        src="https://seajobs.ru/storage/top_logos/DdtKeOGf7kIyhQ8eGbpAi3P88ph0XPMqy074fqab.jpg"
1303                        alt="Работа в компаниях"
1304                        class="max-h-12 max-w-full w-auto object-contain transition-all duration-300"
1305                    >
1306                </a>
1307                                                                                <a href="/company/1277/seamploy" class="bg-white rounded-xl border border-gray-100 shadow-sm hover:shadow-md transition-shadow duration-300 home-company-logo flex h-20 items-center justify-center p-3 sm:h-24 sm:p-4" aria-label="Работа в компаниях">
1308                    <img
1309                        src="https://seajobs.ru/storage/top_logos/
1309IG5OzAtdnDbHI2BxJvGX3bLeTpjBBBVTp6XsXETe.jpg"
1310                        alt="Работа в компаниях"
1311                        class="max-h-12 max-w-full w-auto object-contain transition-all duration-300"
1312                    >
1313                </a>
1314                                                                                <a href="/company/1095/ma-seadima" class="bg-white rounded-xl border border-gray-100 shadow-sm hover:shadow-md transition-shadow duration-300 home-company-logo flex h-20 items-center justify-center p-3 sm:h-24 sm:p-4" aria-label="Работа в компаниях">
1315                    <img
1316                        src="https://seajobs.ru/storage/top_logos/FCnSNFpT0UmOc5Pp8tSTTPBymlOVAQZNCt7GmQtd.jpg"
1317                        alt="Работа в компаниях"
1318                        class="max-h-12 max-w-full w-auto object-contain transition-all duration-300"
1319                    >
1320                </a>
1321                                                                                <a href="/company/1249/interorient-shipmanagement" class="bg-white rounded-xl border border-gray-100 shadow-sm hover:shadow-md transition-shadow duration-300 home-company-logo flex h-20 items-center justify-center p-3 sm:h-24 sm:p-4" aria-label="Работа в компаниях">
1322                    <img
1323                        src="https://seajobs.ru/storage/top_logos/flPD9PaJ4eW1g13e9ddb1OnSYjuSyqBnkTK2TLgn.jpg"
1324                        alt="Работа в компаниях"
1325                        class="max-h-12 max-w-full w-auto object-contain transition-all duration-300"
1326                    >
1327                </a>
1328                                                                                <a href="/company/1253/csm-baltija" class="bg-white rounded-xl border border-gray-100 shadow-sm hover:shadow-md transition-shadow duration-300 home-company-logo flex h-20 items-center justify-center p-3 sm:h-24 sm:p-4" aria-label="Работа в компаниях">
1329                    <img
1330                        src="https://seajobs.ru/storage/top_logos/2PSh4ElUuU1Gv5VGhEJ3EXUACjuU4rtHjHDRhRxB.jpg"
1331                        alt="Работа в компаниях"
1332                        class="max-h-12 max-w-full w-auto object-contain transition-all duration-300"
1333                    >
1334                </a>
1335                                                                                <a href="/company/888/msc-shipmanagement-ltd" class="bg-white rounded-xl border border-gray-100 shadow-sm hover:shadow-md transition-shadow duration-300 home-company-logo flex h-20 items-center justify-center p-3 sm:h-24 sm:p-4" aria-label="Работа в компаниях">
1336                    <img
1337                        src="https://seajobs.ru/storage/top_logos/BAoCfJAb7vpEEFUc5SlCAMShHqlO0G5I0TX380kP.jpg"
1338                        alt="Работа в компаниях"
1339                        class="max-h-12 max-w-full w-auto object-contain transition-all duration-300"
1340                    >
1341                </a>
1342                                                                                <a href="/company/792/astor-shipmangement" class="bg-white rounded-xl border border-gray-100 shadow-sm hover:shadow-md transition-shadow duration-300 home-company-logo flex h-20 items-center justify-center p-3 sm:h-24 sm:p-4" aria-label="Работа в компаниях">
1343                    <img
1344                        src="https://seajobs.ru/storage/top_logos/2nI6tnIlkSLn041fU2xJBaL22sD5XeKuk2qVDvK2.jpg"
1345                        alt="Работа в компаниях"
1346                        class="max-h-12 max-w-full w-auto object-contain transition-all duration-300"
1347                    >
1348                </a>
1349                                                                                <a href="/company/1435/korsar-marin" class="bg-white rounded-xl border border-gray-100 shadow-sm hover:shadow-md transition-shadow duration-300 home-company-logo flex h-20 items-center justify-center p-3 sm:h-24 sm:p-4" aria-label="Работа в компаниях">
1350                    <img
1351                        src="https://seajobs.ru/storage/top_logos/JmmPCnNVmHqFQeJ9upLm2xTk9xSsIJjekCd12gHe.png"
1352                        alt="Работа в компаниях"
1353                        class="max-h-12 max-w-full w-auto object-contain transition-all duration-300"
1354                    >
1355                </a>
1356                                                                                <a href="/company/671/sma-crewing" class="bg-white rounded-xl border border-gray-100 shadow-sm hover:shadow-md transition-shadow duration-300 home-company-logo flex h-20 items-center justify-center p-3 sm:h-24 sm:p-4" aria-label="Работа в компаниях">
1357                    <img
1358                        src="https://seajobs.ru/storage/top_logos/yb9hJaD3Id9TyTcqUqeJK2lViwSx9N1HsxHF9fDU.jpg"
1359                        alt="Работа в компаниях"
1360                        class="max-h-12 max-w-full w-auto object-contain transition-all duration-300"
1361                    >
1362                </a>
1363                                            </div>
1364        </div>
1365    </section>
1366    
1367    <!-- Latest Articles Section -->
1368        <section class="bg-white py-10 sm:py-14">
1369        <div class="container mx-auto px-4">
1370            <div class="mb-6 flex flex-col items-start gap-3 sm:mb-8 sm:flex-row sm:items-center sm:justify-between">
1371                <h2 class="text-2xl font-bold text-gray-900 sm:text-3xl">Статьи</h2>
1372                <a href="https://seajobs.ru/ru/articles_all" class="brand-link inline-flex items-center font-medium">
1373                    Все статьи
1374                    <svg class="ml-2 w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1375                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3" />
1376                    </svg>
1377                </a>
1378            </div>
1379
1380            <div class="grid grid-cols-1 gap-4 sm:gap-6 md:grid-cols-2 lg:grid-cols-3">
1381                                <div class="bg-white rounded-xl shadow-sm overflow-hidden hover:shadow-md transition-shadow duration-300 flex flex-col border border-gray-100">
1382                    <a href="https://seajobs.ru/ru/articles/why-cadet-support-is-becoming-a-strategic-priority-for-shipping-companies" class="block overflow-hidden h-48 bg-gray-100">
1383                                                    <img src="https://seajobs.ru/storage/article_images/IAe2DA3PUgghRyVODFpzPrwXnFVKVK87aIRL2I1U.jpg"
1384                                 alt="Почему поддержка кадетов становится стратегическим приоритетом для судоходных компаний"
1385                                 class="w-full h-full object-cover transition-transform duration-300 hover:scale-105">
1386                                            </a>
1387                    <div class="flex flex-1 flex-col p-4 sm:p-6">
1388                        <div class="flex flex-wrap items-center text-sm text-gray-500 mb-3 gap-2">
1389                            <svg class="w-4 h-4 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1390                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"/>
1391                            </svg>
1392                            <span>14.07.2026</span>
1393                            <span>·</span>
1394                            <span>1 мин. чтения</span>
1395                        </div>
1396                        <h3 class="mb-3 text-lg font-bold leading-snug text-gray-900 sm:text-xl sm:leading-snug">
1397                            <a href="https://seajobs.ru/ru/articles/why-cadet-support-is-becoming-a-strategic-priority-for-shipping-companies"
1398                               class="hover:text-sky-600 transition-colors duration-300 line-clamp-3 sm:min-h-[4.125em]">
1399                                Почему поддержка кадетов становится стратегическим приоритетом для судоходных компаний
1400                            </a>
1401                        </h3>
1402                                                <p class="text-gray-600 mb-4 text-base line-clamp-3">
1403                            Мировая индустрия торгового судоходства традиционно рассматривала дефицит офицерского состава как задачу рекрутинга: если кадровый резерв сокращается, необходи…
1404                        </p>
1405                                                <a href="https://seajobs.ru/ru/articles/why-cadet-support-is-becoming-a-strategic-priority-for-shipping-companies"
1406                           class="brand-link inline-flex items-center text-base font-medium mt-auto">
1407                            Читать далее
1408                            <svg class="ml-1 w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1409                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
1410                            </svg>
1411                        </a>
1412                    </div>
1413                </div>
1414                                <div class="bg-white rounded-xl shadow-sm overflow-hidden hover:shadow-md transition-shadow duration-300 flex flex-col border border-gray-100">
1415                    <a href="https://seajobs.ru/ru/articles/martrust-vozobnovliaet-perevody-v-rossiiu-cto-vazno-znat-moriakam" class="block overflow-hidden h-48 bg-gray-100">
1416                                                    <img src="https://seajobs.ru/storage/article_images/2gZTsKAAvS3N3SaXwzQeuesnqwslE6g6IpK7eF6b.webp"
1417                                 alt="MarTrust возобновляет переводы в Россию: что важно знать морякам"
1418                                 class="w-full h-full object-cover transition-transform duration-300 hover:scale-105">
1419                                            </a>
1420                    <div class="flex flex-1 flex-col p-4 sm:p-6">
1421                        <div class="flex flex-wrap items-center text-sm text-gray-500 mb-3 gap-2">
1422                            <svg class="w-4 h-4 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1423                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"/>
1424                            </svg>
1425                            <span>15.05.2026</span>
1426                            <span>·</span>
1427                            <span>1 мин. чтения</span>
1428                        </div>
1429                        <h3 class="mb-3 text-lg font-bold leading-snug text-gray-900 sm:text-xl sm:leading-snug">
1430                            <a href="https://seajobs.ru/ru/articles/martrust-vozobnovliaet-perevody-v-rossiiu-cto-vazno-znat-moriakam"
1431                               class="hover:text-sky-600 transition-colors duration-300 line-clamp-3 sm:min-h-[4.125em]">
1432                                MarTrust возобновляет переводы в Россию: что важно знать морякам
1433                            </a>
1434                        </h3>
1435                                                <p class="text-gray-600 mb-4 text-base line-clamp-3">
1436                            Компания MarTrust сообщила важную новость для российских моряков: переводы в Россию снова доступны с 14 мая. Это стало возможным после того, как компания быстр…
1437                        </p>
1438                                                <a href="https://seajobs.ru/ru/articles/martrust-vozobnovliaet-perevody-v-rossiiu-cto-vazno-znat-moriakam"
1439                           class="brand-link inline-flex items-center text-base font-medium mt-auto">
1440                            Читать далее
1441                            <svg class="ml-1 w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1442                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
1443                            </svg>
1444                        </a>
1445                    </div>
1446                </div>
1447                                <div class="bg-white rounded-xl shadow-sm overflow-hidden hover:shadow-md transition-shadow duration-300 flex flex-col border border-gray-100">
1448                    <a href="https://seajobs.ru/ru/articles/why-sailors-are-not-responding-to-your-job-vacancy" class="block overflow-hidden h-48 bg-gray-100">
1449                                                    <img src="https://seajobs.ru/storage/article_images/tiA4NYAuwKJx2r8pHa57s0RVFSNfcjdgMIgNh4et.webp"
1450                                 alt="Почему моряки не откликаются на вашу вакансию"
1451                                 class="w-full h-full object-cover transition-transform duration-300 hover:scale-105">
1452                                            </a>
1453                    <div class="flex flex-1 flex-col p-4 sm:p-6">
1454                        <div class="flex flex-wrap items-center text-sm text-gray-500 mb-3 gap-2">
1455                            <svg class="w-4 h-4 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1456                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"/>
1457                            </svg>
1458                            <span>10.05.2026</span>
1459                            <span>·</span>
1460                            <span>2 мин. чтения</span>
1461                        </div>
1462                        <h3 class="mb-3 text-lg font-bold leading-snug text-gray-900 sm:text-xl sm:leading-snug">
1463                            <a href="https://seajobs.ru/ru/articles/why-sailors-are-not-responding-to-your-job-vacancy"
1464                               class="hover:text-sky-600 transition-colors duration-300 line-clamp-3 sm:min-h-[4.125em]">
1465                                Почему моряки не откликаются на вашу вакансию
1466                            </a>
1467                        </h3>
1468                                                <p class="text-gray-600 mb-4 text-base line-clamp-3">
1469                            Крюинговая компания размещает вакансию, ждёт отклики, но кандидатов почти нет. Или отклики есть, но среди них мало подходящих моряков. На первый взгляд кажется…
1470                        </p>
1471                                                <a href="https://seajobs.ru/ru/articles/why-sailors-are-not-responding-to-your-job-vacancy"
1472                           class="brand-link inline-flex items-center text-base font-medium mt
1472-auto">
1473                            Читать далее
1474                            <svg class="ml-1 w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1475                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
1476                            </svg>
1477                        </a>
1478                    </div>
1479                </div>
1480                            </div>
1481        </div>
1482    </section>
1483    
1484
1485
1486    <!-- Job Categories Section -->
1487    <section class="bg-white py-10 sm:py-14">
1488        <div class="container mx-auto px-4">
1489            <div class="mb-8 text-center">
1490                <h2 class="mb-3 text-2xl font-bold text-gray-900 sm:mb-4 sm:text-3xl">
1491                    Категории вакансий
1492                </h2>
1493                <p class="mx-auto max-w-3xl text-base text-gray-600 sm:text-lg">
1494                    Вакансии по всем судовым специальностям и департаментам
1495                </p>
1496            </div>
1497
1498            <div class="grid grid-cols-1 gap-4 sm:grid-cols-2 sm:gap-6 lg:grid-cols-3">
1499                                                <a href="https://seajobs.ru/ru/vacancies?ranks=1,2,3,4,5,6,28,36,37,43,44,46,51" class="group flex flex-col rounded-xl bg-gray-50 p-5 transition-colors duration-300 hover:bg-sky-50 sm:p-6">
1500                    <h3 class="mb-2 text-lg font-bold text-gray-900 transition-colors duration-300 group-hover:text-sky-600 sm:text-xl">Палубные офицеры</h3>
1501                    <p class="mb-3 text-sm text-gray-500 sm:mb-4 sm:text-base">Master, officers, cadets and shore-side supervision</p>
1502                    <span class="mt-auto inline-flex items-center text-base font-medium brand-link">
1503                                                    114 вакансий
1504                            <svg class="ml-2 w-4 h-4 transition-transform duration-300 group-hover:translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1505                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path>
1506                            </svg>
1507                                            </span>
1508                </a>
1509                                                <a href="https://seajobs.ru/ru/vacancies?ranks=14,15,16,17,49,52" class="group flex flex-col rounded-xl bg-gray-50 p-5 transition-colors duration-300 hover:bg-sky-50 sm:p-6">
1510                    <h3 class="mb-2 text-lg font-bold text-gray-900 transition-colors duration-300 group-hover:text-sky-600 sm:text-xl">Палубная команда</h3>
1511                    <p class="mb-3 text-sm text-gray-500 sm:mb-4 sm:text-base">Bosun, able seaman, ordinary seaman, pumpman</p>
1512                    <span class="mt-auto inline-flex items-center text-base font-medium brand-link">
1513                                                    28 вакансий
1514                            <svg class="ml-2 w-4 h-4 transition-transform duration-300 group-hover:translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1515                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path>
1516                            </svg>
1517                                            </span>
1518                </a>
1519                                                <a href="https://seajobs.ru/ru/vacancies?ranks=7,8,9,10,11,12,13,29,45,48" class="group flex flex-col rounded-xl bg-gray-50 p-5 transition-colors duration-300 hover:bg-sky-50 sm:p-6">
1520                    <h3 class="mb-2 text-lg font-bold text-gray-900 transition-colors duration-300 group-hover:text-sky-600 sm:text-xl">Механики</h3>
1521                    <p class="mb-3 text-sm text-gray-500 sm:mb-4 sm:text-base">Chief engineer, engineers, ETO, ref engineer</p>
1522                    <span class="mt-auto inline-flex items-center text-base font-medium brand-link">
1523                                                    157 вакансий
1524                            <svg class="ml-2 w-4 h-4 transition-transform duration-300 group-hover:translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1525                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path>
1526                            </svg>
1527                                            </span>
1528                </a>
1529                                                <a href="https://seajobs.ru/ru/vacancies?ranks=18,19,20,35,41,47,50" class="group flex flex-col rounded-xl bg-gray-50 p-5 transition-colors duration-300 hover:bg-sky-50 sm:p-6">
1530                    <h3 class="mb-2 text-lg font-bold text-gray-900 transition-colors duration-300 group-hover:text-sky-600 sm:text-xl">Машинная команда</h3>
1531                    <p class="mb-3 text-sm text-gray-500 sm:mb-4 sm:text-base">Fitter, motorman, electrician, turner</p>
1532                    <span class="mt-auto inline-flex items-center text-base font-medium brand-link">
1533                                                    26 вакансий
1534                            <svg class="ml-2 w-4 h-4 transition-transform duration-300 group-hover:translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1535                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path>
1536                            </svg>
1537                                            </span>
1538                </a>
1539                                                <a href="https://seajobs.ru/ru/vacancies?ranks=21,22,23,24,25,26,27" class="group flex flex-col rounded-xl bg-gray-50 p-5 transition-colors duration-300 hover:bg-sky-50 sm:p-6">
1540                    <h3 class="mb-2 text-lg font-bold text-gray-900 transition-colors duration-300 group-hover:text-sky-600 sm:text-xl">Кейтеринг</h3>
1541                    <p class="mb-3 text-sm text-gray-500 sm:mb-4 sm:text-base">Cook, steward, messman</p>
1542                    <span class="mt-auto inline-flex items-center text-base font-medium brand-link">
1543                                                    15 вакансий
1544                            <svg class="ml-2 w-4 h-4 transition-transform duration-300 group-hover:translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1545                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path>
1546                            </svg>
1547                                            </span>
1548                </a>
1549                                                <a href="https://seajobs.ru/ru/vacancies?ranks=30,31,32,33,34,38,39,40" class="group flex flex-col rounded-xl bg-gray-50 p-5 transition-colors duration-300 hover:bg-sky-50 sm:p-6">
1550                    <h3 class="mb-2 text-lg font-bold text-gray-900 transition-colors duration-300 group-hover:text-sky-600 sm:text-xl">Оффшор</h3>
1551                    <p class="mb-3 text-sm text-gray-500 sm:mb-4 sm:text-base">DP operators, welders, crane operators</p>
1552                    <span class="mt-auto inline-flex items-center text-base font-medium text-gray-400">
1553                                                    Нет вакансий
1554                                            </span>
1555                </a>
1556                            </div>
1557        </div>
1558    </section>
1559
1560    </main>
1561    <div class="brand-follow-label" aria-label="Follow">
1562        <span class="brand-follow-label-text">Follow</span>
1563        <a
1564            href="https://t.me/seajobsru"
1565            class="brand-follow-label-link"
1566            title="Подпишитесь на наш Telegram"
1567            aria-label="Подпишитесь на наш Telegram"
1568            target="_blank"
1569            rel="noopener noreferrer"
1570        >
1571            <img src="https://seajobs.ru/images/social/social_tg_big.png" alt="Telegram" class="brand-follow-label-icon">
1572        </a>
1573        <a
1574            href="https://vk.com/crewingrabotavmore"
1575            class="brand-follow-label-link"
1576            title="Подпишитесь на наш VK"
1577            aria-label="Подпишитесь на наш VK"
1578            target="_blank"
1579            rel="noopener noreferrer"
1580        >
1581            <img src="https://seajobs.ru/images/social/social_vk_big.png" alt="VK" class="brand-follow-label-icon">
1582        </a>
1583    </div>
1584        
1585            <!-- Footer -->
1586<footer class="brand-footer text-white">
1587    <!-- Main Footer -->
1588    <div class="container mx-auto px-4 py-12">
1589        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-8">
1590            <!-- Company Info -->
1591            <div class="lg:col-span-2">
1592                <div class="flex items-center mb-4">
1593                    <a href="https://seajobs.ru/ru" class="inline-flex items-center" aria-label="SeaJobs">
1594                        <img
1595                            src="https://seajobs.ru/images/logo-text-light.svg"
1596                            alt="SeaJobs"
1597                            class="h-14 md:h-16 w-auto max-w-none"
1598                        >
1599                    </a>
1600                </div>
1601                <p class="brand-footer-text mb-6 max-w-md">
1602                    Специализированная платформа для морских вакансий и подбора персонала, объединяющая моряков и судоходные компании в единой профессиональной среде.
1603                </p>
1604                <div class="flex space-x-4">
1605                    <a href="https://t.me/seajobsru" class="brand-footer-social h-10 w-10 rounded-full flex items-center justify-center transition-colors duration-300" title="Подпишитесь на наш Telegram" aria-label="Подпишитесь на наш Telegram" target="_blank" rel="noopener noreferrer">
1606                        <svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
1607                            <path d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm5.562 8.202l-1.68 7.767c-.124.546-.456.678-.923.422l-2.551-1.88-1.231 1.185c-.135.135-.248.248-.51.248l.182-2.572 4.687-4.236c.203-.18-.044-.282-.316-.101L7.977 12.99l-2.504-.784c-.546-.17-.556-.546.113-.817l9.837-3.808c.452-.204.85.113.638.621z"/>
1608                        </svg>
1609                    </a>
1610                    <a href="https://vk.com/crewingrabotavmore" class="brand-footer-social h-10 w-10 rounded-full flex items-center justify-center transition-colors duration-300" title="Подпишитесь на наш VK">
1611                        <svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
1612                            <path d="M12.785 16.241s.288-.032.436-.194c.136-.148.132-.427.132-.427s-.02-1.304.576-1.496c.588-.19 1.341 1.26 2.14 1.818.605.422 1.064.33 1.064.33l2.137-.03s1.117-.071.587-.964c-.043-.073-.308-.661-1.588-1.87-1.34-1.264-1.16-1.059.453-3.246.983-1.332 1.376-2.145 1.253-2.493-.117-.332-.84-.244-.84-.244l-2.406.015s-.178-.025-.31.056c-.13.079-.212.262-.212.262s-.382 1.03-.89 1.907c-1.07 1.85-1.499 1.948-1.674 1.832-.407-.267-.305-1.075-.305-1.648 0-1.793.267-2.54-.521-2.733-.262-.065-.454-.107-1.123-.114-.858-.009-1.585.003-1.996.208-.274.136-.485.44-.356.457.159.022.519.099.71.363.246.341.237 1.107.237 1.107s.142 2.11-.33 2.371c-.325.18-.77-.187-1.725-1.865-.489-.859-.859-1.81-.859-1.81s-.07-.176-.198-.272c-.154-.115-.37-.
1612152-.37-.152l-2.286.015s-.343.01-.469.162c-.112.135-.01.414-.01.414s1.79 4.258 3.817 6.403c1.858 1.967 3.968 1.838 3.968 1.838h.957z"/>
1613                        </svg>
1614                    </a>
1615                    <a href="https://max.ru/se13493326_biz" class="brand-footer-social h-10 w-10 rounded-full flex items-center justify-center transition-colors duration-300" title="Подпишитесь на наш канал в MAX" aria-label="Подпишитесь на наш канал в MAX" target="_blank" rel="noopener noreferrer">
1616                        <svg class="h-5 w-5" fill="currentColor" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1617                            <path fill-rule="evenodd" clip-rule="evenodd" d="M50.7571 0.261719C78.2929 0.261719 99.8857 22.5974 99.8857 50.1474C99.8857 77.6974 77.6071 99.4903 51.0214 99.4903C41.5857 99.4903 37.0143 98.1617 29.65 92.9474C29.1429 92.5903 28.45 92.6831 28.0214 93.1403C22.3571 99.1831 7.85 103.426 7.18571 95.176C7.18571 80.7903 0 71.4474 0 49.876C0 21.5546 23.2214 0.261719 50.7571 0.261719ZM51.5286 24.8117C38.4643 24.126 28.2643 33.1974 26.0143 47.3831C24.15 59.1332 27.45 73.4546 30.2786 74.176C31.4786 74.4832 34.3571 72.276 36.4571 70.2974C36.85 69.926 37.45 69.8617 37.9071 70.1474C41.1786 72.1474 44.8786 73.6474 48.9571 73.8617C62.3714 74.5617 74.2571 64.0617 74.9643 50.6474C75.6643 37.2331 64.9429 25.5046 51.5286 24.8046V24.8117Z"/>
1618                        </svg>
1619                    </a>
1620                </div>
1621            </div>
1622
1623            <!-- Quick Links -->
1624            <div>
1625                <h3 class="text-lg font-bold mb-4">Быстрые ссылки</h3>
1626                <ul class="space-y-2">
1627                    <li><a href="https://seajobs.ru/ru/vacancies" class="brand-footer-link transition-colors duration-300">Поиск вакансий</a></li>
1628                    <li><a href="https://seajobs.ru/ru/companies" class="brand-footer-link transition-colors duration-300">Компании</a></li>
1629                    <li><a href="https://seajobs.ru/ru/login" class="brand-footer-link transition-colors duration-300">Регистрация</a></li>
1630                    <li><a href="https://seajobs.ru/ru/articles_all" class="brand-footer-link transition-colors duration-300">Статьи</a></li>
1631                    <li><a href="https://seajobs.ru/ru/about" class="brand-footer-link transition-colors duration-300">О SeaJobs</a></li>
1632                </ul>
1633            </div>
1634
1635            <!-- For Employers -->
1636            <div>
1637                <h3 class="text-lg font-bold mb-4">Для работодателей</h3>
1638                <ul class="space-y-2">
1639                    <li><a href="https://seajobs.ru/ru/for-crewing-companies" class="brand-footer-link transition-colors duration-300">Для крюинговых компаний</a></li>                    
1640                    <li><a href="https://seajobs.ru/ru/company/dashboard#vacancies" class="brand-footer-link transition-colors duration-300">Разместить вакансию</a></li>
1641                    <li><a href="https://seajobs.ru/ru/applications" class="brand-footer-link transition-colors duration-300">Поиск кандидатов</a></li>
1642                    <li><a href="https://seajobs.ru/ru/api" class="brand-footer-link transition-colors duration-300">SeaJobs API</a></li>
1643                </ul>
1644            </div>
1645
1646            <!-- For Seafarers -->
1647            <div>
1648                <h3 class="text-lg font-bold mb-4">Для моряков</h3>
1649                <ul class="space-y-2">
1650                    <li><a href="https://seajobs.ru/ru/for-seafarers" class="brand-footer-link transition-colors duration-300">Для моряков</a></li>
1651                    <li><a href="https://seajobs.ru/ru/vacancies" class="brand-footer-link transition-colors duration-300">Поиск вакансий</a></li>
1652                    <li><a href="https://seajobs.ru/ru/companies" class="brand-footer-link transition-colors duration-300">Просмотр компаний</a></li>
1653                    <li><a href="https://seajobs.ru/ru/fraud-alert" class="brand-footer-link transition-colors duration-300">Защита от мошенничества</a></li>
1654                </ul>
1655            </div>
1656
1657
1658
1659        </div>
1660    </div>
1661
1662    <!-- Bottom Footer -->
1663    <div class="brand-footer-bottom py-6">
1664        <div class="container mx-auto px-4">
1665            <div class="flex flex-col md:flex-row justify-between items-center">
1666                <div class="mb-4 md:mb-0">
1667                    <p class="brand-footer-text text-sm">
1668                        &copy; 2009-2026 Seajobs.ru Все права защищены.
1669                    </p>
1670                </div>
1671                <div>
1672                    <ul class="flex flex-wrap justify-center space-x-4 text-sm">
1673                        <li><a href="https://seajobs.ru/ru/terms" class="brand-footer-link transition-colors duration-300">Условия использования</a></li>
1674                        <li><a href="https://seajobs.ru/ru/policy" class="brand-footer-link transition-colors duration-300">Политика конфиденциальности</a></li>
1675                        <li><a href="https://seajobs.ru/ru/cookies" class="brand-footer-link transition-colors duration-300">Политика cookies</a></li>
1676                        <li><a href="https://seajobs.ru/ru/contacts" class="brand-footer-link transition-colors duration-300">Контакты</a></li>
1677                        <li><a href="https://seajobs.ru/ru/feedback" class="brand-footer-link transition-colors duration-300">Обратная связь</a></li>
1678                    </ul>
1679                </div>
1680            </div>
1681        </div>
1682    </div>
1683</footer>
1684    </div>
1685<div
1686    id="cookieBanner"
1687    class="hidden fixed inset-x-0 bottom-4 z-[70] px-4 sm:px-6"
1688    role="dialog"
1689    aria-live="polite"
1690    aria-labelledby="cookieBannerTitle"
1691    aria-describedby="cookieBannerText"
1692>
1693    <div class="cookie-banner-card mx-auto max-w-5xl brand-soft-card rounded-2xl overflow-hidden shadow-2xl">
1694        <div class="cookie-banner-content flex flex-col gap-5 px-5 py-5 sm:px-6 sm:py-6 lg:flex-row lg:items-end lg:justify-between">
1695            <div class="max-w-3xl">
1696                <span class="cookie-banner-badge brand-pill inline-flex items-center rounded-full px-3 py-1 text-xs font-semibold uppercase tracking-[0.2em]">
1697                    Cookie
1698                </span>
1699
1700                <h2 id="cookieBannerTitle" class="brand-note-title mt-3 text-lg font-semibold sm:text-xl">
1701                    Мы используем cookie для работы сайта
1702                </h2>
1703
1704                <p id="cookieBannerText" class="brand-note-text mt-2 text-sm leading-6">
1705                    SeaJobs использует cookie и схожие технологии для входа в аккаунт, сохранения выбранного языка, защиты форм и корректной работы сайта. Подробнее о том, какие cookie мы применяем и как ими управлять, указано в наших документах.
1706                </p>
1707
1708                <p class="cookie-banner-links brand-note-text mt-3 text-sm leading-6">
1709                    <a href="https://seajobs.ru/ru/cookies" class="brand-link font-medium hover:underline">
1710                        Политика использования cookie
1711                    </a>
1712                    <span class="mx-2 text-slate-300">|</span>
1713                    <a href="https://seajobs.ru/ru/policy" class="brand-link font-medium hover:underline">
1714                        Политика обработки персональных данных
1715                    </a>
1716                </p>
1717            </div>
1718
1719            <div class="cookie-banner-actions flex w-full flex-col gap-3 sm:w-auto sm:flex-row sm:items-center">
1720                <a
1721                    href="https://seajobs.ru/ru/cookies"
1722                    class="brand-btn-outline inline-flex items-center justify-center rounded-xl px-5 py-3 text-sm font-semibold transition focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-sky-200"
1723                >
1724                    Подробнее
1725                </a>
1726
1727                <button
1728                    type="button"
1729                    id="cookieBannerAccept"
1730                    class="brand-btn-primary inline-flex items-center justify-center rounded-xl px-5 py-3 text-sm font-semibold transition focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-sky-200"
1731                >
1732                    Понятно
1733                </button>
1734            </div>
1735        </div>
1736    </div>
1737</div>
1738
1739<script>
1740window.addEventListener('load', function () {
1741    var banner = document.getElementById('cookieBanner');
1742    var acceptButton = document.getElementById('cookieBannerAccept');
1743    var storageKey = 'sj_cookie_banner_v1';
1744
1745    if (!banner || !acceptButton) {
1746        return;
1747    }
1748
1749    function hasConsentCookie() {
1750        return document.cookie.split(';').some(function (item) {
1751            return item.trim() === storageKey + '=accepted';
1752        });
1753    }
1754
1755    function persistConsent() {
1756        try {
1757            window.localStorage.setItem(storageKey, 'accepted');
1758        } catch (error) {
1759            // Ignore storage errors and fall back to a technical cookie.
1760        }
1761
1762        document.cookie = storageKey + '=accepted; path=/; max-age=' + (60 * 60 * 24 * 180) + '; SameSite=Lax';
1763    }
1764
1765    var isAccepted = hasConsentCookie();
1766
1767    try {
1768        isAccepted = isAccepted || window.localStorage.getItem(storageKey) === 'accepted';
1769    } catch (error) {
1770        isAccepted = hasConsentCookie();
1771    }
1772
1773    if (!isAccepted) {
1774        banner.classList.remove('hidden');
1775    }
1776
1777    acceptButton.addEventListener('click', function () {
1778        persistConsent();
1779        banner.classList.add('hidden');
1780
1781        document.dispatchEvent(new CustomEvent('seajobs:cookie-consent', {
1782            detail: { status: 'accepted' }
1783        }));
1784    });
1785});
1786</script>
vendor: 1 bytes, line 1786
1786
1787<script>
1788window.addEventListener('load', function () {
1789    var ranksData   = [{"id":7,"name":"Chief Engineer","count":56},{"id":2,"name":"Chief Officer","count":41},{"id":1,"name":"Master","count":40},{"id":8,"name":"2nd Engineer","count":31},{"id":13,"name":"Electrical Engineer","count":22},{"id":9,"name":"3rd Engineer","count":21},{"id":4,"name":"3rd Officer","count":20},{"id":10,"name":"4th Engineer","count":17},{"id":15,"name":"Able Seaman","count":15},{"id":18,"name":"Fitter","count":13},{"id":3,"name":"2nd Officer","count":12},{"id":19,"name":"Motorman","count":10},{"id":16,"name":"Ordinary Seaman","count":8},{"id":11,"name":"Gas Engineer","count":5},{"id":27,"name":"Messman","count":5},{"id":21,"name":"Ch Cook","count":4},{"id":22,"name":"Cook","count":4},{"id":20,"name":"Wiper","count":3},{"id":17,"name":"Pumpman","count":3},{"id":48,"name":"Trainee engineer","count":3},{"id":24,"name":"Cook AB","count":2},{"id":45,"name":"Junior Electrical Engineer","count":2},{"id":6,"name":"Junior Officer","count":1},{"id":14,"name":"Bosun","count":1},{"id":52,"name":"Excavator driver\/AB","count":1}];
1790    var vesselData  = [{"id":29,"name":"Crude Oil Tanker","count":148},{"id":5,"name":"General cargo","count":36},{"id":3,"name":"Container Ship","count":30},{"id":112,"name":"Chemical\/Oil Products Tanker","count":29},{"id":1,"name":"Bulk Carrier","count":23},{"id":104,"name":"LNG","count":17},{"id":99,"name":"Dredger","count":10},{"id":28,"name":"Chemical tanker","count":9},{"id":31,"name":"LPG","count":9},{"id":11,"name":"RO-RO","count":4},{"id":102,"name":"Car Carrier","count":4},{"id":72,"name":"Oil Products Tanker","count":3},{"id":107,"name":"LPG - Ethylene Gas Carrier","count":3},{"id":17,"name":"Other vessels","count":2},{"id":109,"name":"LPG - Fully refrigerated","count":2},{"id":73,"name":"VLCC","count":2},{"id":2,"name":"Coaster","count":2},{"id":48,"name":"Multi-Purpose Vessel","count":2},{"id":4,"name":"Dry Cargo","count":1},{"id":14,"name":"High Speed Craft","count":1},{"id":6,"name":"Heavy lift vessel","count":1},{"id":67,"name":"Bunkering Vessel","count":1},{"id":87,"name":"Offshore Supply vessel","count":1}];
1791
1792    function escHtml(s) {
1793        return String(s).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;');
1794    }
1795
1796    function initMultiSelect(cfg) {
1797        var textEl      = document.getElementById(cfg.textId);
1798        var containerEl = document.getElementById(cfg.containerId);
1799        var hiddenEl    = document.getElementById(cfg.hiddenId);
1800        var dropEl      = document.getElementById(cfg.dropId);
1801        var clearBtn    = document.getElementById(cfg.clearId);
1802        var data        = cfg.data;
1803        var selected    = [];
1804        var filtered    = [];
1805        var activeIdx   = -1;
1806
1807        containerEl.addEventListener('click', function (e) {
1808            if (!e.target.closest('.hs-tag')) textEl.focus();
1809        });
1810
1811        function syncHidden() {
1812            hiddenEl.value = selected.map(function (s) { return s.id; }).join(',');
1813            clearBtn.classList.toggle('hidden', selected.length === 0);
1814        }
1815
1816        function renderTags() {
1817            containerEl.querySelectorAll('.hs-tag').forEach(function (el) { el.remove(); });
1818            selected.forEach(function (item) {
1819                var tag = document.createElement('span');
1820                tag.className = 'hs-tag inline-flex items-center gap-1 pl-2.5 pr-1 py-1 rounded-md text-sm font-medium bg-sky-50 text-sky-700 border border-sky-200';
1821                tag.innerHTML = escHtml(item.name) +
1822                    '<button type="button" class="hs-tag-remove ml-0.5 text-sky-500 hover:text-sky-700" data-id="' + item.id + '">' +
1823                    '<svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M6 18L18 6M6 6l12 12"/></svg>' +
1824                    '</button>';
1825                containerEl.insertBefore(tag, textEl);
1826            });
1827            syncHidden();
1828        }
1829
1830        function isSelected(id) {
1831            return selected.some(function (s) { return s.id === id; });
1832        }
1833
1834        function renderDrop(items) {
1835            filtered  = items;
1836            activeIdx = -1;
1837            if (!items.length) { dropEl.classList.add('hidden'); return; }
1838            dropEl.innerHTML = items.map(function (item, i) {
1839                var checked = isSelected(item.id);
1840                return '<div class="hs-ac-item flex items-center gap-2 px-4 py-3 cursor-pointer hover:bg-sky-50 text-base text-gray-800 transition-colors duration-100' + (checked ? ' bg-sky-50' : '') + '" data-i="' + i + '">' +
1841                    '<span class="w-5 h-5 shrink-0 rounded border flex items-center justify-center ' + (checked ? 'bg-sky-600 border-sky-600' : 'border-gray-300') + '">' +
1842                    (checked ? '<svg class="w-3 h-3 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1842<path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M5 13l4 4L19 7"/></svg>' : '') +
1843                    '</span>' +
1844                    '<span class="flex-1">' + escHtml(item.name) + '</span>' +
1845                    '<span class="ml-2 shrink-0 text-sm font-medium text-sky-700 bg-sky-50 px-1.5 py-0.5 rounded">' + item.count + '</span>' +
1846                    '</div>';
1847            }).join('');
1848            dropEl.classList.remove('hidden');
1849        }
1850
1851        function getFiltered(q) {
1852            var lq = q.toLowerCase();
1853            return data.filter(function (d) { return !q || d.name.toLowerCase().indexOf(lq) !== -1; });
1854        }
1855
1856        function toggle(item) {
1857            var idx = selected.findIndex(function (s) { return s.id === item.id; });
1858            if (idx === -1) selected.push(item); else selected.splice(idx, 1);
1859            textEl.value = '';
1860            renderTags();
1861            renderDrop(getFiltered(''));
1862        }
1863
1864        function highlight(i) {
1865            dropEl.querySelectorAll('.hs-ac-item').forEach(function (el, idx) {
1866                el.classList.toggle('bg-sky-50', isSelected(filtered[idx] && filtered[idx].id) || idx === i);
1867            });
1868            activeIdx = i;
1869            var el = dropEl.querySelectorAll('.hs-ac-item')[i];
1870            if (el) el.scrollIntoView({ block: 'nearest' });
1871        }
1872
1873        textEl.addEventListener('focus', function () { renderDrop(getFiltered(this.value.trim())); });
1874        textEl.addEventListener('input', function () { renderDrop(getFiltered(this.value.trim())); });
1875
1876        textEl.addEventListener('keydown', function (e) {
1877            var items = dropEl.querySelectorAll('.hs-ac-item');
1878            if (e.key === 'ArrowDown') { e.preventDefault(); highlight(Math.min(activeIdx + 1, items.length - 1)); }
1879            else if (e.key === 'ArrowUp') { e.preventDefault(); highlight(Math.max(activeIdx - 1, 0)); }
1880            else if (e.key === 'Enter') { e.preventDefault(); if (activeIdx >= 0 && filtered[activeIdx]) toggle(filtered[activeIdx]); }
1881            else if (e.key === 'Escape') { dropEl.classList.add('hidden'); }
1882            else if (e.key === 'Backspace' && !this.value && selected.length) {
1883                selected.splice(selected.length - 1, 1);
1884                renderTags();
1885                renderDrop(getFiltered(''));
1886            }
1887        });
1888
1889        dropEl.addEventListener('mousedown', function (e) {
1890            var item = e.target.closest('.hs-ac-item');
1891            if (!item) return;
1892            e.preventDefault();
1893            var i = parseInt(item.dataset.i, 10);
1894            if (filtered[i]) toggle(filtered[i]);
1895        });
1896
1897        containerEl.addEventListener('mousedown', function (e) {
1898            var btn = e.target.closest('.hs-tag-remove');
1899            if (!btn) return;
1900            e.preventDefault();
1901            var id = parseInt(btn.dataset.id, 10);
1902            selected = selected.filter(function (s) { return s.id !== id; });
1903            renderTags();
1904            renderDrop(getFiltered(textEl.value.trim()));
1905        });
1906
1907        clearBtn.addEventListener('mousedown', function (e) {
1908            e.preventDefault();
1909            selected = [];
1910            textEl.value = '';
1911            renderTags();
1912            renderDrop(data);
1913        });
1914
1915        document.addEventListener('click', function (e) {
1916            if (!containerEl.contains(e.target) && !dropEl.contains(e.target) && !clearBtn.contains(e.target)) {
1917                dropEl.classList.add('hidden');
1918            }
1919        });
1920    }
1921
1922    initMultiSelect({ containerId: 'hs-ranks-container',  textId: 'hs-ranks-text',  hiddenId: 'hs-ranks-hidden',  dropId: 'hs-ranks-dropdown',  clearId: 'hs-ranks-clear',  data: ranksData });
1923    initMultiSelect({ containerId: 'hs-vessel-container', textId: 'hs-vessel-text', hiddenId: 'hs-vessel-hidden', dropId: 'hs-vessel-dropdown', clearId: 'hs-vessel-clear', data: vesselData });
1924});
1925</script>
vendor: 1 bytes, line 1925
1925
1926<script>
1927var hdT = {
1928    ml1:  'рассылка',
1929    ml24: 'рассылки',
1930    mlN:  'рассылок',
1931};
1932// Update CV Mailer badge in header when credits change (fired by CvMailer.vue)
1933window.addEventListener('cv-credits-changed', function(e) {
1934    var n = e.detail.credits;
1935    var countEl = document.getElementById('cv-credits-count');
1936    var labelEl = document.getElementById('cv-credits-label');
1937    if (!countEl || !labelEl) return;
1938    countEl.textContent = n;
1939    labelEl.textContent = n === 1 ? hdT.ml1 : (n >= 2 && n <= 4 ? hdT.ml24 : hdT.mlN);
1940    // Hide badge if no credits left
1941    var badge = document.getElementById('cv-credits-badge');
1942    if (badge) badge.style.display = n > 0 ? '' : 'none';
1943});
1944
1945document.addEventListener('click', function(e) {
1946    var link = e.target.closest('.lang-switch');
1947    if (link) {
1948        var targetLocale = link.getAttribute('hreflang');
1949        var supportedLocales = ["en","ru"];
1950
1951        if (!targetLocale || supportedLocales.indexOf(targetLocale) === -1) {
1952            return;
1953        }
1954
1955        e.preventDefault();
1956
1957        var pathParts = window.location.pathname.split('/');
1958
1959        if (supportedLocales.indexOf(pathParts[1]) !== -1) {
1960            pathParts[1] = targetLocale;
1961        } else {
1962            pathParts.splice(1, 0, targetLocale);
1963        }
1964
1965        window.location.href = window.location.origin + pathParts.join('/') + window.location.search + window.location.hash;
1966    }
1967});
1968
1969</script>
1969
1970</body>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.