diff --git a/public/bg-header.jpeg b/public/bg-header.jpeg new file mode 100644 index 0000000..1edb2ef Binary files /dev/null and b/public/bg-header.jpeg differ diff --git a/public/certificates.html b/public/certificates.html new file mode 100644 index 0000000..44d354c --- /dev/null +++ b/public/certificates.html @@ -0,0 +1,67 @@ + + + + + + Сертификаты ISO 9001, OHSAS 18001, ISO 14001 | СТС-Авто + + + + + + + + +
+
+ +
+
+ +
+ +
+
+
+

Сертификаты системы менеджмента

+

Мы имеем все необходимые документы для выполнения работ по демонтажу и капитальному ремонту трубопроводов, включая работу на особо опасных объектах. Наша система менеджмента соответствует международным и российским стандартам.

+ +
+
+
📋
+

ГОСТ Р ИСО 9001:2015

+

«Системы менеджмента качества. Требования»

+

Сертификат подтверждает, что процессы управления качеством в организации соответствуют международному стандарту. Мы гарантируем стабильное качество работ по демонтажу, рекультивации и ремонту трубопроводов.

+

Дата выдачи: 16.05.2018 г.

+
+ +
+
🛡️
+

OHSAS 18001:2007

+

«Системы менеджмента профессионального здоровья и безопасности»

+

Сертификат удостоверяет, что в компании внедрена эффективная система охраны труда и промышленной безопасности. Наши сотрудники обеспечены средствами защиты, проходят регулярные инструктажи и медосмотры.

+

Дата выдачи: 27.04.2018 г.

+
+ +
+
🌿
+

ГОСТ Р ИСО 14001-2016

+

«Системы экологического менеджмента»

+

Сертификат подтверждает, что наша деятельность по демонтажу и утилизации трубопроводов соответствует экологическим стандартам. Мы обеспечиваем рекультивацию земель и безопасное обращение с отходами I-IV класса.

+

Дата выдачи: соответствует ГОСТ Р ИСО 14001-2016

+
+
+ +
+

Все сертификаты действительны и поддерживаются в актуальном состоянии. Мы проходим ежегодные аудиты для подтверждения соответствия стандартам.

