Team Ai
Apppublic

Dokers/Northen-node

sourceHugging Faceupdated 1y agoView on Hugging Face
0likes
decisions.html609 linesDownload Raw Back to root
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<title>Решения - Северный Узел</title>7<script src="https://cdn.tailwindcss.com/3.4.16"></script>8<script>9tailwind.config = {10theme: {11extend: {12colors: {13primary: '#25282B',14secondary: '#ffffff'15},16borderRadius: {17'none': '0px',18'sm': '4px',19DEFAULT: '8px',20'md': '12px',21'lg': '16px',22'xl': '20px',23'2xl': '24px',24'3xl': '32px',25'full': '9999px',26'button': '8px'27},28fontFamily: {29'din': ['DIN Alternate', 'DIN Pro', 'sans-serif'],30'roboto': ['Roboto', 'sans-serif']31}32}33}34}35</script>36<link rel="preconnect" href="https://fonts.googleapis.com">37<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>38<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet">39<link href="https://fonts.cdnfonts.com/css/coolvetica" rel="stylesheet">40<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/remixicon/4.6.0/remixicon.min.css">41<style>42:where([class^="ri-"])::before {43content: "\f3c2";44}45@import url('https://fonts.googleapis.com/css2?family=DIN+Alternate:wght@400;700&display=swap');46.nav-item {47position: relative;48}49.dropdown {50position: absolute;51top: 100%;52left: 0;53background: white;54border: 1px solid #e5e7eb;55border-radius: 8px;56box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);57opacity: 0;58visibility: hidden;59transform: translateY(-10px);60transition: all 0.3s ease;61z-index: 50;62min-width: 200px;63}64.nav-item:hover .dropdown {65opacity: 1;66visibility: visible;67transform: translateY(0);68}69.service-card {70transition: all 0.3s ease;71}72.service-card:hover {73transform: translateY(-4px);74box-shadow: 0 15px 35px rgba(37, 40, 43, 0.1);75}76.hero-bg {77background: linear-gradient(135deg, rgba(37, 40, 43, 0.9) 0%, rgba(37, 40, 43, 0.7) 50%, transparent 100%);78}79</style>80</head>81<body class="font-roboto bg-white">82<header class="bg-white border-b border-gray-100 sticky top-0 z-40">83<div class="w-full px-6 lg:px-8">84<div class="flex items-center justify-between h-20">85<div class="flex items-center">86<a href="/index.html" data-readdy="true" class="flex items-center">87<span class="text-3xl font-['Coolvetica'] text-primary">Северный Узел</span>88</a>89</div>90<nav class="hidden lg:flex items-center space-x-8">91<a href="/index.html" data-readdy="true" class="text-gray-700 hover:text-primary transition-colors font-medium">Главная</a>92<div class="nav-item">93<a href="#" class="text-gray-700 hover:text-primary transition-colors font-medium flex items-center">94Направления95<div class="w-4 h-4 flex items-center justify-center ml-1">96<i class="ri-arrow-down-s-line text-sm"></i>97</div>98</a>99<div class="dropdown">100<a href="/Logistic.html" class="block px-4 py-3 text-gray-700 hover:bg-gray-50 hover:text-primary transition-colors">Кризисная логистика</a>101<a href="/spectech.html" class="block px-4 py-3 text-gray-700 hover:bg-gray-50 hover:text-primary transition-colors">Спецтехника</a>102<a href="/connecting.html" class="block px-4 py-3 text-gray-700 hover:bg-gray-50 hover:text-primary transition-colors">Связь и мониторинг</a>103</div>104</div>105<a href="/decisions.html" class="text-primary font-medium">Решения</a>106<a href="/cases.html" class="text-gray-700 hover:text-primary transition-colors font-medium">Кейсы</a>107<a href="/expertise.html" class="text-gray-700 hover:text-primary transition-colors font-medium">Экспертиза</a>108<a href="/contacts.html" class="text-gray-700 hover:text-primary transition-colors font-medium">Контакты</a>109</nav>110<div class="flex items-center space-x-6">111<a href="tel:+7" class="text-gray-700 hover:text-primary transition-colors font-medium">+7 (495) 123-45-67</a>112<button class="bg-primary text-white px-6 py-3 !rounded-button hover:bg-gray-800 transition-colors font-medium whitespace-nowrap">113Обсудить задачу114</button>115</div>116</div>117</div>118</header>119 120<main>121<section class="relative min-h-screen flex items-center justify-center overflow-hidden">122<div style="background-image: url('https://readdy.ai/api/search-image?query=professional%20business%20team%20analyzing%20crisis%20management%20solutions%20in%20modern%20office%20with%20arctic%20landscape%20visible%20through%20windows%20strategic%20planning%20charts%20and%20maps%20on%20walls%20sophisticated%20corporate%20environment%20natural%20lighting&width=1920&height=1080&seq=solutions-hero&orientation=landscape')" class="absolute inset-0 bg-cover bg-center bg-no-repeat"></div>123<div class="hero-bg absolute inset-0"></div>124<div class="relative z-20 w-full px-6 lg:px-8 py-20">125<div class="max-w-6xl mx-auto">126<div class="max-w-3xl">127<h1 class="text-5xl lg:text-7xl font-bold text-white mb-8 font-din leading-tight">128Превращаем вызовы<br>в возможности129</h1>130<p class="text-xl lg:text-2xl text-gray-200 mb-12 leading-relaxed">131Наш подход к решению кризисных задач основан на глубоком анализе, стратегическом планировании и использовании передовых технологий для достижения результата в самых сложных условиях.132</p>133<div class="flex flex-col sm:flex-row items-start space-y-6 sm:space-y-0 sm:space-x-12">134<button class="bg-white text-primary px-10 py-5 !rounded-button hover:bg-gray-100 transition-all font-medium text-lg whitespace-nowrap shadow-lg">135Получить консультацию136</button>137<div class="text-white">138<div class="text-sm text-gray-300 mb-2">Экстренная связь 24/7</div>139<div class="text-2xl font-bold font-din">+7 (495) 123-45-67</div>140</div>141</div>142</div>143</div>144</div>145</section>146 147<section id="crisis-logistics" class="py-24 bg-white">148<div class="max-w-7xl mx-auto px-6 lg:px-8">149<div class="grid lg:grid-cols-2 gap-16 items-center">150<div>151<div class="w-16 h-16 flex items-center justify-center bg-primary text-white rounded-2xl mb-8">152<i class="ri-truck-line ri-2x"></i>153</div>154<h2 class="text-4xl font-bold text-primary mb-6 font-din">Кризисная логистика</h2>155<p class="text-xl text-gray-600 mb-8 leading-relaxed">156Обеспечиваем бесперебойные поставки в условиях, когда стандартные логистические решения неэффективны. Наша экспертиза позволяет доставлять грузы любой сложности в самые отдаленные и опасные регионы.157</p>158<div class="space-y-6 mb-10">159<div class="flex items-start space-x-4">160<div class="w-6 h-6 flex items-center justify-center bg-primary/10 text-primary rounded-full mt-1">161<i class="ri-check-line text-sm"></i>162</div>163<div>164<h4 class="font-bold text-primary mb-2">Доставка в обход конфликтных зон</h4>165<p class="text-gray-600">Альтернативные маршруты и специальные протоколы безопасности для работы в нестабильных регионах</p>166</div>167</div>168<div class="flex items-start space-x-4">169<div class="w-6 h-6 flex items-center justify-center bg-primary/10 text-primary rounded-full mt-1">170<i class="ri-check-line text-sm"></i>171</div>172<div>173<h4 class="font-bold text-primary mb-2">Арктическая логистика</h4>174<p class="text-gray-600">Специализированное оборудование и опыт работы при экстремально низких температурах до -60°C</p>175</div>176</div>177<div class="flex items-start space-x-4">178<div class="w-6 h-6 flex items-center justify-center bg-primary/10 text-primary rounded-full mt-1">179<i class="ri-check-line text-sm"></i>180</div>181<div>182<h4 class="font-bold text-primary mb-2">Экстренные поставки</h4>183<p class="text-gray-600">Мобилизация ресурсов в течение 2-4 часов для критически важных грузов</p>184</div>185</div>186</div>187<div class="bg-gray-50 p-6 rounded-2xl">188<h5 class="font-bold text-primary mb-4">Примеры применения:</h5>189<ul class="space-y-2 text-gray-600">190<li>• Доставка медицинского оборудования в зону стихийного бедствия на Камчатке за 18 часов</li>191<li>• Поставка 200 тонн строительных материалов на арктическую станцию в условиях полярной ночи</li>192<li>• Эвакуация персонала и оборудования с месторождения в зоне военного конфликта</li>193</ul>194</div>195</div>196<div class="h-96 bg-cover bg-center rounded-2xl" style="background-image: url('https://readdy.ai/api/search-image?query=heavy%20duty%20arctic%20logistics%20convoy%20with%20specialized%20trucks%20navigating%20through%20extreme%20winter%20conditions%20professional%20drivers%20in%20protective%20gear%20challenging%20snowy%20terrain%20industrial%20supply%20chain%20operation&width=600&height=400&seq=logistics-detail&orientation=landscape')"></div>197</div>198</div>199</section>200 201<section id="special-equipment" class="py-24 bg-gray-50">202<div class="max-w-7xl mx-auto px-6 lg:px-8">203<div class="grid lg:grid-cols-2 gap-16 items-center">204<div class="h-96 bg-cover bg-center rounded-2xl" style="background-image: url('https://readdy.ai/api/search-image?query=fleet%20of%20specialized%20arctic%20vehicles%20including%20all-terrain%20trucks%20snowmobiles%20and%20modular%20equipment%20parked%20in%20industrial%20facility%20professional%20rental%20service%20extreme%20weather%20machinery&width=600&height=400&seq=equipment-detail&orientation=landscape')"></div>205<div>206<div class="w-16 h-16 flex items-center justify-center bg-primary text-white rounded-2xl mb-8">207<i class="ri-tools-line ri-2x"></i>208</div>209<h2 class="text-4xl font-bold text-primary mb-6 font-din">Спецтехника</h2>210<p class="text-xl text-gray-600 mb-8 leading-relaxed">211Предоставляем в аренду и поставляем специализированное оборудование для работы в экстремальных условиях. Наш парк техники адаптирован для арктических температур и труднопроходимой местности.212</p>213<div class="space-y-6 mb-10">214<div class="flex items-start space-x-4">215<div class="w-6 h-6 flex items-center justify-center bg-primary/10 text-primary rounded-full mt-1">216<i class="ri-check-line text-sm"></i>217</div>218<div>219<h4 class="font-bold text-primary mb-2">Вездеходы и снегоходы</h4>220<p class="text-gray-600">Гусеничная и колесная техника повышенной проходимости для любых природных условий</p>221</div>222</div>223<div class="flex items-start space-x-4">224<div class="w-6 h-6 flex items-center justify-center bg-primary/10 text-primary rounded-full mt-1">225<i class="ri-check-line text-sm"></i>226</div>227<div>228<h4 class="font-bold text-primary mb-2">Арктические модули</h4>229<p class="text-gray-600">Мобильные жилые и технические модули с автономными системами жизнеобеспечения</p>230</div>231</div>232<div class="flex items-start space-x-4">233<div class="w-6 h-6 flex items-center justify-center bg-primary/10 text-primary rounded-full mt-1">234<i class="ri-check-line text-sm"></i>235</div>236<div>237<h4 class="font-bold text-primary mb-2">Специализированное оборудование</h4>238<p class="text-gray-600">Буровые установки, генераторы, компрессоры и другая техника для промышленных задач</p>239</div>240</div>241</div>242<div class="bg-white p-6 rounded-2xl">243<h5 class="font-bold text-primary mb-4">Примеры проектов:</h5>244<ul class="space-y-2 text-gray-600">245<li>• Аренда 15 вездеходов для геологоразведочной экспедиции в Якутии</li>246<li>• Поставка модульного лагеря на 50 человек для строительства трубопровода</li>247<li>• Предоставление аварийно-спасательной техники для ликвидации последствий ЧС</li>248</ul>249</div>250</div>251</div>252</div>253</section>254 255<section id="communication" class="py-24 bg-white">256<div class="max-w-7xl mx-auto px-6 lg:px-8">257<div class="grid lg:grid-cols-2 gap-16 items-center">258<div>259<div class="w-16 h-16 flex items-center justify-center bg-primary text-white rounded-2xl mb-8">260<i class="ri-satellite-line ri-2x"></i>261</div>262<h2 class="text-4xl font-bold text-primary mb-6 font-din">Связь и мониторинг</h2>263<p class="text-xl text-gray-600 mb-8 leading-relaxed">264Обеспечиваем надежную связь и постоянный мониторинг в любой точке планеты. Наши телекоммуникационные решения работают там, где обычная связь недоступна.265</p>266<div class="space-y-6 mb-10">267<div class="flex items-start space-x-4">268<div class="w-6 h-6 flex items-center justify-center bg-primary/10 text-primary rounded-full mt-1">269<i class="ri-check-line text-sm"></i>270</div>271<div>272<h4 class="font-bold text-primary mb-2">Спутниковая связь Iridium/Инмарсат</h4>273<p class="text-gray-600">Глобальное покрытие включая полярные регионы, голосовая связь и передача данных</p>274</div>275</div>276<div class="flex items-start space-x-4">277<div class="w-6 h-6 flex items-center justify-center bg-primary/10 text-primary rounded-full mt-1">278<i class="ri-check-line text-sm"></i>279</div>280<div>281<h4 class="font-bold text-primary mb-2">Системы трекинга</h4>282<p class="text-gray-600">GPS/ГЛОНАСС мониторинг транспорта, персонала и грузов в режиме реального времени</p>283</div>284</div>285<div class="flex items-start space-x-4">286<div class="w-6 h-6 flex items-center justify-center bg-primary/10 text-primary rounded-full mt-1">287<i class="ri-check-line text-sm"></i>288</div>289<div>290<h4 class="font-bold text-primary mb-2">Круглосуточный мониторинг</h4>291<p class="text-gray-600">Диспетчерский центр работает 24/7, контроль всех параметров и экстренное реагирование</p>292</div>293</div>294</div>295<div class="bg-gray-50 p-6 rounded-2xl">296<h5 class="font-bold text-primary mb-4">Примеры внедрения:</h5>297<ul class="space-y-2 text-gray-600">298<li>• Система связи для арктической экспедиции с покрытием 2000 км маршрута</li>299<li>• Мониторинг флота из 50 единиц техники на месторождениях Сибири</li>300<li>• Аварийная связь для спасательной операции в условиях полного отсутствия сотовой сети</li>301</ul>302</div>303</div>304<div class="h-96 bg-cover bg-center rounded-2xl" style="background-image: url('https://readdy.ai/api/search-image?query=advanced%20satellite%20communication%20control%20center%20with%20multiple%20monitors%20showing%20global%20tracking%20systems%20professional%20operators%20monitoring%20arctic%20operations%20high-tech%20telecommunications%20equipment%20modern%20facility&width=600&height=400&seq=communication-detail&orientation=landscape')"></div>305</div>306</div>307</section>308 309<section class="py-24 bg-gray-50">310<div class="max-w-7xl mx-auto px-6 lg:px-8">311<div class="grid lg:grid-cols-2 gap-16 items-center">312<div class="h-96 bg-cover bg-center rounded-2xl" style="background-image: url('https://readdy.ai/api/search-image?query=professional%20business%20consultants%20presenting%20crisis%20management%20strategy%20to%20corporate%20executives%20in%20modern%20boardroom%20charts%20graphs%20risk%20analysis%20documents%20strategic%20planning%20session&width=600&height=400&seq=consulting-detail&orientation=landscape')"></div>313<div>314<div class="w-16 h-16 flex items-center justify-center bg-primary text-white rounded-2xl mb-8">315<i class="ri-lightbulb-line ri-2x"></i>316</div>317<h2 class="text-4xl font-bold text-primary mb-6 font-din">Антикризисный консалтинг</h2>318<p class="text-xl text-gray-600 mb-8 leading-relaxed">319Помогаем компаниям не только преодолевать кризисы, но и извлекать из них максимальную выгоду. Наши эксперты разрабатывают стратегии, которые превращают угрозы в конкурентные преимущества.320</p>321<div class="space-y-6 mb-10">322<div class="flex items-start space-x-4">323<div class="w-6 h-6 flex items-center justify-center bg-primary/10 text-primary rounded-full mt-1">324<i class="ri-check-line text-sm"></i>325</div>326<div>327<h4 class="font-bold text-primary mb-2">Анализ рисков и угроз</h4>328<p class="text-gray-600">Комплексная оценка потенциальных кризисов и разработка превентивных мер</p>329</div>330</div>331<div class="flex items-start space-x-4">332<div class="w-6 h-6 flex items-center justify-center bg-primary/10 text-primary rounded-full mt-1">333<i class="ri-check-line text-sm"></i>334</div>335<div>336<h4 class="font-bold text-primary mb-2">Стратегии преодоления кризисов</h4>337<p class="text-gray-600">Разработка пошаговых планов действий для минимизации потерь и ускорения восстановления</p>338</div>339</div>340<div class="flex items-start space-x-4">341<div class="w-6 h-6 flex items-center justify-center bg-primary/10 text-primary rounded-full mt-1">342<i class="ri-check-line text-sm"></i>343</div>344<div>345<h4 class="font-bold text-primary mb-2">Планирование непрерывности бизнеса</h4>346<p class="text-gray-600">Создание резервных сценариев и альтернативных бизнес-процессов</p>347</div>348</div>349</div>350<div class="bg-white p-6 rounded-2xl">351<h5 class="font-bold text-primary mb-4">Успешные проекты:</h5>352<ul class="space-y-2 text-gray-600">353<li>• Реструктуризация логистической сети крупной компании, экономия 40% затрат</li>354<li>• Антикризисное управление в условиях санкций, сохранение 95% оборота</li>355<li>• Разработка плана непрерывности для предприятий критической инфраструктуры</li>356</ul>357</div>358</div>359</div>360</div>361</section>362 363<section class="py-24 bg-white">364<div class="max-w-4xl mx-auto px-6 lg:px-8">365<div class="text-center mb-16">366<h2 class="text-4xl font-bold text-primary mb-6 font-din">Получить консультацию</h2>367<p class="text-xl text-gray-600">Расскажите о вашей задаче, и мы предложим оптимальное решение</p>368</div>369<form class="bg-gray-50 p-8 rounded-2xl">370<div class="grid md:grid-cols-2 gap-6 mb-6">371<div>372<label class="block text-sm font-medium text-gray-700 mb-2">Ваше имя</label>373<input type="text" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary/20 focus:border-primary outline-none transition-colors" placeholder="Иван Петров">374</div>375<div>376<label class="block text-sm font-medium text-gray-700 mb-2">Компания</label>377<input type="text" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary/20 focus:border-primary outline-none transition-colors" placeholder="ООО Северная Нефть">378</div>379</div>380<div class="grid md:grid-cols-2 gap-6 mb-6">381<div>382<label class="block text-sm font-medium text-gray-700 mb-2">Телефон</label>383<input type="tel" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary/20 focus:border-primary outline-none transition-colors" placeholder="+7 (999) 123-45-67">384</div>385<div>386<label class="block text-sm font-medium text-gray-700 mb-2">Email</label>387<input type="email" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary/20 focus:border-primary outline-none transition-colors" placeholder="ivan@company.ru">388</div>389</div>390<div class="mb-6">391<label class="block text-sm font-medium text-gray-700 mb-2">Интересующее направление</label>392<div class="grid md:grid-cols-2 gap-4">393<label class="flex items-center space-x-3 cursor-pointer">394<div class="relative">395<input type="checkbox" class="sr-only">396<div class="w-5 h-5 border-2 border-gray-300 rounded bg-white transition-colors checkbox-custom"></div>397<div class="w-3 h-3 bg-primary rounded-sm absolute top-0.5 left-0.5 opacity-0 transition-opacity checkmark-custom"></div>398</div>399<span class="text-gray-700">Кризисная логистика</span>400</label>401<label class="flex items-center space-x-3 cursor-pointer">402<div class="relative">403<input type="checkbox" class="sr-only">404<div class="w-5 h-5 border-2 border-gray-300 rounded bg-white transition-colors checkbox-custom"></div>405<div class="w-3 h-3 bg-primary rounded-sm absolute top-0.5 left-0.5 opacity-0 transition-opacity checkmark-custom"></div>406</div>407<span class="text-gray-700">Спецтехника</span>408</label>409<label class="flex items-center space-x-3 cursor-pointer">410<div class="relative">411<input type="checkbox" class="sr-only">412<div class="w-5 h-5 border-2 border-gray-300 rounded bg-white transition-colors checkbox-custom"></div>413<div class="w-3 h-3 bg-primary rounded-sm absolute top-0.5 left-0.5 opacity-0 transition-opacity checkmark-custom"></div>414</div>415<span class="text-gray-700">Связь и мониторинг</span>416</label>417<label class="flex items-center space-x-3 cursor-pointer">418<div class="relative">419<input type="checkbox" class="sr-only">420<div class="w-5 h-5 border-2 border-gray-300 rounded bg-white transition-colors checkbox-custom"></div>421<div class="w-3 h-3 bg-primary rounded-sm absolute top-0.5 left-0.5 opacity-0 transition-opacity checkmark-custom"></div>422</div>423<span class="text-gray-700">Антикризисный консалтинг</span>424</label>425</div>426</div>427<div class="mb-8">428<label class="block text-sm font-medium text-gray-700 mb-2">Описание задачи</label>429<textarea rows="5" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary/20 focus:border-primary outline-none transition-colors resize-none" placeholder="Опишите вашу задачу, сроки, особые требования..."></textarea>430</div>431<div class="flex flex-col sm:flex-row items-center justify-between space-y-4 sm:space-y-0">432<button type="submit" class="bg-primary text-white px-8 py-4 !rounded-button hover:bg-gray-800 transition-colors font-medium whitespace-nowrap">433Отправить заявку434</button>435<div class="text-center sm:text-right">436<div class="text-sm text-gray-500 mb-1">Или свяжитесь напрямую</div>437<a href="tel:+7" class="text-primary font-medium hover:underline">+7 (495) 123-45-67</a>438</div>439</div>440</form>441</div>442</section>443 444<section class="py-20 bg-primary text-white">445<div class="max-w-4xl mx-auto px-6 lg:px-8 text-center">446<h2 class="text-4xl font-bold mb-6 font-din">Готовы обсудить ваш проект?</h2>447<p class="text-xl text-gray-300 mb-8 leading-relaxed">448Наши эксперты проанализируют вашу ситуацию и предложат оптимальные решения. Первая консультация бесплатно.449</p>450<div class="grid md:grid-cols-3 gap-8 mb-12">451<div class="text-center">452<div class="text-3xl font-bold mb-2 font-din">24/7</div>453<div class="text-gray-300">Круглосуточная поддержка</div>454</div>455<div class="text-center">456<div class="text-3xl font-bold mb-2 font-din">2 часа</div>457<div class="text-gray-300">Время реагирования</div>458</div>459<div class="text-center">460<div class="text-3xl font-bold mb-2 font-din">15 лет</div>461<div class="text-gray-300">Опыт работы</div>462</div>463</div>464<div class="flex flex-col sm:flex-row justify-center items-center space-y-4 sm:space-y-0 sm:space-x-6">465<button class="bg-white text-primary px-8 py-4 !rounded-button hover:bg-gray-100 transition-colors font-medium whitespace-nowrap">466Обсудить задачу467</button>468<div class="text-center">469<div class="text-sm text-gray-400 mb-1">Москва, Тверская 15, офис 401</div>470<div class="text-sm text-gray-400">Работаем ежедневно с 8:00 до 20:00</div>471</div>472</div>473</div>474</section>475</main>476 477<footer class="bg-white border-t border-gray-100 py-16">478<div class="max-w-7xl mx-auto px-6 lg:px-8">479<div class="grid lg:grid-cols-4 gap-12">480<div class="lg:col-span-2">481<div class="text-2xl font-bold text-primary mb-4 font-['Coolvetica']">Северный Узел</div>482<p class="text-gray-600 mb-6 leading-relaxed max-w-md">483Поставка спутниковой техники, логистика в экстремальных условиях и антикризисный консалтинг для решения самых сложных задач.484</p>485<div class="text-sm text-gray-500">486© 2024 Северный Узел. Все права защищены.487</div>488</div>489<div>490<h3 class="text-lg font-bold text-primary mb-4 font-din">Услуги</h3>491<ul class="space-y-3">492<li><a href="#crisis-logistics" class="text-gray-600 hover:text-primary transition-colors">Кризисная логистика</a></li>493<li><a href="#special-equipment" class="text-gray-600 hover:text-primary transition-colors">Спецтехника</a></li>494<li><a href="#communication" class="text-gray-600 hover:text-primary transition-colors">Связь и мониторинг</a></li>495<li><a href="#" class="text-gray-600 hover:text-primary transition-colors">Антикризисный консалтинг</a></li>496</ul>497</div>498<div>499<h3 class="text-lg font-bold text-primary mb-4 font-din">Контакты</h3>500<ul class="space-y-3">501<li class="text-gray-600">+7 (495) 123-45-67</li>502<li class="text-gray-600">info@severnyuzel.ru</li>503<li class="text-gray-600">Работаем круглосуточно</li>504</ul>505</div>506</div>507</div>508</footer>509 510<script id="dropdown-menu">511document.addEventListener('DOMContentLoaded', function() {512const navItem = document.querySelector('.nav-item');513const dropdown = navItem.querySelector('.dropdown');514const dropdownLink = navItem.querySelector('a');515let isDropdownOpen = false;516 517dropdownLink.addEventListener('click', function(e) {518e.preventDefault();519isDropdownOpen = !isDropdownOpen;520if (isDropdownOpen) {521dropdown.style.opacity = '1';522dropdown.style.visibility = 'visible';523dropdown.style.transform = 'translateY(0)';524} else {525dropdown.style.opacity = '0';526dropdown.style.visibility = 'hidden';527dropdown.style.transform = 'translateY(-10px)';528}529});530 531document.addEventListener('click', function(e) {532if (!navItem.contains(e.target)) {533isDropdownOpen = false;534dropdown.style.opacity = '0';535dropdown.style.visibility = 'hidden';536dropdown.style.transform = 'translateY(-10px)';537}538});539});540</script>541 542<script id="checkbox-functionality">543document.addEventListener('DOMContentLoaded', function() {544const checkboxes = document.querySelectorAll('input[type="checkbox"]');545checkboxes.forEach(checkbox => {546const customCheckbox = checkbox.parentElement.querySelector('.checkbox-custom');547const checkmark = checkbox.parentElement.querySelector('.checkmark-custom');548 549checkbox.addEventListener('change', function() {550if (this.checked) {551customCheckbox.style.borderColor = '#25282B';552customCheckbox.style.backgroundColor = '#25282B';553checkmark.style.opacity = '1';554} else {555customCheckbox.style.borderColor = '#d1d5db';556customCheckbox.style.backgroundColor = '#ffffff';557checkmark.style.opacity = '0';558}559});560 561checkbox.parentElement.addEventListener('click', function() {562checkbox.checked = !checkbox.checked;563checkbox.dispatchEvent(new Event('change'));564});565});566});567</script>568 569<script id="smooth-scroll">570document.addEventListener('DOMContentLoaded', function() {571const links = document.querySelectorAll('a[href^="#"]');572links.forEach(link => {573link.addEventListener('click', function(e) {574e.preventDefault();575const target = document.querySelector(this.getAttribute('href'));576if (target) {577target.scrollIntoView({578behavior: 'smooth',579block: 'start'580});581}582});583});584});585</script>586 587<script id="form-submission">588document.addEventListener('DOMContentLoaded', function() {589const form = document.querySelector('form');590form.addEventListener('submit', function(e) {591e.preventDefault();592const submitButton = this.querySelector('button[type="submit"]');593const originalText = submitButton.textContent;594submitButton.textContent = 'Отправляем...';595submitButton.disabled = true;596 597setTimeout(() => {598submitButton.textContent = 'Заявка отправлена!';599setTimeout(() => {600submitButton.textContent = originalText;601submitButton.disabled = false;602}, 2000);603}, 1000);604});605});606</script>607 608</body>609</html>