kalugin66/sts-avto-v2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: kalugin66:f0eb7fb1eab15af62291742570c47783d57ac05b
Branches Tags
kalugin66:main
...
compare: kalugin66:a89dc91ac5ca986fcb5a6536c88c44b9cb096f2e
Branches Tags
kalugin66:main

3 Commits
f0eb7fb1ea ... a89dc91ac5

Author SHA1 Message Date
kalugin66
a89dc91ac5 2 2026-05-26 21:45:36 +05:00
kalugin66
374f9588dc 2 2026-05-26 21:32:23 +05:00
kalugin66
244a409444 1 2026-05-26 17:16:51 +05:00
5 changed files with 249 additions and 151 deletions
Expand all files Collapse all files

BIN
public/img/partner-1.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

BIN
public/img/thanks-1.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 122 KiB

BIN
public/img/thanks-2.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 91 KiB

395
public/index.html
View File

@@ -3,8 +3,8 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>СТС-Авто — Демонтаж и капитальный ремонт магистральных трубопроводов</title>
<meta name="description" content="Демонтаж и капитальный ремонт магистральных трубопроводов по всей России. Собственная спецтехника. Лицензии СРО и НОСТРОЙ. Более 10 лет опыта.">
<title>СТС-Авто — Демонтаж нефтегазопроводов по России, утилизация отходов</title>
<meta name="description" content="Демонтаж нефтегазопроводов по России, утилизация отходов. Собственная спецтехника. Лицензии СРО и НОСТРОЙ. Более {years} лет опыта.">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&family=Roboto+Condensed:wght@400;500;700&display=swap" rel="stylesheet">
<style>
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
@@ -44,10 +44,6 @@ img { max-width: 100%; display: block; }
/* ========== HEADER — CONSTRUCTION EQUIPMENT STYLE ========== */
.header { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; transition: all 0.3s; }
.header-top-strip {
height: 6px;
background: repeating-linear-gradient(90deg, var(--orange) 0px, var(--orange) 20px, var(--yellow-warn) 20px, var(--yellow-warn) 40px, var(--orange) 40px, var(--orange) 60px);
}
.header-main {
background: linear-gradient(180deg, #2c3e50 0%, #1a2a3a 100%);
@@ -76,10 +72,10 @@ img { max-width: 100%; display: block; }
pointer-events: none;
}
.logo { display: flex; align-items: center; position: relative; z-index: 2; }
.logo img { height: 144px; width: auto; }
.logo { display: flex; align-items: center; position: relative; z-index: 2; margin-top: -18px; margin-bottom: -18px; }
.logo img { max-height: 180px; max-width: 100%; width: auto; height: auto; }
.nav { display: flex; align-items: center; gap: 24px; position: relative; z-index: 2; }
.nav { display: flex; align-items: center; gap: 16px; position: relative; z-index: 2; }
.nav a {
font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 12px;
@@ -100,10 +96,6 @@ img { max-width: 100%; display: block; }
}
.header-phone svg { width: 18px; height: 18px; fill: var(--orange); }
.header-bottom-strip {
height: 4px;
background: repeating-linear-gradient(90deg, #555 0px, #555 8px, #777 8px, #777 10px, #555 10px, #555 18px, #444 18px, #444 20px);
}
.burger {
display: none; flex-direction: column; gap: 5px; cursor: pointer;
@@ -312,6 +304,10 @@ img { max-width: 100%; display: block; }
width: 16px; height: 16px; background: #27AE60; color: #fff;
border-radius: 50%; font-size: 10px;
}
.equipment-qty {
font-size: 13px; font-weight: 700; color: var(--orange);
margin-bottom: 8px; font-family: 'Montserrat', sans-serif;
}
.equipment-specs { display: flex; flex-direction: column; gap: 6px; }
.equipment-spec {
display: flex; justify-content: space-between; padding: 6px 0;
@@ -527,27 +523,63 @@ img { max-width: 100%; display: block; }
.btn { width: 100%; justify-content: center; }
.hero-contacts { flex-direction: column; gap: 12px; }
}
.activity-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 24px;
margin-top: 40px;
}
.activity-grid img {
width: 100%; height: auto;
border-radius: 8px; box-shadow: 0 4px 20px rgba(0,0,0,0.1);
}
.activity-grid .license-gallery-item { cursor: pointer; }
.partners-scroll {
overflow: hidden;
margin-top: 40px;
}
.partners-track {
display: flex;
gap: 60px;
animation: partners-scroll 20s linear infinite;
width: max-content;
}
.partners-track:hover { animation-play-state: paused; }
.partners-track img {
height: 100px;
width: auto;
flex-shrink: 0;
}
@keyframes partners-scroll {
0% { transform: translateX(0); }
100% { transform: translateX(-50%); }
}
@media (max-width: 768px) {
.activity-grid { grid-template-columns: 1fr; }
}
</style>
</head>
<body>
<!-- HEADER -->
<header class="header" id="header">
<div class="header-top-strip"></div>
<div class="header-main">
<div class="header-inner">
<a href="#hero" class="logo">
<img src="./img/logo.webp" alt="СТС-Авто">
</a>
<nav class="nav">
<a href="#about">О компании</a>
<a href="#services">Услуги</a>
<a href="#process">Этапы</a>
<a href="#equipment">Техника</a>
<a href="#geography">География</a>
<a href="#licenses">Лицензии</a>
<a href="#contacts">Контакты</a>
</nav>
<nav class="nav">
<a href="#about">О компании</a>
<a href="#activity">Деятельность</a>
<a href="#services">Услуги</a>
<a href="#process">Этапы</a>
<a href="#equipment">Техника</a>
<a href="#geography">География</a>
<a href="#licenses">Лицензии</a>
<a href="#contacts">Контакты</a>
</nav>
<a href="tel:88005552931" class="header-phone">
<svg viewBox="0 0 24 24"><path d="M6.62 10.79a15.053 15.053 0 006.59 6.59l2.2-2.2a1 1 0 011.01-.24c1.12.37 2.33.57 3.58.57a1 1 0 011 1V20a1 1 0 01-1 1A17 17 0 013 4a1 1 0 011-1h3.5a1 1 0 011 1c0 1.25.2 2.46.57 3.58a1 1 0 01-.24 1.01l-2.2 2.2z"/></svg>
8(800) 555-29-31
@@ -555,13 +587,13 @@ img { max-width: 100%; display: block; }
<div class="burger" id="burger"><span></span><span></span><span></span></div>
</div>
</div>
<div class="header-bottom-strip"></div>
</header>
<!-- MOBILE NAV -->
<div class="mobile-overlay" id="mobileOverlay"></div>
<nav class="mobile-nav" id="mobileNav">
<a href="#about" class="mobile-link">О компании</a>
<a href="#activity" class="mobile-link">Деятельность</a>
<a href="#services" class="mobile-link">Услуги</a>
<a href="#process" class="mobile-link">Этапы работ</a>
<a href="#equipment" class="mobile-link">Спецтехника</a>
@@ -582,8 +614,8 @@ img { max-width: 100%; display: block; }
<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z"/></svg>
Лицензии СРО и НОСТРОЙ
</div>
<h1>Демонтаж и капитальный ремонт <span>магистральных трубопроводов</span> по всей России</h1>
<p class="hero-subtitle">Собственная спецтехника. Лицензии СРО и НОСТРОЙ. Более 10 лет опыта. Работаем на опасных производственных объектах без привлечения субподрядчиков.</p>
<h1>демонтаж нефтегазопроводов по России, утилизация отходов</h1>
<p class="hero-subtitle">Собственная спецтехника. Лицензии СРО и НОСТРОЙ. Более {years} лет опыта. Работаем на опасных производственных объектах без привлечения субподрядчиков.</p>
<div class="hero-contacts">
<div class="hero-contact-item">
<svg viewBox="0 0 24 24"><path d="M6.62 10.79a15.053 15.053 0 006.59 6.59l2.2-2.2a1 1 0 011.01-.24c1.12.37 2.33.57 3.58.57a1 1 0 011 1V20a1 1 0 01-1 1A17 17 0 013 4a1 1 0 011-1h3.5a1 1 0 011 1c0 1.25.2 2.46.57 3.58a1 1 0 01-.24 1.01l-2.2 2.2z"/></svg>
@@ -603,9 +635,9 @@ img { max-width: 100%; display: block; }
<a href="#services" class="btn btn-outline">Наши услуги</a>
</div>
<div class="hero-stats">
<div class="hero-stat"><div class="hero-stat-number" data-target="10">0</div><div class="hero-stat-label">лет на рынке</div></div>
<div class="hero-stat"><div class="hero-stat-number" data-target="{years}">0</div><div class="hero-stat-label">лет на рынке</div></div>
<div class="hero-stat"><div class="hero-stat-number" data-target="200">0</div><div class="hero-stat-label">объектов выполнено</div></div>
<div class="hero-stat"><div class="hero-stat-number" data-target="50">0</div><div class="hero-stat-label">единиц техники</div></div>
<div class="hero-stat"><div class="hero-stat-number" data-target="80">0</div><div class="hero-stat-label">единиц техники</div></div>
<div class="hero-stat"><div class="hero-stat-number" data-target="6">0</div><div class="hero-stat-label">федеральных округов</div></div>
</div>
</div>
@@ -617,7 +649,7 @@ img { max-width: 100%; display: block; }
<div class="container">
<div class="section-header reveal">
<h2 class="section-title">О <span>компании</span></h2>
<p class="section-subtitle">Компания «СТС-Авто» — надёжный партнёр в сфере демонтажа и капитального ремонта магистральных трубопроводов. Мы работаем на всей территории Российской Федерации, обеспечивая полный цикл работ собственными силами и техникой.</p>
<p class="section-subtitle">Компания «СТС-Авто» — надёжный партнёр в сфере демонтажа, оказывает услуги по демонтажу магистральных трубопроводов, объектов инфраструктуры, зданий, сооружений и разделки жд транспорта, с последующей переработкой и утилизацией для предприятий. Мы работаем на всей территории Российской Федерации.</p>
</div>
<div class="about-grid">
<div class="about-image reveal-left">
@@ -631,7 +663,7 @@ img { max-width: 100%; display: block; }
<div class="about-features">
<div class="about-feature">
<div class="about-feature-icon"><svg viewBox="0 0 24 24"><path d="M18.92 6.01C18.72 5.42 18.16 5 17.5 5h-11c-.66 0-1.21.42-1.42 1.01L3 12v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99zM6.5 16c-.83 0-1.5-.67-1.5-1.5S5.67 13 6.5 13s1.5.67 1.5 1.5S7.33 16 6.5 16zm11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM5 11l1.5-4.5h11L19 11H5z"/></svg></div>
<div class="about-feature-text"><strong>Парк техники не старше 5 лет</strong>Более 50 единиц современной спецтехники</div>
<div class="about-feature-text"><strong>Парк техники не старше 5 лет</strong>Более 80 единиц современной спецтехники</div>
</div>
<div class="about-feature">
<div class="about-feature-icon"><svg viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg></div>
@@ -651,7 +683,36 @@ img { max-width: 100%; display: block; }
</div>
</section>
<!-- SERVICES -->
<!-- SOCIAL ACTIVITY -->
<section class="section section-white" id="activity">
<div class="container">
<div class="section-header center reveal">
<h2 class="section-title">Общественная <span>деятельность</span></h2>
<p class="section-subtitle">Компания «СТС-Авто» активно участвует в социальной и общественной жизни регионов присутствия.</p>
</div>
<div class="activity-grid reveal">
<div class="license-gallery-item" data-src="./img/thanks-1.webp" data-title="Благодарственное письмо" data-desc="Благодарность от партнёров за качественно выполненные работы.">
<div class="license-gallery-thumb">
<img src="./img/thanks-1.webp" alt="Благодарственное письмо">
<div class="license-gallery-zoom"><svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg></div>
</div>
<div class="license-gallery-body">
<h4>Благодарственное письмо</h4>
</div>
</div>
<div class="license-gallery-item" data-src="./img/thanks-2.webp" data-title="Благодарственное письмо" data-desc="Благодарность от партнёров за качественно выполненные работы.">
<div class="license-gallery-thumb">
<img src="./img/thanks-2.webp" alt="Благодарственное письмо">
<div class="license-gallery-zoom"><svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg></div>
</div>
<div class="license-gallery-body">
<h4>Благодарственное письмо</h4>
</div>
</div>
</div>
</div>
</section>
<section class="section section-white" id="services">
<div class="container">
<div class="section-header center reveal">
@@ -661,8 +722,8 @@ img { max-width: 100%; display: block; }
<div class="services-grid">
<div class="service-card large reveal">
<div class="service-icon"><svg viewBox="0 0 24 24"><path d="M19.35 10.04A7.49 7.49 0 0012 4C9.11 4 6.6 5.64 5.35 8.04A5.994 5.994 0 000 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96z"/></svg></div>
<h3>Демонтаж и капитальный ремонт труб, трубопроводов</h3>
<p>Выполняем полный цикл работ по демонтажу и капитальному ремонту магистральных и промысловых трубопроводов любого типа и диаметра.</p>
<h3>Демонтаж нефтегазопроводов, утилизация отходов</h3>
<p>Выполняем полный цикл работ по демонтажу магистральных и промысловых трубопроводов любого типа и диаметра, а также утилизацию отходов.</p>
<ul class="service-list">
<li>Нефтепроводы, газопроводы, водоводы — все типы магистральных и промысловых сетей</li>
<li>Полный цикл: от вскрытия и вырезки дефектных участков до вывоза и сдачи металлолома</li>
@@ -740,7 +801,7 @@ img { max-width: 100%; display: block; }
<div class="process-number">3</div>
<div class="process-content">
<h3>Выполнение работ</h3>
<p>Мобилизуем технику и персонал на объект. Выполняем демонтаж, капитальный ремонт, рекультивацию или строительство проездов в соответствии с проектной документацией. Ежедневные отчёты о ходе работ.</p>
<p>Мобилизуем технику и персонал на объект. Выполняем демонтаж, капитальный ремонт, утилизацию отходов, рекультивацию или строительство проездов в соответствии с проектной документацией. Ежедневные отчёты о ходе работ.</p>
</div>
</div>
<div class="process-step reveal">
@@ -759,204 +820,202 @@ img { max-width: 100%; display: block; }
<div class="container">
<div class="section-header center reveal">
<h2 class="section-title">Наша <span>спецтехника</span></h2>
<p class="section-subtitle">Собственный парк из более чем 50 единиц современной спецтехники ведущих мировых производителей. Возраст всей техники — не старше 5 лет.</p>
<p class="section-subtitle">Собственный парк из более чем 80 единиц современной спецтехники ведущих мировых производителей. Возраст всей техники — не старше 5 лет.</p>
</div>
<div class="equipment-grid">
<!-- Экскаваторы Hitachi -->
<!-- Автокран КАМАЗ КС-55717К-3 -->
<div class="equipment-card reveal">
<div class="equipment-card-image">
<img src="./img/hitachi-zx350.webp" alt="Экскаватор Hitachi ZX350">
<div class="equip-overlay"><span class="brand">Hitachi</span></div>
<img src="./img/ks-45721.webp" alt="Автокран КАМАЗ КС-55717К-3">
<div class="equip-overlay"><span class="brand">КАМАЗ</span></div>
</div>
<div class="equipment-card-body">
<h3>Экскаватор гусеничный Hitachi ZX350</h3>
<h3>Автокран КАМАЗ КС-55717К-3</h3>
<div class="equipment-age-badge">Не старше 5 лет</div>
<div class="equipment-qty">10 единиц</div>
<div class="equipment-specs">
<div class="equipment-spec"><span class="equipment-spec-label">Масса</span><span class="equipment-spec-value">35 тонн</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">Объём ковша</span><span class="equipment-spec-value">до 1.8 м³</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">Глубина копания</span><span class="equipment-spec-value">до 7.5 м</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">Навесное</span><span class="equipment-spec-value">Гидромолот, ковш</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">Грузоподъёмность</span><span class="equipment-spec-value">25 тонн</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">Вылет стрелы</span><span class="equipment-spec-value">до 28 м</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">Шасси</span><span class="equipment-spec-value">Полноприводное 6×6</span></div>
</div>
</div>
</div>
<!-- Экскаватор Komatsu -->
<!-- Автокран Zoomlion ZTC300 -->
<div class="equipment-card reveal">
<div class="equipment-card-image">
<img src="./img/komatsu-pc400.webp" alt="Экскаватор Komatsu PC400">
<img src="./img/ivanovets-ks5571.webp" alt="Автокран Zoomlion ZTC300">
<div class="equip-overlay"><span class="brand">Zoomlion</span></div>
</div>
<div class="equipment-card-body">
<h3>Автокран Zoomlion ZTC300</h3>
<div class="equipment-age-badge">Не старше 5 лет</div>
<div class="equipment-qty">2 единицы</div>
<div class="equipment-specs">
<div class="equipment-spec"><span class="equipment-spec-label">Грузоподъёмность</span><span class="equipment-spec-value">30 тонн</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">Вылет стрелы</span><span class="equipment-spec-value">до 32 м</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">Стрела</span><span class="equipment-spec-value">Телескопическая</span></div>
</div>
</div>
</div>
<!-- Экскаватор Komatsu PC210-10M0 -->
<div class="equipment-card reveal">
<div class="equipment-card-image">
<img src="./img/komatsu-pc400.webp" alt="Экскаватор Komatsu PC210-10M0">
<div class="equip-overlay"><span class="brand">Komatsu</span></div>
</div>
<div class="equipment-card-body">
<h3>Экскаватор гусеничный Komatsu PC400</h3>
<h3>Экскаватор гусеничный Komatsu PC210-10M0</h3>
<div class="equipment-age-badge">Не старше 5 лет</div>
<div class="equipment-qty">20 единиц</div>
<div class="equipment-specs">
<div class="equipment-spec"><span class="equipment-spec-label">Масса</span><span class="equipment-spec-value">40 тонн</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">Объём ковша</span><span class="equipment-spec-value">до 2.0 м³</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">Глубина копания</span><span class="equipment-spec-value">до 8.0 м</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">Навесное</span><span class="equipment-spec-value">Гидромолот, рыхлитель</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">Масса</span><span class="equipment-spec-value">21 тонна</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">Объём ковша</span><span class="equipment-spec-value">1.0–1.2 м³</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">Глубина копания</span><span class="equipment-spec-value">до 6.5 м</span></div>
</div>
</div>
</div>
<!-- Экскаватор Caterpillar -->
<!-- Экскаватор Zoomlion ZE215E -->
<div class="equipment-card reveal">
<div class="equipment-card-image">
<img src="./img/caterpillar-336.webp" alt="Экскаватор Caterpillar 336">
<div class="equip-overlay"><span class="brand">Caterpillar</span></div>
<img src="./img/hitachi-zx350.webp" alt="Экскаватор Zoomlion ZE215E">
<div class="equip-overlay"><span class="brand">Zoomlion</span></div>
</div>
<div class="equipment-card-body">
<h3>Экскаватор гусеничный Caterpillar 336</h3>
<h3>Экскаватор гусеничный Zoomlion ZE215E</h3>
<div class="equipment-age-badge">Не старше 5 лет</div>
<div class="equipment-qty">2 единицы</div>
<div class="equipment-specs">
<div class="equipment-spec"><span class="equipment-spec-label">Масса</span><span class="equipment-spec-value">36 тонн</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">Объём ковша</span><span class="equipment-spec-value">до 1.9 м³</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">Двигатель</span><span class="equipment-spec-value">Cat C9.3B</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">Навесное</span><span class="equipment-spec-value">Гидромолот, грейфер</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">Масса</span><span class="equipment-spec-value">21.5 тонны</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">Объём ковша</span><span class="equipment-spec-value">1.1 м³</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">Аналог</span><span class="equipment-spec-value">Komatsu PC210</span></div>
</div>
</div>
</div>
<!-- Трактор Belarus -->
<!-- Погрузчик SDLG LG933L -->
<div class="equipment-card reveal">
<div class="equipment-card-image">
<img src="./img/belarus-mtz1523.webp" alt="Трактор Belarus МТЗ-1523">
<div class="equip-overlay"><span class="brand">Беларус</span></div>
<img src="./img/john-deere.webp" alt="Погрузчик SDLG LG933L">
<div class="equip-overlay"><span class="brand">SDLG</span></div>
</div>
<div class="equipment-card-body">
<h3>Трактор Belarus МТЗ-1523</h3>
<h3>Погрузчик колёсный SDLG LG933L</h3>
<div class="equipment-age-badge">Не старше 5 лет</div>
<div class="equipment-qty">2 единицы</div>
<div class="equipment-specs">
<div class="equipment-spec"><span class="equipment-spec-label">Мощность</span><span class="equipment-spec-value">155 л.с.</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">Навесное</span><span class="equipment-spec-value">Бульдозерный отвал</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">Применение</span><span class="equipment-spec-value">Планировка, рекультивация</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">Грузоподъёмность</span><span class="equipment-spec-value">3 тонны</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">Объём ковша</span><span class="equipment-spec-value">1.7 м³</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">Тип</span><span class="equipment-spec-value">Колёсный</span></div>
</div>
</div>
</div>
<!-- Соболь 4×4 -->
<div class="equipment-card reveal">
<div class="equipment-card-image">
<img src="./img/hero-bg.webp" alt="Соболь 4×4">
<div class="equip-overlay"><span class="brand">Соболь</span></div>
</div>
<div class="equipment-card-body">
<h3>Соболь 4×4 грузо-пассажирский</h3>
<div class="equipment-age-badge">Не старше 5 лет</div>
<div class="equipment-qty">13 единиц</div>
<div class="equipment-specs">
<div class="equipment-spec"><span class="equipment-spec-label">Грузоподъёмность</span><span class="equipment-spec-value">до 1 т</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">Привод</span><span class="equipment-spec-value">Полный 4×4</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">Назначение</span><span class="equipment-spec-value">Доставка персонала и запчастей</span></div>
</div>
</div>
</div>
<!-- Трактор John Deere -->
<!-- Ломовоз с КМУ -->
<div class="equipment-card reveal">
<div class="equipment-card-image">
<img src="./img/john-deere.webp" alt="Трактор John Deere">
<div class="equip-overlay"><span class="brand">John Deere</span></div>
<img src="./img/howo-sitrak.webp" alt="Ломовоз с КМУ">
<div class="equip-overlay"><span class="brand">Ломовоз</span></div>
</div>
<div class="equipment-card-body">
<h3>Трактор John Deere с бульдозерным навесным</h3>
<h3>Ломовоз с КМУ (кран-манипулятор)</h3>
<div class="equipment-age-badge">Не старше 5 лет</div>
<div class="equipment-qty">3 единицы</div>
<div class="equipment-specs">
<div class="equipment-spec"><span class="equipment-spec-label">Мощность</span><span class="equipment-spec-value">до 400 л.с.</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">Навесное</span><span class="equipment-spec-value">Бульдозерный отвал, плуг</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">Применение</span><span class="equipment-spec-value">Планировка, расчистка</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">Привод</span><span class="equipment-spec-value">Полный 4×4</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">Грузоподъёмность КМУ</span><span class="equipment-spec-value">до 8 т</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">Объём платформы</span><span class="equipment-spec-value">до 20 м³</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">Назначение</span><span class="equipment-spec-value">Вывоз металлолома</span></div>
</div>
</div>
</div>
<!-- Кран Ивановец -->
<!-- Седельный тягач Камаз 53504-50 -->
<div class="equipment-card reveal">
<div class="equipment-card-image">
<img src="./img/ivanovets-ks5571.webp" alt="Автокран Ивановец KS-55">
<div class="equip-overlay"><span class="brand">Ивановец</span></div>
</div>
<div class="equipment-card-body">
<h3>Автокран Ивановец КС-55</h3>
<div class="equipment-age-badge">Не старше 5 лет</div>
<div class="equipment-specs">
<div class="equipment-spec"><span class="equipment-spec-label">Грузоподъёмность</span><span class="equipment-spec-value">до 25 тонн</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">Вылет стрелы</span><span class="equipment-spec-value">до 28 м</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">Применение</span><span class="equipment-spec-value">Монтаж труб, погрузка</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">Шасси</span><span class="equipment-spec-value">Автомобильное</span></div>
</div>
</div>
</div>
<!-- Кран КС -->
<div class="equipment-card reveal">
<div class="equipment-card-image">
<img src="./img/ks-45721.webp" alt="Автокран КС на КамАЗ">
<div class="equip-overlay"><span class="brand">КС / КамАЗ</span></div>
</div>
<div class="equipment-card-body">
<h3>Автокран КС на шасси КамАЗ</h3>
<div class="equipment-age-badge">Не старше 5 лет</div>
<div class="equipment-specs">
<div class="equipment-spec"><span class="equipment-spec-label">Грузоподъёмность</span><span class="equipment-spec-value">до 25 тонн</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">Вылет стрелы</span><span class="equipment-spec-value">до 30 м</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">Применение</span><span class="equipment-spec-value">Монтаж труб, погрузка</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">Шасси</span><span class="equipment-spec-value">КамАЗ повышенной проходимости</span></div>
</div>
</div>
</div>
<!-- Самосвал Howo -->
<div class="equipment-card reveal">
<div class="equipment-card-image">
<img src="./img/howo-sitrak.webp" alt="Самосвал Howo">
<div class="equip-overlay"><span class="brand">Howo</span></div>
</div>
<div class="equipment-card-body">
<h3>Самосвал Howo</h3>
<div class="equipment-age-badge">Не старше 5 лет</div>
<div class="equipment-specs">
<div class="equipment-spec"><span class="equipment-spec-label">Грузоподъёмность</span><span class="equipment-spec-value">до 20 тонн</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">Объём кузова</span><span class="equipment-spec-value">до 20 м³</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">Применение</span><span class="equipment-spec-value">Вывоз грунта, доставка материалов</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">Колёсная формула</span><span class="equipment-spec-value">6×4</span></div>
</div>
</div>
</div>
<!-- Самосвал КамАЗ -->
<div class="equipment-card reveal">
<div class="equipment-card-image">
<img src="./img/kamaz-6520.webp" alt="Самосвал КамАЗ 6520">
<img src="./img/kamaz-6520.webp" alt="Седельный тягач Камаз 53504-50">
<div class="equip-overlay"><span class="brand">КамАЗ</span></div>
</div>
<div class="equipment-card-body">
<h3>Самосвал КамАЗ 6520</h3>
<h3>Седельный тягач Камаз 53504-50</h3>
<div class="equipment-age-badge">Не старше 5 лет</div>
<div class="equipment-qty">6 единиц</div>
<div class="equipment-specs">
<div class="equipment-spec"><span class="equipment-spec-label">Грузоподъёмность</span><span class="equipment-spec-value">до 20 тонн</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">Объём кузова</span><span class="equipment-spec-value">до 20 м³</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">Применение</span><span class="equipment-spec-value">Вывоз грунта, доставка материалов</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">Колёсная формула</span><span class="equipment-spec-value">6×4 / 8×4</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">Тяговый класс</span><span class="equipment-spec-value">до 50 т</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">Привод</span><span class="equipment-spec-value">Полный привод</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">Назначение</span><span class="equipment-spec-value">Перевозка негабарита и тралов</span></div>
</div>
</div>
</div>
<!-- Трал 1 -->
<!-- Экскаватор-амфибия -->
<div class="equipment-card reveal">
<div class="equipment-card-image">
<img src="./img/tral-1.webp" alt="Трал с экскаватором">
<div class="equip-overlay"><span class="brand">Тралы / Негабарит</span></div>
<img src="./img/caterpillar-336.webp" alt="Экскаватор-амфибия">
<div class="equip-overlay"><span class="brand">Амфибия</span></div>
</div>
<div class="equipment-card-body">
<h3>Тралы для перевозки негабарита</h3>
<h3>Экскаватор-амфибия на понтонной платформе</h3>
<div class="equipment-age-badge">Не старше 5 лет</div>
<div class="equipment-qty">4 единицы</div>
<div class="equipment-specs">
<div class="equipment-spec"><span class="equipment-spec-label">Грузоподъёмность</span><span class="equipment-spec-value">до 100 тонн</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">География</span><span class="equipment-spec-value">В любую точку РФ</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">Применение</span><span class="equipment-spec-value">Перевозка труб, техники, конструкций</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">Длина платформы</span><span class="equipment-spec-value">до 16 м</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">Тип</span><span class="equipment-spec-value">Гусеничный, плавающий</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">Работает</span><span class="equipment-spec-value">На болотах и водных преградах</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">Особенность</span><span class="equipment-spec-value">Там, где не видно дна</span></div>
</div>
</div>
</div>
<!-- Трал 2 -->
<!-- УАЗ Пикап -->
<div class="equipment-card reveal">
<div class="equipment-card-image">
<img src="./img/tral-2.webp" alt="Трал с трубами">
<div class="equip-overlay"><span class="brand">Тралы / Трубоукладка</span></div>
<img src="./img/belarus-mtz1523.webp" alt="УАЗ Пикап">
<div class="equip-overlay"><span class="brand">УАЗ</span></div>
</div>
<div class="equipment-card-body">
<h3>Тралы для перевозки труб большого диаметра</h3>
<h3>УАЗ Пикап (полный привод)</h3>
<div class="equipment-age-badge">Не старше 5 лет</div>
<div class="equipment-qty">Несколько единиц</div>
<div class="equipment-specs">
<div class="equipment-spec"><span class="equipment-spec-label">Грузоподъёмность</span><span class="equipment-spec-value">до 80 тонн</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">Диаметр труб</span><span class="equipment-spec-value">до 1420 мм</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">Применение</span><span class="equipment-spec-value">Доставка трубных секций на объекты</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">Крепёж</span><span class="equipment-spec-value">Специальные ложементы</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">Привод</span><span class="equipment-spec-value">Полный привод</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">Назначение</span><span class="equipment-spec-value">Доставка запчастей на месторождения</span></div>
</div>
</div>
</div>
<!-- Тралы тяжеловозы -->
<div class="equipment-card reveal">
<div class="equipment-card-image">
<img src="./img/tral-1.webp" alt="Тралы тяжеловозы">
<div class="equip-overlay"><span class="brand">Тралы</span></div>
</div>
<div class="equipment-card-body">
<h3>Тралы тяжеловозы для доставки спецтехники</h3>
<div class="equipment-age-badge">Не старше 5 лет</div>
<div class="equipment-qty">3 единицы</div>
<div class="equipment-specs">
<div class="equipment-spec"><span class="equipment-spec-label">Тяговый класс</span><span class="equipment-spec-value">до 50 т</span></div>
<div class="equipment-spec"><span class="equipment-spec-label">Назначение</span><span class="equipment-spec-value">Доставка спецтехники на объекты</span></div>
</div>
</div>
</div>
@@ -1130,6 +1189,30 @@ img { max-width: 100%; display: block; }
</div>
</section>
<!-- PARTNERS -->
<section class="section section-white" id="partners">
<div class="container">
<div class="section-header center reveal">
<h2 class="section-title">Наши <span>партнёры</span></h2>
<p class="section-subtitle">Сотрудничаем с ведущими компаниями нефтегазового сектора.</p>
</div>
<div class="partners-scroll reveal">
<div class="partners-track">
<img src="./img/partner-1.webp" alt="Партнёр">
<img src="./img/partner-1.webp" alt="Партнёр">
<img src="./img/partner-1.webp" alt="Партнёр">
<img src="./img/partner-1.webp" alt="Партнёр">
<img src="./img/partner-1.webp" alt="Партнёр">
<img src="./img/partner-1.webp" alt="Партнёр">
<img src="./img/partner-1.webp" alt="Партнёр">
<img src="./img/partner-1.webp" alt="Партнёр">
<img src="./img/partner-1.webp" alt="Партнёр">
<img src="./img/partner-1.webp" alt="Партнёр">
</div>
</div>
</div>
</section>
<!-- FOOTER -->
<footer class="footer">
<div class="footer-content">
@@ -1154,6 +1237,18 @@ img { max-width: 100%; display: block; }
(function() {
'use strict';
var yearsSince2011 = new Date().getFullYear() - 2011;
document.title = document.title.replace('{years}', yearsSince2011);
var metaDesc = document.querySelector('meta[name="description"]');
if (metaDesc) metaDesc.setAttribute('content', metaDesc.getAttribute('content').replace('{years}', yearsSince2011));
var heroSubtitle = document.querySelector('.hero-subtitle');
if (heroSubtitle) heroSubtitle.textContent = heroSubtitle.textContent.replace('{years}', yearsSince2011);
var heroStatNumber = document.querySelector('.hero-stat-number');
if (heroStatNumber) heroStatNumber.setAttribute('data-target', yearsSince2011);
var header = document.getElementById('header');
var scrollTopBtn = document.getElementById('scrollTop');

5
server.js
View File

@@ -131,7 +131,10 @@ app.delete('/api/leads/:id', (req, res) => {
// Serve frontend
app.get('/', (req, res) => {
res.sendFile(path.join(__dirname, 'public', 'index.html'));
const years = new Date().getFullYear() - 2011;
const htmlPath = path.join(__dirname, 'public', 'index.html');
const html = fs.readFileSync(htmlPath, 'utf8');
res.send(html.replace(/\{years\}/g, String(years)));
});
app.listen(PORT, async () => {