+
+
+
+
+ + \ No newline at end of file diff --git a/public/common.js b/public/common.js new file mode 100644 index 0000000..a2822dd --- /dev/null +++ b/public/common.js @@ -0,0 +1,64 @@ +async function loadCompanyData() { + try { + const response = await fetch('/api/config'); + const data = await response.json(); + + // Заполняем контакты в шапке + const headerContacts = document.querySelector('.contacts-header'); + if (headerContacts) { + const phonesHtml = data.phones.map(phone => `${phone}`).join(' | '); + headerContacts.innerHTML = ` +
📞 ${phonesHtml}
+
✉️ ${data.email}
+ `; + } + + // Заполняем футер + const footerAddress = document.getElementById('footer-address'); + if (footerAddress) footerAddress.innerText = data.address; + + const footerEmail = document.getElementById('footer-email'); + if (footerEmail) footerEmail.innerHTML = `${data.email}`; + + const footerPhones = document.getElementById('footer-phones'); + if (footerPhones) { + // Добавляем иконку 📞 перед каждым номером + footerPhones.innerHTML = data.phones.map(p => `📞 ${p}`).join('
'); + } + + const disclaimerDiv = document.getElementById('disclaimer-text'); + if (disclaimerDiv) { + disclaimerDiv.innerHTML = `

${data.disclaimer1}

${data.disclaimer2}

`; + } + } catch (err) { + console.error('Ошибка загрузки конфигурации:', err); + } +} + +document.addEventListener('DOMContentLoaded', loadCompanyData); + +// Scroll Animations +function initScrollAnimations() { + const animateElements = document.querySelectorAll('.animate-on-scroll, .animate-left, .animate-right, .animate-scale'); + + const observer = new IntersectionObserver((entries) => { + entries.forEach(entry => { + if (entry.isIntersecting) { + const delay = entry.target.dataset.delay || 0; + setTimeout(() => { + entry.target.classList.add('animated'); + }, parseInt(delay)); + observer.unobserve(entry.target); + } + }); + }, { + threshold: 0.1, + rootMargin: '0px 0px -50px 0px' + }); + + animateElements.forEach(el => observer.observe(el)); +} + +document.addEventListener('DOMContentLoaded', () => { + initScrollAnimations(); +}); \ No newline at end of file diff --git a/public/demontazh.html b/public/demontazh.html new file mode 100644 index 0000000..c34291b --- /dev/null +++ b/public/demontazh.html @@ -0,0 +1,100 @@ + + + + + + Демонтаж и капремонт трубопроводов | СТС-Авто + + + + + + + + +
+
+ +
+
+ +
+ +
+
+ +
+

Демонтаж и капитальный ремонт трубопроводов

+

Недействующие и отработанные нефтегазопроводы, водоводы, системы мелиорации

+
+ + +
+
+
🚜
+

Собственный парк техники

+

Вся техника не старше 5 лет – экскаваторы, трактора, краны, самосвалы, тралы. Работаем как на твёрдом грунте, так и на заболоченных участках с применением экскаватора-амфибии.

+

Парк насчитывает 40+ единиц современной спецтехники.

+
+
+
⚙️
+

Что входит в работы?

+
    +
  • Извлечение трубы из грунта
    • +
  • Резка на транспортные секции
    • +
  • Погрузка в транспорт
    • +
  • Доставка на площадку заказчика или переработку
    • +
  • Техническая рекультивация земель
    • +
+
+
+ + +
+
🐊
+
+

Экскаватор-амфибия (болотоход)

+

Благодаря понтонной платформе работает на болотах, где не просматривается дно. Идеален для заболоченных участков, торфяников и обводнённых территорий.

+
+
+ + +

Необходимые документы и лицензии

+
+
+ 🏛️ + Лицензия СРО +

Особо опасные виды работ (кроме атомной энергии). Специалисты включены в реестр НОСТРОЙ.

+
+
+ ♻️ + Лицензия на отходы I–IV класса +

Сбор, транспортировка, утилизация, обезвреживание. № 066№00783 от 13.09.2018г.

+
+
+ 🔩 + Лицензия на лом металлов +

Заготовка, хранение, переработка, реализация лома чёрных и цветных металлов. № ЛМ 000092 от 31.10.2018г.

+
+
+ + +
+
📋 ГОСТ Р ИСО 9001:2015
+
🛡️ OHSAS 18001:2007
+
🌿 ГОСТ Р ИСО 14001-2016
+
+ + +
+

Высококвалифицированные специалисты имеют опыт работ в районах Крайнего Севера. На условиях подряда возможен расчёт трубой за услуги демонтажа. Будем рады взаимовыгодному сотрудничеству!

+
+
+
+ + \ No newline at end of file diff --git a/public/feedback.js b/public/feedback.js new file mode 100644 index 0000000..3f91336 --- /dev/null +++ b/public/feedback.js @@ -0,0 +1,85 @@ +// Файл feedback.js – кнопка обратной связи и форма отправки заявки +(function() { + // Создаём плавающую кнопку + const btn = document.createElement('button'); + btn.textContent = '✉️ Обратная связь'; + btn.className = 'feedback-btn'; + document.body.appendChild(btn); + + // Создаём модальное окно (изначально скрыто) + const modal = document.createElement('div'); + modal.className = 'feedback-modal'; + modal.style.display = 'none'; + modal.innerHTML = ` +
+ × +

Оставить заявку

+
+ + + + + + + + +
+
+ `; + document.body.appendChild(modal); + + // Элементы управления + const closeSpan = modal.querySelector('.feedback-close'); + const form = document.getElementById('feedback-form'); + + // Открытие модального окна + btn.onclick = () => { + modal.style.display = 'flex'; + }; + + // Закрытие + closeSpan.onclick = () => { + modal.style.display = 'none'; + }; + window.onclick = (e) => { + if (e.target === modal) modal.style.display = 'none'; + }; + + // Отправка формы + form.onsubmit = async (e) => { + e.preventDefault(); + const formData = new FormData(form); + const data = { + lastname: formData.get('lastname') || '', + firstname: formData.get('firstname') || '', + middlename: formData.get('middlename') || '', + inn: formData.get('inn'), + phone: formData.get('phone'), + email: formData.get('email') || '', + message: formData.get('message') || '', + date: new Date().toISOString() + }; + // Проверка обязательных полей + if (!data.inn || !data.phone) { + alert('Пожалуйста, заполните ИНН компании и номер телефона.'); + return; + } + try { + const response = await fetch('/api/request', { + method: 'POST', + headers: { 'Content-Type': 'application/json' }, + body: JSON.stringify(data) + }); + if (response.ok) { + alert('Спасибо! Ваша заявка принята. Мы свяжемся с вами в ближайшее рабочее время.'); + form.reset(); + modal.style.display = 'none'; + } else { + const err = await response.json(); + alert('Ошибка: ' + (err.error || 'не удалось отправить заявку')); + } + } catch (err) { + alert('Ошибка соединения. Попробуйте позже.'); + } + }; +})(); \ No newline at end of file diff --git a/public/fleet-all.png b/public/fleet-all.png new file mode 100644 index 0000000..efdc1a2 Binary files /dev/null and b/public/fleet-all.png differ diff --git a/public/fleet.html b/public/fleet.html new file mode 100644 index 0000000..0549390 --- /dev/null +++ b/public/fleet.html @@ -0,0 +1,98 @@ + + + + + + Парк техники | СТС-Авто + + + + + + + + +
+
+ +
+
+ +
+ +
+
+
+

Парк техники

+

Компания имеет собственный парк современной строительной спецтехники. Вся техника не старше 5 лет, регулярно обновляется и обслуживается. Парк насчитывает порядка 40 единиц специализированной техники.

+ +
+
40+ единиц техники
+
1000 км демонтажа ежегодно
+
≤5 лет возраст техники
+
+ +

Виды техники

+
+
+ 🚜 +
+ Экскаваторы +

Колесные и гусеничные, различной мощности для работы в любых грунтах

+
+
+
+ 🚛 +
+ Трактора +

Бульдозеры, трубоукладчики, тракторы для подготовительных работ

+
+
+
+ 🏗️ +
+ Краны +

Автокраны для погрузки и монтажа секций труб

+
+
+
+ 🚚 +
+ Самосвалы +

Для вывоза демонтированных труб и грунта

+
+
+
+ 🚛 +
+ Тралы +

Низкорамные тралы для перевозки тяжелой техники между объектами

+
+
+
+ +

Экскаватор-амфибия (болотоход)

+
+
🐊
+
+

Работы проводятся как на твердом грунте, так и на заболоченных участках с применением экскаватора-амфибии (болотохода). Благодаря понтонной платформе техника работает на болотах, где не просматривается дно.

+

Экскаватор-амфибия позволяет выполнять демонтаж трубопроводов в самых труднодоступных местах: торфяники, обводненные участки, поймы рек.

+
+
+ +

Рекультивация земель

+

По окончании работ по демонтажу участка нефтепровода выполняется техническая рекультивация нарушенных при производстве земель. Восстанавливаем плодородный слой, планируем территорию, обеспечиваем экологическую безопасность.

+ +
+

Ежегодный объем демонтажа трубопроводов, выполняемый нашей организацией, составляет 1000 км. Собственная техника позволяет работать без простоев и привлечения субподрядчиков.

+
+
+
+
+ + \ No newline at end of file diff --git a/public/footer.js b/public/footer.js new file mode 100644 index 0000000..5a9d86c --- /dev/null +++ b/public/footer.js @@ -0,0 +1,79 @@ +// Файл footer.js – динамическая генерация подвала сайта и добавление изображения техники в шапку +document.addEventListener('DOMContentLoaded', () => { + // ----- 1. Вставка изображения техники в шапку (на всех страницах) ----- + function addFleetImageToHeader() { + const headerInner = document.querySelector('.header-inner'); + if (!headerInner) return; + if (document.querySelector('.header-fleet-image')) return; + + const logo = headerInner.querySelector('.logo'); + if (!logo) return; + + const fleetDiv = document.createElement('div'); + fleetDiv.className = 'header-fleet-image'; + fleetDiv.style.width = '20%'; + fleetDiv.style.maxWidth = 'none'; + fleetDiv.style.margin = '0 20px'; + + fleetDiv.innerHTML = ` + Весь парк техники СТС-Авто: экскаваторы, тракторы, краны, самосвалы, тралы, экскаватор-амфибия + `; + logo.insertAdjacentElement('afterend', fleetDiv); + } + + addFleetImageToHeader(); + + // ----- 2. Генерация футера с улучшенной структурой ----- + if (document.getElementById('dynamic-footer')) return; + + const footer = document.createElement('footer'); + footer.id = 'dynamic-footer'; + footer.innerHTML = ` +
+
+
+

Контакты

+

📍

+

+

✉️

+
+
+

Деятельность

+

Демонтаж нефтегазопроводов по России

+

Рекультивация земель, вывоз труб

+
+
+
+
+ `; + + // Добавляем стили для ссылок в футере (чтобы они были красивыми и кликабельными) + const footerStyles = document.createElement('style'); + footerStyles.textContent = ` + footer a { + color: #a0c4e2; + text-decoration: none; + transition: color 0.2s; + } + footer a:hover { + color: #e67e22; + text-decoration: underline; + } + #footer-phones a { + display: inline-block; + margin-bottom: 6px; + line-height: 1.4; + } + `; + document.head.appendChild(footerStyles); + + const main = document.querySelector('main'); + if (main) { + main.insertAdjacentElement('afterend', footer); + } else { + document.body.appendChild(footer); + } +}); \ No newline at end of file diff --git a/public/index.html b/public/index.html new file mode 100644 index 0000000..485668e --- /dev/null +++ b/public/index.html @@ -0,0 +1,114 @@ + + + + + + СТС-Авто – Демонтаж и капремонт нефтегазопроводов по России + + + + + + + + +
+
+ +
+
+ +
+ +
+
+ +
+

Профессиональный демонтаж и капремонт трубопроводов

+

Нефтегазопроводы, водоводы, системы мелиорации – любой сложности и в любых условиях

+
+
40+ единиц техники
+
1000 км демонтажа в год
+
≤5 лет возраст техники
+
+
+ + +

Наши ключевые услуги

+
+ +
🔧
+

Демонтаж и капремонт трубопроводов

+

Извлечение трубы, резка, погрузка, доставка. Работаем на твёрдых и заболоченных грунтах.

+ + +
🛠️
+

Устранение дефектов (КМТ)

+

Композитно-муфтовая технология ремонта магистральных нефтепроводов без остановки перекачки.

+ + +
🚜
+

Парк современной техники

+

Экскаваторы, тракторы, краны, самосвалы, тралы, экскаватор-амфибия. Вся техника до 5 лет.

+ + +
👷
+

Аттестованный персонал

+

Опыт работы в районах Крайнего Севера. Допуски к особо опасным объектам, реестр НОСТРОЙ.

+ +
+ + +
+

Лицензии и сертификаты

+
+
🏛️ Лицензия СРО (особо опасные виды)
+
♻️ Лицензия на отходы I–IV класса
+
🔩 Лицензия на лом чёрных и цветных металлов
+
📋 Сертификат ISO 9001:2015
+
🛡️ OHSAS 18001:2007
+
🌿 ISO 14001:2016
+
+
+ Подробнее о сертификатах → + Лицензия СРО → +
+
+ + +
+

О компании

+

Наша организация выполнит работы по демонтажу и капремонту трубопровода, недействующие и отработанные нефтегазопроводы, водоводы, системы мелиорации. Компания имеет собственный парк современной (вся техника не старше 5 лет) строительной спецтехники.

+

Работы проводятся как на твердом грунте, так и на заболоченных участках с применением экскаватора-амфибии (болотоход). Высококвалифицированные специалисты имеют опыт работ в районах Крайнего Севера.

+

На условиях подряда возможен расчёт трубой за услуги демонтажа. Будем рады взаимовыгодному сотрудничеству!

+
+ + +
+

Рекультивация земель

+

Нефтезагрязненных и/или засоленных земель. Устройство лежневого настила, рекультивация земельных участков, расчистка от мелколесья, строительство вдольтрассового проезда, работы по расчистке охранной зоны от древесно-кустарниковой растительности.

+
+ + +
+

Нужен демонтаж или ремонт трубопровода?

+

Оставьте заявку – наши специалисты свяжутся с вами в ближайшее рабочее время

+ +
+
+
+ + + + \ No newline at end of file diff --git a/public/license.html b/public/license.html new file mode 100644 index 0000000..c31cc69 --- /dev/null +++ b/public/license.html @@ -0,0 +1,90 @@ + + + + + + Лицензия СРО особо опасные виды работ | СТС-Авто + + + + + + + + +
+
+ +
+
+ +
+ +
+
+ +
+

Лицензия СРО

+

Особо опасные виды работ (кроме объектов использования атомной энергии)

+
+ + +
+

Специалисты обучены и имеют допуски к особо опасным видам работ, сведения о которых включены в национальный реестр специалистов в области строительства НОСТРОЙ.

+

Мы имеем все необходимые документы для выполнения работ на следующих типах объектов.

+
+ + +

К особо опасным и технически сложным объектам относятся:

+
+
⚛️ Объекты использования атомной энергии
+
💧 Гидротехнические сооружения I и II классов
+
📡 Линейно-кабельные сооружения связи
+
⚡ ЛЭП 330 кВ и более
+
🛰️ Объекты космической инфраструктуры
+
✈️ Аэропорты и объекты авиаинфраструктуры
+
🚆 Объекты инфраструктуры ж/д транспорта общего пользования
+
🚇 Метрополитены
+
⚓ Морские порты (кроме спортивных и прогулочных)
+
🔥 Тепловые электростанции мощностью ≥150 МВт
+
+ + +
+
+ ⚠️ +

Опасные производственные объекты, на которых:

+
+
+
+ а) + получаются, используются, перерабатываются, образуются, хранятся, транспортируются, уничтожаются опасные вещества в количествах, превышающих предельные. Такие вещества и их предельные количества указаны в приложениях 1 и 2 к Федеральному закону от 21 июля 1997 года № 116-ФЗ «О промышленной безопасности опасных производственных объектов». При этом не относятся к особо опасным и технически сложным объектам газораспределительные системы, на которых используется, хранится или транспортируется природный газ под давлением до 1,2 мегапаскаля включительно или сжиженный углеводородный газ под давлением до 1,6 мегапаскаля включительно; +
+
+ б) + получаются расплавы черных и цветных металлов и сплавы на основе этих расплавов; +
+
+ в) + ведутся горные работы, работы по обогащению полезных ископаемых, а также работы в подземных условиях; +
+
+ г) + используются стационарно установленные канатные дороги и фуникулеры. +
+
+
+ + +
+

Наличие лицензии СРО и допусков НОСТРОЙ позволяет нам выполнять полный комплекс работ по демонтажу и капитальному ремонту трубопроводов, включая объекты нефтегазовой отрасли, магистральные нефтепроводы, подводные переходы и другие особо опасные объекты.

+
+
+
+ + \ No newline at end of file diff --git a/public/logo.png b/public/logo.png new file mode 100644 index 0000000..6592f85 Binary files /dev/null and b/public/logo.png differ diff --git a/public/nav.js b/public/nav.js new file mode 100644 index 0000000..e9f2d24 --- /dev/null +++ b/public/nav.js @@ -0,0 +1,109 @@ +document.addEventListener('DOMContentLoaded', () => { + const navContainer = document.getElementById('nav-container'); + if (!navContainer) return; + + // ----- 1. Создание структуры меню (как было) ----- + const mainMenu = [ + { href: '/demontazh', title: 'Демонтаж и капремонт трубопроводов' }, + { href: '/ustranenie', title: 'Устранение дефектов (КМТ)' } + ]; + + const extraMenu = [ + { href: '/personnel', title: 'Аттестованный персонал' }, + { href: '/fleet', title: 'Парк техники (не старше 5 лет)' }, + { href: '/certificates', title: 'ИСО 9001, OHSAS 18001, ИСО 14001' }, + { href: '/license', title: 'Лицензия СРО' }, + { href: '/waste-license', title: 'Лицензия на отходы I–IV класса' }, + { href: '/scrap-license', title: 'Лицензия на лом чёрных и цветных металлов' } + ]; + + const currentPath = window.location.pathname; + const isActive = (href) => { + if (href === '/' && currentPath === '/') return true; + if (href !== '/' && currentPath.startsWith(href)) return true; + return false; + }; + + const nav = document.createElement('nav'); + nav.className = 'main-nav'; + + const ul = document.createElement('ul'); + ul.className = 'nav-buttons'; + mainMenu.forEach(item => { + const li = document.createElement('li'); + const a = document.createElement('a'); + a.href = item.href; + a.textContent = item.title; + if (isActive(item.href)) a.classList.add('active'); + li.appendChild(a); + ul.appendChild(li); + }); + nav.appendChild(ul); + + const extraDiv = document.createElement('div'); + extraDiv.className = 'extra-nav'; + const extraTitle = document.createElement('div'); + extraTitle.className = 'extra-title'; + extraTitle.textContent = 'Наши преимущества, сертификаты и лицензии:'; + extraDiv.appendChild(extraTitle); + const extraButtons = document.createElement('div'); + extraButtons.className = 'extra-buttons'; + extraMenu.forEach(item => { + const a = document.createElement('a'); + a.href = item.href; + a.textContent = item.title; + a.className = 'extra-btn'; + extraButtons.appendChild(a); + }); + extraDiv.appendChild(extraButtons); + nav.appendChild(extraDiv); + navContainer.appendChild(nav); + + // ----- 2. Стили для плавного скрытия всего контейнера ----- + const style = document.createElement('style'); + style.textContent = ` + #nav-container { + transition: opacity 0.3s ease, visibility 0.3s ease, padding 0.3s ease, margin 0.3s ease; + opacity: 1; + visibility: visible; + } + #nav-container.hidden-nav { + opacity: 0; + visibility: hidden; + padding: 0 !important; + margin: 0 !important; + height: 0 !important; + overflow: hidden; + } + `; + document.head.appendChild(style); + + // ----- 3. Логика: скрываем при скролле вниз, показываем только в самом верху ----- + let lastScrollY = window.scrollY; + let ticking = false; + + const handleScroll = () => { + const currentScrollY = window.scrollY; + const direction = currentScrollY > lastScrollY ? 'down' : 'up'; + + if (direction === 'down') { + // При движении вниз — скрываем навигацию + navContainer.classList.add('hidden-nav'); + } else if (direction === 'up') { + // При движении вверх — показываем только если мы в самом верху + if (currentScrollY === 0) { + navContainer.classList.remove('hidden-nav'); + } + } + + lastScrollY = currentScrollY; + ticking = false; + }; + + window.addEventListener('scroll', () => { + if (!ticking) { + requestAnimationFrame(handleScroll); + ticking = true; + } + }); +}); \ No newline at end of file diff --git a/public/personnel.html b/public/personnel.html new file mode 100644 index 0000000..340f970 --- /dev/null +++ b/public/personnel.html @@ -0,0 +1,70 @@ + + + + + + Аттестованный персонал | СТС-Авто + + + + + + + + +
+
+ +
+
+ +
+ +
+
+
+

Аттестованный персонал

+

Высококвалифицированные специалисты нашей фирмы имеют все необходимые допуски и специализацию для того, чтобы работать на месторождениях нефти и газа. Значительный опыт работ по демонтажу нефтегазопроводов в районах крайнего севера.

+ +
+
+
👷‍♂️
+

Инженерно-технический состав

+

Специалисты с высшим профильным образованием, аттестованные в области промышленной безопасности. Руководители работ имеют стаж от 10 лет на объектах нефтегазового комплекса.

+
+
+
🛠️
+

Рабочий персонал

+

Машинисты экскаваторов, крановщики, сварщики, резчики труб – все имеют действующие удостоверения, допуски к работе на опасных объектах, прошли обучение по охране труда.

+
+
+
❄️
+

Опыт работы в условиях Крайнего Севера

+

Наши бригады работали на месторождениях Ямала, Таймыра, в условиях вечной мерзлоты, при низких температурах и в заболоченной местности.

+
+
+
📋
+

Допуски и аттестация

+

Все специалисты включены в национальный реестр специалистов НОСТРОЙ. Имеются допуски к особо опасным видам работ, удостоверения по промышленной безопасности.

+
+
+ +
+

Система менеджмента безопасности труда и охраны здоровья

+

Мы имеем сертификат OHSAS 18001:2007 – «Системы менеджмента профессионального здоровья и безопасности». Это гарантирует, что наши сотрудники работают в безопасных условиях, регулярно проходят медосмотры, инструктажи, обеспечены средствами индивидуальной защиты.

+

Все работы по демонтажу и капремонту трубопроводов выполняются с соблюдением строгих норм охраны труда, что особенно важно при работе на удалённых и опасных объектах.

+
+ +
+

Мы гордимся своим коллективом – это команда профессионалов, способная решать задачи любой сложности в любых климатических условиях. Наши сотрудники регулярно повышают квалификацию и проходят независимую аттестацию.

+
+
+
+
+ + \ No newline at end of file diff --git a/public/scrap-license.html b/public/scrap-license.html new file mode 100644 index 0000000..a443a33 --- /dev/null +++ b/public/scrap-license.html @@ -0,0 +1,66 @@ + + + + + + Лицензия на лом черных и цветных металлов | СТС-Авто + + + + + + + + +
+
+ +
+
+ +
+ +
+
+
+

Лицензия на лом черных и цветных металлов

+

Наша организация имеет лицензию на осуществление деятельности по заготовке, хранению, переработке и реализации лома черных и цветных металлов.

+ +
+
+ Номер лицензии: № ЛМ 000092 +
+
+ Дата выдачи: 31 октября 2018 г. +
+
+ Выдана: Министерство промышленности и торговли РФ +
+
+ +
+ Лицензия на лом черных и цветных металлов СТС-Авто +

Оригинал лицензии на заготовку, хранение, переработку и реализацию лома черных и цветных металлов

+
+ +

Что даёт нам эта лицензия?

+
    +
  • Законное право на сбор и заготовку лома черных и цветных металлов, образующегося при демонтаже трубопроводов.
    • +
  • Возможность переработки и подготовки лома к реализации.
    • +
  • Хранение металлолома на специализированных площадках.
    • +
  • Реализацию лома металлов на законных основаниях.
    • +
+ +
+

Благодаря данной лицензии мы можем предлагать заказчикам услуги демонтажа с возможностью расчёта трубой или частичной оплаты за счёт стоимости полученного лома. Это взаимовыгодное сотрудничество при демонтаже отработанных нефтегазопроводов.

+
+
+
+
+ + \ No newline at end of file diff --git a/public/seo.js b/public/seo.js new file mode 100644 index 0000000..fb80f2e --- /dev/null +++ b/public/seo.js @@ -0,0 +1,72 @@ +(function() { + const path = window.location.pathname; + let title = 'СТС-Авто'; + let description = 'Демонтаж и капремонт нефтегазопроводов по России. Собственный парк техники, лицензии СРО, работа в любых условиях.'; + let keywords = 'демонтаж трубопроводов, капремонт, нефтегазопроводы, СРО, рекультивация'; + + if (path === '/' || path === '/index.html') { + title = 'СТС-Авто – Демонтаж и капремонт нефтегазопроводов'; + description = 'Профессиональный демонтаж нефтегазопроводов, рекультивация земель, вывоз труб. Лицензии СРО, собственная спецтехника.'; + } else if (path === '/demontazh') { + title = 'Демонтаж и капремонт трубопроводов | СТС-Авто'; + description = 'Работы по демонтажу и капитальному ремонту трубопроводов любой сложности. Извлечение, резка, вывоз. Лицензии и сертификаты.'; + keywords = 'демонтаж труб, капремонт трубопроводов, извлечение трубы'; + } else if (path === '/ustranenie') { + title = 'Устранение дефектов на нефтепроводах (КМТ) | СТС-Авто'; + description = 'Композитно-муфтовая технология ремонта магистральных нефтепроводов. Устранение коррозии, потеря металла. Сертификат ИСО 9001.'; + keywords = 'КМТ, композитная муфта, ремонт нефтепроводов, дефекты труб'; + } else if (path === '/license') { + title = 'Лицензия СРО на особо опасные виды работ | СТС-Авто'; + description = 'Лицензия СРО для работы на особо опасных объектах: гидротехнические сооружения, ЛЭП 330 кВ, аэропорты, тепловые электростанции, опасные производственные объекты. Допуски НОСТРОЙ.'; + keywords = 'лицензия СРО, особо опасные виды работ, допуски НОСТРОЙ, гидротехнические сооружения, опасные производственные объекты'; +}else if (path === '/certificates') { + title = 'Сертификаты ISO 9001, OHSAS 18001, ISO 14001 | СТС-Авто'; + description = 'Сертификаты системы менеджмента качества, охраны труда и экологического менеджмента. ГОСТ Р ИСО 9001:2015, OHSAS 18001:2007, ГОСТ Р ИСО 14001-2016.'; + keywords = 'сертификаты ISO 9001, OHSAS 18001, ISO 14001, менеджмент качества, экологический менеджмент, безопасность труда'; +}else if (path === '/personnel') { + title = 'Аттестованный персонал для работ на нефтегазопроводах | СТС-Авто'; + description = 'Высококвалифицированные специалисты с допусками для работы на месторождениях, в условиях Крайнего Севера. Сертификат OHSAS 18001:2007.'; + keywords = 'аттестованный персонал, допуски, крайний север, нефтегазопроводы, OHSAS 18001, безопасность труда'; +}else if (path === '/fleet') { + title = 'Парк техники – экскаваторы, краны, болотоходы | СТС-Авто'; + description = 'Собственный парк спецтехники не старше 5 лет: экскаваторы, трактора, краны, самосвалы, тралы. Экскаватор-амфибия для работы на болотах. 1000 км демонтажа в год.'; + keywords = 'парк техники, экскаватор амфибия, болотоход, демонтаж трубопроводов, спецтехника, рекультивация'; +}else if (path === '/waste-license') { + title = 'Лицензия на отходы I-IV класса опасности | СТС-Авто'; + description = 'Лицензия на сбор, транспортирование, утилизацию и обезвреживание отходов I-IV класса опасности. Номер 066№00783 от 13.09.2018. Экологическая безопасность при демонтаже трубопроводов.'; + keywords = 'лицензия на отходы, отходы I-IV класса, утилизация отходов, обращение с отходами, Росприроднадзор'; +}else if (path === '/scrap-license') { + title = 'Лицензия на лом черных и цветных металлов | СТС-Авто'; + description = 'Лицензия на заготовку, хранение, переработку и реализацию лома черных и цветных металлов № ЛМ 000092 от 31.10.2018. Законная работа с металлоломом при демонтаже трубопроводов.'; + keywords = 'лицензия на лом, черные металлы, цветные металлы, заготовка лома, переработка лома, реализация лома'; +} + + + document.title = title; + + // Мета-теги + let metaDesc = document.querySelector('meta[name="description"]'); + if (!metaDesc) { + metaDesc = document.createElement('meta'); + metaDesc.name = 'description'; + document.head.appendChild(metaDesc); + } + metaDesc.content = description; + + let metaKeys = document.querySelector('meta[name="keywords"]'); + if (!metaKeys) { + metaKeys = document.createElement('meta'); + metaKeys.name = 'keywords'; + document.head.appendChild(metaKeys); + } + metaKeys.content = keywords; + + // Для адаптивного вьюпорта (уже может быть в HTML, но добавим на всякий) + let viewport = document.querySelector('meta[name="viewport"]'); + if (!viewport) { + viewport = document.createElement('meta'); + viewport.name = 'viewport'; + viewport.content = 'width=device-width, initial-scale=1.0'; + document.head.appendChild(viewport); + } +})(); \ No newline at end of file diff --git a/public/style.css b/public/style.css new file mode 100644 index 0000000..7df44a0 --- /dev/null +++ b/public/style.css @@ -0,0 +1,1343 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif; + background: #ffffff; + color: #334155; + line-height: 1.6; + display: flex; + flex-direction: column; + min-height: 100vh; +} + +/* Modern Animations */ +@keyframes fadeInUp { + from { + opacity: 0; + transform: translateY(40px); + } + to { + opacity: 1; + transform: translateY(0); + } +} + +@keyframes fadeInLeft { + from { + opacity: 0; + transform: translateX(-40px); + } + to { + opacity: 1; + transform: translateX(0); + } +} + +@keyframes fadeInRight { + from { + opacity: 0; + transform: translateX(40px); + } + to { + opacity: 1; + transform: translateX(0); + } +} + +@keyframes scaleIn { + from { + opacity: 0; + transform: scale(0.9); + } + to { + opacity: 1; + transform: scale(1); + } +} + +@keyframes slideInStagger { + from { + opacity: 0; + transform: translateY(30px); + } + to { + opacity: 1; + transform: translateY(0); + } +} + +.animate-on-scroll { + opacity: 0; + transform: translateY(30px); + transition: opacity 0.6s ease, transform 0.6s ease; +} + +.animate-on-scroll.animated { + opacity: 1; + transform: translateY(0); +} + +.animate-left { + opacity: 0; + transform: translateX(-40px); + transition: opacity 0.6s ease, transform 0.6s ease; +} + +.animate-left.animated { + opacity: 1; + transform: translateX(0); +} + +.animate-right { + opacity: 0; + transform: translateX(40px); + transition: opacity 0.6s ease, transform 0.6s ease; +} + +.animate-right.animated { + opacity: 1; + transform: translateX(0); +} + +.animate-scale { + opacity: 0; + transform: scale(0.9); + transition: opacity 0.6s ease, transform 0.6s ease; +} + +.animate-scale.animated { + opacity: 1; + transform: scale(1); +} + +.delay-1 { transition-delay: 0.1s; } +.delay-2 { transition-delay: 0.2s; } +.delay-3 { transition-delay: 0.3s; } +.delay-4 { transition-delay: 0.4s; } +.delay-5 { transition-delay: 0.5s; } + +/* Image animations */ +.animate-img { + opacity: 0; + transform: scale(0.95); + transition: opacity 0.8s ease, transform 0.8s ease; +} +.animate-img.animated { + opacity: 1; + transform: scale(1); +} + +/* Smooth page load */ +body { + animation: fadeIn 0.5s ease; +} +@keyframes fadeIn { + from { opacity: 0; } + to { opacity: 1; } +} + +.container { + max-width: 1200px; + margin: 0 auto; + padding: 0 24px; + width: 100%; +} + +/* Шапка */ +header { + background: rgba(255, 255, 255, 0.95); + backdrop-filter: blur(10px); + box-shadow: 0 1px 3px rgba(0,0,0,0.06); + padding: 16px 0; + position: sticky; + top: 0; + z-index: 100; + border-bottom: 1px solid #f1f5f9; +} + +.header-inner { + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; + gap: 20px; +} + +.logo h1 { + font-size: 1.8rem; + font-weight: 800; + color: #0f172a; + letter-spacing: -0.5px; +} +.logo p { + font-size: 0.85rem; + color: #64748b; + font-weight: 500; +} + +.contacts-header { + text-align: right; + font-size: 0.9rem; +} +.contacts-header a { + color: #3b82f6; + text-decoration: none; + font-weight: 500; +} +.contacts-header a:hover { + color: #2563eb; +} + +/* Меню (генерируется nav.js) */ +#nav-container { + background: #f8fafc; + border-top: 1px solid #e2e8f0; + border-bottom: 1px solid #e2e8f0; + margin-top: 15px; +} +nav ul { + display: flex; + justify-content: center; + flex-wrap: wrap; + list-style: none; + gap: 0.5rem; + padding: 12px 0; +} +nav ul li a { + text-decoration: none; + font-weight: 600; + color: #334155; + transition: all 0.3s ease; + font-size: 0.95rem; + padding: 8px 16px; + border-radius: 8px; +} +nav ul li a:hover { + color: #3b82f6; + background: #e0f2fe; +} + +/* Основной контент */ +main { + flex: 1; + padding: 60px 0; +} + +.card { + background: #ffffff; + border-radius: 16px; + padding: 32px; + margin-bottom: 32px; + box-shadow: 0 1px 3px rgba(0,0,0,0.04); + border: 1px solid #f1f5f9; + transition: box-shadow 0.3s ease; +} +.card:hover { + box-shadow: 0 4px 12px rgba(0,0,0,0.06); +} +h1 { + font-size: 2.5rem; + margin-bottom: 1rem; + color: #0f172a; + font-weight: 800; + letter-spacing: -0.5px; +} +h2 { + font-size: 1.8rem; + margin: 1.5rem 0 1rem; + color: #1e293b; + font-weight: 700; +} +h3 { + font-size: 1.4rem; + margin: 1.2rem 0 0.8rem; + color: #334155; + font-weight: 600; +} +p, li { + margin-bottom: 0.75rem; + color: #475569; +} +ul, ol { + padding-left: 1.5rem; + margin-bottom: 1rem; +} +.license-list { + columns: 2; + column-gap: 2rem; +} +@media (max-width: 768px) { + .license-list { + columns: 1; + } +} +.badge { + background: #f1f5f9; + padding: 6px 14px; + border-radius: 20px; + font-size: 0.85rem; + display: inline-block; + margin-right: 8px; + margin-bottom: 8px; + color: #475569; + font-weight: 500; +} + +/* Футер */ +footer { + background: #f8fafc; + color: #475569; + padding: 48px 0 32px; + margin-top: 60px; + border-top: 1px solid #e2e8f0; +} +.footer-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); + gap: 32px; + margin-bottom: 32px; +} +.footer-grid h4 { + color: #0f172a; + margin-bottom: 12px; + font-weight: 700; + font-size: 1rem; +} +.footer-grid a { + color: #3b82f6; + text-decoration: none; + transition: color 0.2s; +} +.footer-grid a:hover { + color: #2563eb; +} +.disclaimer { + font-size: 0.8rem; + text-align: center; + border-top: 1px solid #e2e8f0; + padding-top: 24px; + margin-top: 16px; + color: #94a3b8; +} + +/* Адаптивность */ +@media (max-width: 768px) { + .container { + padding: 0 16px; + } + .header-inner { + flex-direction: column; + text-align: center; + } + .contacts-header { + text-align: center; + } + nav ul { + gap: 1rem; + flex-direction: column; + align-items: center; + } + h1 { + font-size: 1.8rem; + } + h2 { + font-size: 1.4rem; + } + .card { + padding: 20px; + } +} +/* Стили для меню в виде кнопок */ +.nav-buttons { + display: flex; + justify-content: center; + flex-wrap: wrap; + gap: 0.75rem; + list-style: none; + padding: 8px 0; +} + +.nav-buttons li a { + display: inline-block; + background: #ffffff; + padding: 10px 20px; + border-radius: 10px; + font-weight: 600; + color: #334155; + text-decoration: none; + transition: all 0.3s ease; + box-shadow: 0 1px 2px rgba(0,0,0,0.04); + border: 1px solid #e2e8f0; + font-size: 0.95rem; +} + +.nav-buttons li a:hover { + background: #3b82f6; + color: white; + border-color: #3b82f6; + transform: translateY(-2px); + box-shadow: 0 8px 16px -6px rgba(59,130,246,0.25); +} + +.nav-buttons li a.active { + background: #0f172a; + color: white; + border-color: #0f172a; + box-shadow: 0 4px 10px rgba(0,0,0,0.1); +} + +/* Дополнительный блок меню */ +.extra-nav { + margin-top: 16px; + padding-top: 12px; + border-top: 1px dashed #e2e8f0; + text-align: center; +} + +.extra-title { + font-size: 0.75rem; + text-transform: uppercase; + letter-spacing: 1.5px; + color: #94a3b8; + margin-bottom: 10px; + font-weight: 600; +} + +.extra-buttons { + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 0.75rem; +} + +.extra-btn { + background: #f8fafc; + border: 1px solid #e2e8f0; + padding: 8px 18px; + border-radius: 8px; + font-size: 0.85rem; + font-weight: 500; + color: #475569; + text-decoration: none; + transition: all 0.3s ease; +} + +.extra-btn:hover { + background: #e0f2fe; + border-color: #3b82f6; + color: #3b82f6; + transform: translateY(-1px); +} + +/* Адаптация для телефонов */ +@media (max-width: 768px) { + .nav-buttons { + flex-direction: column; + align-items: stretch; + gap: 0.6rem; + } + .nav-buttons li a { + text-align: center; + padding: 10px 16px; + } + .extra-buttons { + flex-direction: column; + align-items: stretch; + gap: 0.5rem; + } + .extra-btn { + text-align: center; + padding: 8px 12px; + } +} +/* Стили для страницы сертификатов */ +.certificates-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); + gap: 1.5rem; + margin: 2rem 0; +} + +.cert-card { + background: #ffffff; + border-radius: 16px; + padding: 2rem; + border: 1px solid #f1f5f9; + transition: all 0.3s ease; + box-shadow: 0 1px 3px rgba(0,0,0,0.04); +} + +.cert-card:hover { + transform: translateY(-6px); + box-shadow: 0 12px 24px -8px rgba(0,0,0,0.08); + border-color: #e0e7ef; +} + +.cert-icon { + font-size: 2.5rem; + margin-bottom: 1rem; +} + +.cert-card h2 { + font-size: 1.4rem; + margin-top: 0; + margin-bottom: 0.5rem; + color: #1e293b; +} + +.cert-card p { + font-size: 0.95rem; + line-height: 1.6; + color: #475569; +} + +.cert-date { + margin-top: 1rem; + font-size: 0.85rem; + color: #3b82f6; + border-top: 1px solid #f1f5f9; + padding-top: 0.75rem; + font-weight: 500; +} + +.note { + background: #f0f9ff; + padding: 1.5rem; + border-radius: 12px; + text-align: center; + margin-top: 1.5rem; + font-size: 0.95rem; + color: #475569; + border: 1px solid #e0f2fe; +} + +@media (max-width: 768px) { + .certificates-grid { + gap: 1rem; + } + .cert-card { + padding: 1.2rem; + } +} +/* Стили для страницы "Аттестованный персонал" */ +.personnel-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); + gap: 1.5rem; + margin: 2rem 0; +} + +.personnel-item { + background: #ffffff; + border-radius: 16px; + padding: 1.5rem; + border: 1px solid #f1f5f9; + transition: all 0.3s ease; + box-shadow: 0 1px 3px rgba(0,0,0,0.04); +} + +.personnel-item:hover { + border-color: #e0e7ef; + box-shadow: 0 8px 20px -8px rgba(0,0,0,0.08); + transform: translateY(-4px); +} + +.personnel-icon { + font-size: 2.5rem; + margin-bottom: 0.8rem; +} + +.personnel-item h3 { + margin-bottom: 0.8rem; + color: #1e293b; +} + +.personnel-item p { + font-size: 0.9rem; + line-height: 1.6; + color: #475569; +} + +.safety-cert { + background: #f0f9ff; + border-radius: 16px; + padding: 2rem; + margin: 1.5rem 0; + border-left: 4px solid #3b82f6; + box-shadow: 0 1px 3px rgba(0,0,0,0.04); +} + +.safety-cert h2 { + margin-top: 0; + font-size: 1.5rem; + color: #1e293b; +} + +@media (max-width: 768px) { + .personnel-grid { + gap: 1rem; + } + .personnel-item { + padding: 1.2rem; + } + .safety-cert { + padding: 1.2rem; + } +} +/* Страница "Парк техники" */ +.stats-row { + display: flex; + justify-content: center; + gap: 1.5rem; + margin: 2rem 0; + flex-wrap: wrap; +} + +.stat-card { + background: #ffffff; + border-radius: 16px; + padding: 2rem 1.5rem; + text-align: center; + flex: 1; + min-width: 140px; + transition: all 0.3s ease; + border: 1px solid #f1f5f9; + box-shadow: 0 1px 3px rgba(0,0,0,0.04); +} + +.stat-card:hover { + transform: translateY(-4px); + box-shadow: 0 8px 20px -8px rgba(0,0,0,0.08); +} + +.stat-number { + font-size: 2.5rem; + font-weight: 800; + color: #3b82f6; + line-height: 1.2; +} + +.stat-label { + font-size: 0.9rem; + color: #64748b; + font-weight: 500; + margin-top: 0.5rem; +} + +.equipment-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); + gap: 1rem; + margin: 1.5rem 0; +} + +.equip-item { + display: flex; + align-items: center; + gap: 1rem; + background: #ffffff; + padding: 1.2rem; + border-radius: 12px; + border: 1px solid #f1f5f9; + transition: all 0.3s ease; + box-shadow: 0 1px 2px rgba(0,0,0,0.03); +} + +.equip-item:hover { + border-color: #e0e7ef; + box-shadow: 0 4px 12px -4px rgba(0,0,0,0.06); + transform: translateY(-2px); +} + +.equip-icon { + font-size: 2rem; + min-width: 48px; + text-align: center; +} + +.equip-info strong { + display: block; + color: #1e293b; + font-weight: 600; +} + +.equip-info p { + font-size: 0.85rem; + margin: 0.25rem 0 0; + color: #94a3b8; +} + +.amphibian-card { + display: flex; + gap: 1.5rem; + background: #f0f9ff; + border-radius: 16px; + padding: 2rem; + margin: 1rem 0 1.5rem; + align-items: center; + flex-wrap: wrap; + border: 1px solid #e0f2fe; +} + +.amphibian-icon { + font-size: 4rem; +} + +.amphibian-content { + flex: 1; +} + +.amphibian-content p { + margin-bottom: 0.5rem; + color: #475569; +} + +@media (max-width: 768px) { + .stats-row { + flex-direction: column; + } + .equipment-grid { + grid-template-columns: 1fr; + } + .amphibian-card { + flex-direction: column; + text-align: center; + } +} +/* Стили для страницы лицензии с полным списком */ +.license-list-full { + padding-left: 1.5rem; + margin: 1.5rem 0; +} + +.license-list-full li { + margin-bottom: 0.75rem; + color: #475569; +} + +.sub-list { + margin-top: 0.5rem; + margin-bottom: 0.5rem; + padding-left: 1.8rem; + list-style-type: circle; +} + +.sub-list li { + margin-bottom: 0.4rem; + font-size: 0.92rem; + color: #64748b; +} + +@media (max-width: 768px) { + .license-list-full { + padding-left: 1rem; + } + .sub-list { + padding-left: 1.2rem; + } +} +/* Стили для страницы лицензии на отходы */ +.license-details { + background: #f8fafc; + border-radius: 12px; + padding: 1.5rem; + margin: 1.5rem 0; + display: flex; + flex-wrap: wrap; + gap: 1.5rem; + justify-content: space-between; + border: 1px solid #e2e8f0; +} + +.license-details > div { + flex: 1; + min-width: 180px; +} + +.license-image-container { + text-align: center; + margin: 2rem 0; + background: #f8fafc; + border-radius: 16px; + padding: 2rem; + border: 1px solid #e2e8f0; +} + +.license-img { + max-width: 100%; + height: auto; + border-radius: 12px; + box-shadow: 0 4px 12px rgba(0,0,0,0.06); + border: 1px solid #e2e8f0; +} + +.image-caption { + font-size: 0.85rem; + color: #94a3b8; + margin-top: 0.75rem; +} + +@media (max-width: 768px) { + .license-details { + flex-direction: column; + gap: 0.8rem; + } + .license-image-container { + padding: 1rem; + } +} +/* Стили для страницы устранения дефектов (КМТ) */ +.hero-section { + text-align: center; + margin-bottom: 2rem; + padding: 2rem; + background: #f8fafc; + border-radius: 16px; +} +.hero-section h1 { + font-size: 2rem; + margin-bottom: 0.5rem; + color: #0f172a; +} +.hero-subtitle { + font-size: 1.2rem; + color: #3b82f6; + font-weight: 500; +} + +.two-columns { + display: flex; + gap: 1.5rem; + margin: 2rem 0; + flex-wrap: wrap; +} +.two-columns .col { + flex: 1; + background: #ffffff; + border-radius: 16px; + padding: 2rem; + border: 1px solid #f1f5f9; + transition: all 0.3s ease; + box-shadow: 0 1px 3px rgba(0,0,0,0.04); +} +.two-columns .col:hover { + transform: translateY(-4px); + box-shadow: 0 12px 24px -8px rgba(0,0,0,0.08); +} +.icon-block { + font-size: 2.8rem; + margin-bottom: 1rem; + text-align: center; +} +.two-columns h2 { + margin-top: 0; + text-align: center; + color: #1e293b; +} +.two-columns ul { + padding-left: 1.2rem; +} + +.info-card { + display: flex; + gap: 1.2rem; + background: #ffffff; + border-radius: 16px; + padding: 1.5rem; + margin: 1.5rem 0; + border: 1px solid #f1f5f9; + align-items: flex-start; + box-shadow: 0 1px 3px rgba(0,0,0,0.04); + transition: all 0.3s ease; +} +.info-card:hover { + box-shadow: 0 4px 12px rgba(0,0,0,0.06); +} +.warning-card { + background: #fffbeb; + border-left: 4px solid #f59e0b; +} +.card-icon { + font-size: 2.5rem; + min-width: 60px; + text-align: center; +} +.card-content h3 { + margin-top: 0; + margin-bottom: 0.75rem; + color: #1e293b; +} +.card-content ul { + margin: 0.5rem 0 0; + padding-left: 1.2rem; +} +.card-content li { + margin-bottom: 0.4rem; + color: #475569; +} + +.cert-badge-row { + display: flex; + flex-wrap: wrap; + gap: 1rem; + justify-content: center; + margin: 2rem 0; +} +.badge-large { + background: #f0f9ff; + border-radius: 10px; + padding: 0.8rem 1.5rem; + display: inline-flex; + align-items: center; + gap: 0.8rem; + font-size: 0.95rem; + font-weight: 500; + color: #1e293b; + border: 1px solid #e0f2fe; + transition: all 0.3s ease; +} +.badge-large:hover { + background: #e0f2fe; + transform: translateY(-2px); +} +.badge-icon { + font-size: 1.5rem; +} + +@media (max-width: 768px) { + .two-columns { + flex-direction: column; + } + .info-card { + flex-direction: column; + align-items: center; + text-align: center; + } + .card-icon { + min-width: auto; + } + .badge-large { + width: 100%; + justify-content: center; + } +} +/* Сетка лицензий на странице демонтажа */ +.license-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); + gap: 1.5rem; + margin: 1.5rem 0; +} +.license-item { + background: #ffffff; + border-radius: 16px; + padding: 1.5rem; + border: 1px solid #f1f5f9; + transition: all 0.3s ease; + box-shadow: 0 1px 3px rgba(0,0,0,0.04); +} +.license-item:hover { + transform: translateY(-4px); + box-shadow: 0 8px 20px -8px rgba(0,0,0,0.08); + border-color: #e0e7ef; +} +.license-icon { + font-size: 2rem; + display: block; + margin-bottom: 0.75rem; +} +.license-item strong { + display: block; + font-size: 1.1rem; + margin-bottom: 0.5rem; + color: #1e293b; + font-weight: 600; +} +.license-item p { + font-size: 0.9rem; + margin: 0; + color: #64748b; +} + +/* Адаптация для телефонов */ +@media (max-width: 768px) { + .license-grid { + grid-template-columns: 1fr; + } +} +/* Стили для страницы лицензии СРО (современная сетка) */ +.objects-grid { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); + gap: 1rem; + margin: 1.5rem 0; +} +.object-card { + background: #ffffff; + border-radius: 12px; + padding: 1rem 1.2rem; + font-weight: 500; + color: #1e293b; + border: 1px solid #f1f5f9; + transition: all 0.3s ease; + display: flex; + align-items: center; + gap: 0.75rem; + box-shadow: 0 1px 2px rgba(0,0,0,0.03); +} +.object-card:hover { + background: #f0f9ff; + transform: translateX(6px); + border-color: #e0f2fe; + box-shadow: 0 4px 8px -4px rgba(0,0,0,0.06); +} + +.hazardous-block { + background: #fffbeb; + border-radius: 16px; + padding: 2rem; + margin: 2rem 0; + border-left: 4px solid #f59e0b; +} +.hazardous-header { + display: flex; + align-items: center; + gap: 1rem; + margin-bottom: 1.5rem; +} +.hazardous-icon { + font-size: 2rem; +} +.hazardous-header h3 { + margin: 0; + font-size: 1.4rem; + color: #1e293b; +} +.hazardous-list { + display: flex; + flex-direction: column; + gap: 1rem; +} +.hazard-item { + display: flex; + gap: 0.75rem; + line-height: 1.6; + color: #475569; +} +.hazard-letter { + font-weight: 700; + color: #f59e0b; + min-width: 28px; +} + +@media (max-width: 768px) { + .objects-grid { + grid-template-columns: 1fr; + } + .hazardous-header { + flex-direction: column; + text-align: center; + } + .hazard-item { + flex-direction: column; + gap: 0.2rem; + } + .hazard-letter { + min-width: auto; + } +} +/* Кнопка обратной связи */ +.feedback-btn { + position: fixed; + bottom: 30px; + right: 30px; + background: #3b82f6; + color: white; + border: none; + border-radius: 12px; + padding: 14px 24px; + font-size: 1rem; + font-weight: 600; + cursor: pointer; + box-shadow: 0 4px 12px rgba(59,130,246,0.3); + z-index: 1000; + transition: all 0.3s ease; +} +.feedback-btn:hover { + background: #2563eb; + transform: translateY(-2px); + box-shadow: 0 6px 16px rgba(59,130,246,0.4); +} + +/* Модальное окно */ +.feedback-modal { + display: none; + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0,0,0,0.3); + backdrop-filter: blur(4px); + align-items: center; + justify-content: center; + z-index: 1001; +} +.feedback-modal-content { + background: white; + max-width: 500px; + width: 90%; + border-radius: 16px; + padding: 2rem; + position: relative; + box-shadow: 0 20px 40px rgba(0,0,0,0.1); + border: 1px solid #f1f5f9; +} +.feedback-close { + position: absolute; + top: 15px; + right: 20px; + font-size: 28px; + cursor: pointer; + color: #94a3b8; + transition: color 0.2s; +} +.feedback-close:hover { + color: #1e293b; +} +#feedback-form label { + display: block; + margin-bottom: 1rem; + font-weight: 500; + color: #334155; +} +#feedback-form input, #feedback-form textarea { + width: 100%; + padding: 10px 14px; + margin-top: 5px; + border: 1px solid #e2e8f0; + border-radius: 8px; + font-family: inherit; + transition: border-color 0.2s; +} +#feedback-form input:focus, #feedback-form textarea:focus { + outline: none; + border-color: #3b82f6; + box-shadow: 0 0 0 3px rgba(59,130,246,0.1); +} +.required { + color: #3b82f6; + font-weight: 600; +} +#feedback-form button { + background: #0f172a; + color: white; + border: none; + padding: 12px; + width: 100%; + border-radius: 8px; + font-size: 1rem; + font-weight: 600; + cursor: pointer; + margin-top: 10px; + transition: background 0.2s; +} +#feedback-form button:hover { + background: #1e293b; +} +@media (max-width: 600px) { + .feedback-modal-content { + padding: 1.5rem; + } +} +.logo a { + text-decoration: none; + color: inherit; +} +/* Стили для главной страницы (индекс) */ +.hero-main { + text-align: center; + padding: 3rem 2rem; + background: linear-gradient(135deg, #f8fafc 0%, #e0f2fe 100%); + border-radius: 24px; + margin-bottom: 3rem; + border: 1px solid #e2e8f0; +} +.hero-main h1 { + font-size: 2.5rem; + margin-bottom: 1rem; + color: #0f172a; + font-weight: 800; + letter-spacing: -0.5px; +} +.hero-subtitle { + font-size: 1.2rem; + color: #475569; + max-width: 800px; + margin: 0 auto 2rem; + line-height: 1.6; +} +.hero-stats { + display: flex; + justify-content: center; + gap: 1.5rem; + flex-wrap: wrap; +} +.hero-stat { + background: #ffffff; + padding: 1rem 2rem; + border-radius: 12px; + font-weight: 500; + box-shadow: 0 1px 3px rgba(0,0,0,0.04); + border: 1px solid #f1f5f9; + transition: all 0.3s ease; +} +.hero-stat:hover { + transform: translateY(-2px); + box-shadow: 0 4px 12px rgba(0,0,0,0.06); +} +.hero-stat span { + font-size: 1.8rem; + font-weight: 800; + color: #3b82f6; + display: inline-block; + margin-right: 0.3rem; +} + +.services-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); + gap: 1.5rem; + margin: 2rem 0; +} +.service-card { + background: #ffffff; + border-radius: 16px; + padding: 2rem; + text-decoration: none; + color: inherit; + transition: all 0.3s ease; + border: 1px solid #f1f5f9; + display: block; + box-shadow: 0 1px 3px rgba(0,0,0,0.04); +} +.service-card:hover { + transform: translateY(-8px); + box-shadow: 0 20px 40px -12px rgba(0,0,0,0.1); + border-color: #e0e7ef; +} +.service-icon { + font-size: 2.5rem; + margin-bottom: 1rem; +} +.service-card h3 { + margin-bottom: 0.8rem; + font-size: 1.3rem; + color: #1e293b; +} +.service-card p { + font-size: 0.9rem; + color: #64748b; + margin: 0; + line-height: 1.6; +} + +.licenses-short { + display: flex; + flex-wrap: wrap; + gap: 0.8rem; + justify-content: center; + margin: 1rem 0; +} +.license-short { + background: #f1f5f9; + padding: 0.5rem 1.2rem; + border-radius: 8px; + font-size: 0.85rem; + font-weight: 500; + color: #475569; + border: 1px solid #e2e8f0; +} + +.btn-outline { + display: inline-block; + background: transparent; + border: 1px solid #3b82f6; + color: #3b82f6; + padding: 0.6rem 1.5rem; + border-radius: 8px; + text-decoration: none; + font-weight: 500; + transition: all 0.3s ease; + margin: 0 0.5rem; +} +.btn-outline:hover { + background: #3b82f6; + color: white; + transform: translateY(-1px); +} + +.cta-block { + background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%); + color: white; + text-align: center; + padding: 3rem 2rem; + border-radius: 24px; + margin: 2rem 0; +} +.cta-block h3 { + font-size: 1.8rem; + margin-bottom: 0.5rem; + color: white; + font-weight: 700; +} +.cta-block p { + margin-bottom: 1.5rem; + opacity: 0.9; + color: #cbd5e1; +} +.cta-button { + background: #3b82f6; + color: white; + border: none; + padding: 1rem 2.5rem; + border-radius: 10px; + font-size: 1.1rem; + font-weight: 600; + cursor: pointer; + transition: all 0.3s ease; +} +.cta-button:hover { + background: #2563eb; + transform: translateY(-2px); + box-shadow: 0 8px 20px rgba(59,130,246,0.3); +} + +@media (max-width: 768px) { + .hero-main h1 { + font-size: 1.6rem; + } + .hero-stats { + gap: 0.8rem; + } + .hero-stat { + padding: 0.4rem 1rem; + font-size: 0.85rem; + } + .hero-stat span { + font-size: 1.2rem; + } + .services-grid { + gap: 1rem; + } + .cta-block { + padding: 1.5rem; + } + .cta-block h3 { + font-size: 1.4rem; + } +} diff --git a/public/ustranenie.html b/public/ustranenie.html new file mode 100644 index 0000000..4bc7417 --- /dev/null +++ b/public/ustranenie.html @@ -0,0 +1,97 @@ + + + + + + Устранение дефектов на нефтепроводах (КМТ) | СТС-Авто + + + + + + + + +
+
+ +
+
+ +
+ +
+
+ +
+

Устранение дефектов на секциях магистральных нефтепроводов

+

Метод выборочного ремонта – Композитно-муфтовая технология (КМТ)

+
+ + +
+
+
🔧
+

Как работает КМТ?

+

Стальная оболочка, не приваренная к стенке трубопровода, заполняется композитным составом. Устанавливается по специальной композитно-муфтовой технологии без остановки перекачки нефти.

+

Технология позволяет восстановить проектную прочность трубы при локальных дефектах.

+
+
+
✅
+

Преимущества КМТ

+
    +
  • Безогневой метод – безопасен для взрывопожароопасных объектов
    • +
  • Не требует вывода трубопровода из эксплуатации
    • +
  • Высокая коррозионная стойкость
    • +
  • Срок службы муфты – не менее 30 лет
    • +
  • Сертифицировано для магистральных нефтепроводов
    • +
+
+
+ + +
+
⚠️
+
+

Потеря металла (коррозионная)

+

Локальное уменьшение толщины стенки трубы в результате коррозионного повреждения. КМТ эффективно восстанавливает целостность даже при значительной потере металла.

+
+
+ + +
+
📋
+
+

Какие дефекты устраняются?

+
    +
  • Дефекты на трубопроводах линейной части и подводных переходах МН – должны быть устранены до окончания предельного срока эксплуатации дефекта, указанного в отчетах по диагностике.
    • +
  • Дефекты, ограничивающие проектное рабочее давление, снижающие пропускную способность нефтепровода, должны быть устранены в первоочередном порядке.
    • +
+
+
+ + +
+
+ 📜 + Сертификат ИСО 9001:2015 +
+
+ 🏅 + Лицензия СРО на особо опасные виды работ +
+
+ + +
+

Наши специалисты прошли обучение по композитно-муфтовой технологии и имеют опыт установки КМТ на объектах ПАО «Транснефть» и других крупных нефтяных компаний.

+
+
+
+ + \ No newline at end of file diff --git a/public/waste-license.html b/public/waste-license.html new file mode 100644 index 0000000..319c3b3 --- /dev/null +++ b/public/waste-license.html @@ -0,0 +1,66 @@ + + + + + + Лицензия на отходы I-IV класса опасности | СТС-Авто + + + + + + + + +
+
+ +
+
+ +
+ +
+
+
+

Лицензия на отходы I–IV класса опасности

+

Наша организация имеет лицензию на осуществление деятельности по сбору, транспортированию, обработке, утилизации, обезвреживанию, размещению отходов I–IV класса опасности.

+ +
+
+ Номер лицензии: 066№ 00783 +
+
+ Дата выдачи: 13 сентября 2018 г. +
+
+ Выдана: Федеральная служба по надзору в сфере природопользования (Росприроднадзор) +
+
+ +
+ Лицензия на отходы I-IV класса опасности СТС-Авто +

Оригинал лицензии на деятельность по обращению с отходами I–IV класса опасности

+
+ +

Что даёт нам эта лицензия?

+
    +
  • Законное право на сбор и транспортировку отходов, образующихся при демонтаже трубопроводов.
    • +
  • Возможность выполнять полный цикл утилизации и обезвреживания опасных отходов.
    • +
  • Гарантию экологической безопасности для заказчика.
    • +
  • Соответствие требованиям законодательства при работе на объектах нефтегазового комплекса.
    • +
+ +
+

Наличие данной лицензии подтверждает нашу ответственность при обращении с отходами демонтажа, включая нефтезагрязнённый грунт, остатки трубной изоляции, лом металлов и другие отходы I–IV классов.

+
+
+
+
+ + \ No newline at end of file