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

Обновление проекта
All checks were successful
Deploy sts / deploy-sber (push) Successful in 25s
Details

Browse Source
This commit is contained in:
kalugin66
2026-07-17 03:47:29 +05:00
parent 0dedca45eb
commit c41e304315
5 changed files with 486 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

86
public/cookies.html Normal file
View File

@@ -0,0 +1,86 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<title>Политика использования cookie — СТС-Авто</title>
<meta name="description" content="Политика использования cookie-файлов на сайте СТС-Авто.">
<style>
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
:root {
--dark: #1a2a3a; --orange: #E67E22; --orange-dark: #D35400;
--orange-light: #F39C12; --bg-light: #f5f2ed; --bg-white: #ffffff;
--text-dark: #1a2a3a; --text-gray: #5a6a7a; --text-light: #8a9aaa;
}
html { font-size: 16px; }
body { font-family: 'Roboto Condensed', sans-serif; color: var(--text-dark); background: var(--bg-light); line-height: 1.8; }
h1,h2 { font-family: 'Montserrat', sans-serif; font-weight: 700; line-height: 1.3; }
a { color: var(--orange); text-decoration: underline; }
a:hover { color: var(--orange-dark); }
.page { max-width: 880px; margin: 0 auto; padding: 100px 24px 60px; background: var(--bg-white); border-left: 1px solid #ddd; border-right: 1px solid #ddd; min-height: 100vh; }
.page h1 { font-size: clamp(1.6rem, 3vw, 2rem); color: var(--text-dark); margin-bottom: 10px; }
.page .updated { font-size: 0.88rem; color: var(--text-light); margin-bottom: 32px; }
.page h2 { font-size: 1.25rem; color: var(--orange-dark); margin: 28px 0 12px; padding-top: 20px; border-top: 1px solid #e0dcd6; }
.page p, .page li { font-size: 0.97rem; color: var(--text-gray); margin-bottom: 10px; }
.page ul { padding-left: 22px; margin-bottom: 16px; }
.page ul li { margin-bottom: 6px; }
table { width: 100%; border-collapse: collapse; margin: 16px 0; }
th, td { padding: 10px 14px; text-align: left; border: 1px solid #ddd; font-size: 0.93rem; }
th { background: #f5f2ed; color: var(--text-dark); font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 0.85rem; }
td { color: var(--text-gray); }
.back-link { display: inline-block; margin-bottom: 24px; font-size: 0.9rem; }
</style>
</head>
<body>
<div class="page">
<a href="/" class="back-link">&larr; На главную</a>
<h1>Политика использования cookie-файлов</h1>
<p class="updated">Дата вступления в силу: 01 января 2025 г.</p>
<h2>1. Что такое cookie</h2>
<p>Cookie (куки) — это небольшие текстовые файлы, которые сохраняются на устройстве Пользователя (компьютере, планшете, смартфоне) при посещении веб-сайта. Cookie позволяют сайту запоминать определённую информацию о Пользователе, делая использование сайта более удобным.</p>
<h2>2. Какие cookie мы используем</h2>
<table>
<thead>
<tr><th>Тип cookie</th><th>Назначение</th><th>Срок хранения</th></tr>
</thead>
<tbody>
<tr><td><strong>Технические cookie</strong></td><td>Обеспечивают корректную работу Сайта: навигацию, доступ к защищённым разделам, отправку форм.</td><td>Сессия (до закрытия браузера)</td></tr>
<tr><td><strong>Функциональные cookie</strong></td><td>Запоминают выбор Пользователя: согласие на использование cookie, предпочтения интерфейса.</td><td>До 12 месяцев</td></tr>
<tr><td><strong>Аналитические cookie</strong></td><td>Помогают анализировать посещаемость Сайта и улучшать его работу (не собирают персональные данные, позволяющие идентифицировать личность).</td><td>До 24 месяцев</td></tr>
</tbody>
</table>
<h2>3. Сторонние сервисы</h2>
<p>Сайт использует следующие сторонние сервисы, которые могут устанавливать собственные cookie:</p>
<ul>
<li><strong>Google Fonts</strong> — для загрузки веб-шрифтов Montserrat и Roboto Condensed. Google может собирать анонимную статистику использования шрифтов;</li>
<li><strong>Leaflet / OpenStreetMap</strong> — для отображения интерактивных карт на странице контактов. Загрузка тайлов карт осуществляется с серверов OpenStreetMap;</li>
</ul>
<h2>4. Правовые основания использования cookie</h2>
<p>В соответствии с Федеральным законом № 152-ФЗ «О персональных данных» и рекомендациями Роскомнадзора, Оператор запрашивает согласие Пользователя на использование cookie-файлов, которые могут содержать или быть связаны с персональными данными.</p>
<p>Технические cookie, необходимые для функционирования Сайта, могут быть установлены без получения согласия. Для всех остальных типов cookie Оператор запрашивает согласие Пользователя.</p>
<h2>5. Управление cookie-файлами</h2>
<p>Пользователь может в любое время:</p>
<ul>
<li>Отозвать согласие на использование cookie путём очистки cookie-файлов в настройках браузера и отказа от их принятия;</li>
<li>Настроить браузер таким образом, чтобы блокировать все cookie или уведомлять об их отправке.</li>
</ul>
<p>Инструкции по управлению cookie в популярных браузерах:</p>
<ul>
<li><strong>Google Chrome:</strong> Настройки → Конфиденциальность и безопасность → Файлы cookie и другие данные сайтов;</li>
<li><strong>Яндекс Браузер:</strong> Настройки → Сайты → Расширенные настройки сайтов → Cookie-файлы;</li>
<li><strong>Mozilla Firefox:</strong> Настройки → Приватность и защита → Куки и данные сайтов;</li>
<li><strong>Safari:</strong> Настройки → Конфиденциальность → Управление данными сайтов.</li>
</ul>
<p><strong>Внимание:</strong> Отключение cookie может привести к ограничению функциональности Сайта.</p>
<h2>6. Контактная информация</h2>
<p>По всем вопросам, связанным с использованием cookie-файлов: <a href="mailto:sts_zakaz@mail.ru">sts_zakaz@mail.ru</a>.</p>
<p style="margin-top:40px;"><a href="/">&larr; Вернуться на главную</a></p>
</div>
</body>
</html>

159
public/index.html
View File

@@ -1,10 +1,11 @@
<!DOCTYPE html>
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<title>СТС-Авто — Демонтаж нефтегазопроводов по России, утилизация отходов</title>
<meta name="description" content="Демонтаж нефтегазопроводов по России, утилизация отходов. Собственная спецтехника. Лицензии СРО и НОСТРОЙ. Более {years} лет опыта.">
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css">
<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; }
@@ -42,7 +43,8 @@ img { max-width: 100%; display: block; }
.container { max-width: 1240px; margin: 0 auto; padding: 0 20px; }
/* ========== HEADER — CONSTRUCTION EQUIPMENT STYLE ========== */
.header { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; transition: all 0.3s; }
.header { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; transition: all 0.3s; padding-top: env(safe-area-inset-top); }
.header.scrolled { background: rgba(26,42,58,0.97); box-shadow: 0 4px 20px rgba(0,0,0,0.3); }
.header-main {
@@ -66,6 +68,8 @@ img { max-width: 100%; display: block; }
.logo { display: flex; align-items: center; position: relative; z-index: 2; margin-top: -8px; margin-bottom: -8px; }
.logo img { max-height: 200px; max-width: 100%; width: auto; height: auto; }
@media (max-width: 768px) { .logo img { max-height: 90px; } }
@media (max-width: 480px) { .logo img { max-height: 65px; } }
.nav { display: flex; align-items: center; gap: 16px; position: relative; z-index: 2; }
@@ -91,7 +95,7 @@ img { max-width: 100%; display: block; }
.burger {
display: none; flex-direction: column; gap: 5px; cursor: pointer;
padding: 8px; position: relative; z-index: 2;
padding: 12px 8px; min-height: 44px; position: relative; z-index: 2; touch-action: manipulation;
}
.burger span { width: 28px; height: 3px; background: #ecf0f1; border-radius: 2px; transition: all 0.3s; }
.burger.active span:nth-child(1) { transform: rotate(45deg) translate(5px, 6px); }
@@ -99,9 +103,9 @@ img { max-width: 100%; display: block; }
.burger.active span:nth-child(3) { transform: rotate(-45deg) translate(5px, -6px); }
.mobile-nav {
position: fixed; top: 0; right: -320px; width: 320px; height: 100vh;
position: fixed; top: 0; right: -320px; width: min(320px, 85vw); height: 100vh; height: 100dvh;
background: linear-gradient(180deg, #2c3e50, #1a2a3a);
z-index: 1001; padding: 80px 30px 30px;
z-index: 1001; padding: 80px 30px 30px; padding-top: calc(80px + env(safe-area-inset-top));
transition: right 0.4s cubic-bezier(0.25,0.46,0.45,0.94);
border-left: 3px solid var(--orange);
}
@@ -121,7 +125,7 @@ img { max-width: 100%; display: block; }
/* ========== HERO ========== */
.hero {
min-height: 100vh; display: flex; align-items: center;
min-height: 100vh; min-height: 100dvh; display: flex; align-items: center;
position: relative; overflow: hidden; padding-top: 120px;
background: linear-gradient(135deg, #e8e4df 0%, #d5d0c8 100%);
}
@@ -145,9 +149,10 @@ img { max-width: 100%; display: block; }
margin-bottom: 18px; text-transform: uppercase; letter-spacing: 1px; color: #fff;
}
.hero h1 span { color: var(--orange-light); }
.hero-subtitle { font-size: clamp(1rem, 2.2vw, 1.2rem); color: #bdc3c7; margin-bottom: 32px; line-height: 1.7; }
.hero-subtitle { font-size: clamp(1rem, 2.2vw, 1.2rem); color: #bdc3c7; margin-bottom: 32px; line-height: 1.7; overflow-wrap: break-word; }
.hero-contacts { display: flex; flex-wrap: wrap; gap: 22px; margin-bottom: 36px; }
@media (max-width: 768px) { .hero-contacts { flex-direction: column; gap: 12px; } }
.hero-contact-item { display: flex; align-items: center; gap: 10px; color: #ecf0f1; font-size: 15px; }
.hero-contact-item svg { width: 18px; height: 18px; fill: var(--orange); flex-shrink: 0; }
.hero-contact-item a { color: #ecf0f1; }
@@ -264,7 +269,7 @@ img { max-width: 100%; display: block; }
.process-content p { color: var(--text-gray); line-height: 1.7; }
/* ========== EQUIPMENT ========== */
.equipment-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); gap: 22px; }
.equipment-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 22px; }
.equipment-card {
background: var(--bg-white); border: 1px solid var(--border);
border-radius: 12px; overflow: hidden; transition: all 0.4s;
@@ -279,7 +284,7 @@ img { max-width: 100%; display: block; }
}
.equipment-card-image .equip-overlay .brand {
color: var(--orange-light); font-family: 'Montserrat', sans-serif;
font-weight: 700; font-size: 11px; text-transform: uppercase; letter-spacing: 1.5px;
font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: 1.5px;
}
.equipment-card-body { padding: 22px; }
.equipment-card-body h3 { font-size: 1.05rem; margin-bottom: 14px; color: var(--text-dark); }
@@ -287,7 +292,7 @@ img { max-width: 100%; display: block; }
display: inline-flex; align-items: center; gap: 6px;
background: rgba(39,174,96,0.1); border: 1px solid rgba(39,174,96,0.3);
border-radius: 50px; padding: 4px 12px; margin-bottom: 12px;
font-size: 11px; font-weight: 700; color: #27AE60;
font-size: 12px; font-weight: 700; color: #27AE60;
font-family: 'Montserrat', sans-serif; text-transform: uppercase; letter-spacing: 0.5px;
}
.equipment-age-badge::before {
@@ -297,7 +302,7 @@ img { max-width: 100%; display: block; }
border-radius: 50%; font-size: 10px;
}
.equipment-qty {
font-size: 13px; font-weight: 700; color: var(--orange);
font-size: 14px; font-weight: 700; color: var(--orange);
margin-bottom: 8px; font-family: 'Montserrat', sans-serif;
}
.equipment-specs { display: flex; flex-direction: column; gap: 6px; }
@@ -445,7 +450,32 @@ img { max-width: 100%; display: block; }
.form-group input::placeholder, .form-group textarea::placeholder { color: var(--text-light); }
.form-group input:focus, .form-group textarea:focus { border-color: var(--orange); background: #fff; box-shadow: 0 0 0 3px rgba(230,126,34,0.1); }
.form-group textarea { resize: vertical; min-height: 90px; }
.cookie-banner {
position: fixed; bottom: 0; left: 0; right: 0; z-index: 10000;
background: rgba(26,42,58,0.97); border-top: 2px solid var(--orange);
padding: 14px 20px; display: flex; align-items: center; justify-content: center;
gap: 18px; flex-wrap: wrap; padding-bottom: calc(14px + env(safe-area-inset-bottom));
visibility: visible; opacity: 1;
}
.cookie-banner p { color: #bdc3c7; font-size: 0.88rem; line-height: 1.5; margin: 0; max-width: 750px; }
.cookie-banner a { color: var(--orange-light); text-decoration: underline; }
.cookie-banner a:hover { color: var(--orange); }
.cookie-banner-btn {
background: linear-gradient(135deg, var(--orange), var(--orange-dark));
color: #fff; border: none; border-radius: 4px; padding: 10px 24px;
font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 13px;
text-transform: uppercase; letter-spacing: 1px; cursor: pointer;
white-space: nowrap; transition: all 0.3s; touch-action: manipulation;
}
.cookie-banner-btn:hover { transform: translateY(-1px); box-shadow: 0 4px 15px rgba(230,126,34,0.3); }
@media (max-width: 480px) { .cookie-banner { flex-direction: column; text-align: center; padding: 14px 16px calc(14px + env(safe-area-inset-bottom)); } }
.form-note { font-size: 0.78rem; color: var(--text-light); margin-top: 10px; }
.form-consent-label { display: flex; align-items: flex-start; gap: 10px; font-size: 0.83rem; color: var(--text-gray); cursor: pointer; line-height: 1.5; }
.form-consent-label input[type="checkbox"] { width: 18px; height: 18px; flex-shrink: 0; margin-top: 3px; accent-color: var(--orange); cursor: pointer; }
.form-consent-label a { color: var(--orange); text-decoration: underline; }
.form-consent-label a:hover { color: var(--orange-dark); }
.contact-form .btn { width: 100%; justify-content: center; }
/* ========== FOOTER ========== */
.footer { background: #0a0a0a; }
@@ -465,11 +495,12 @@ img { max-width: 100%; display: block; }
.reveal-right.visible { opacity: 1; transform: translateX(0); }
.scroll-top {
position: fixed; bottom: 28px; right: 28px; width: 48px; height: 48px;
position: fixed; bottom: calc(28px + env(safe-area-inset-bottom)); right: 28px; width: 48px; height: 48px;
background: linear-gradient(135deg, var(--orange), var(--orange-dark));
border-radius: 50%; display: flex; align-items: center; justify-content: center;
cursor: pointer; opacity: 0; visibility: hidden; transition: all 0.3s;
z-index: 999; border: none; box-shadow: 0 4px 15px rgba(230,126,34,0.4);
touch-action: manipulation;
}
.scroll-top.visible { opacity: 1; visibility: visible; }
.scroll-top:hover { transform: translateY(-3px); }
@@ -497,6 +528,7 @@ img { max-width: 100%; display: block; }
.hero-content { padding: 28px 0; }
.hero-stats { gap: 18px; flex-wrap: wrap; }
.hero-stat-number { font-size: 1.8rem; }
.hero-contacts { flex-direction: column; gap: 12px; }
.services-grid { grid-template-columns: 1fr; }
.service-card.large { grid-column: span 1; }
.about-features { grid-template-columns: 1fr; }
@@ -509,11 +541,12 @@ img { max-width: 100%; display: block; }
.process-content { padding: 18px; }
.contact-form { padding: 22px; }
.footer-inner { flex-direction: column; text-align: center; }
.partners-track { gap: 30px; animation-duration: 30s; }
.partners-track img { height: 60px; }
}
@media (max-width: 480px) {
.hero-buttons { flex-direction: column; }
.btn { width: 100%; justify-content: center; }
.hero-contacts { flex-direction: column; gap: 12px; }
}
/* ========== SOCIAL ACTIVITY ========== */
.activity-cards {
@@ -577,7 +610,7 @@ img { max-width: 100%; display: block; }
margin-top: 50px;
}
.activity-gallery .license-gallery-item {
flex: 0 1 320px;
flex: 0 1 min(320px, 85vw);
max-width: 400px;
}
.activity-gallery-title {
@@ -612,10 +645,20 @@ img { max-width: 100%; display: block; }
0% { transform: translateX(0); }
100% { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
}
</style>
</head>
<body>
<!-- COOKIE BANNER -->
<div class="cookie-banner" id="cookieBanner">
<p>Мы используем файлы cookie. Продолжая использовать сайт, вы соглашаетесь с <a href="/cookies.html">использованием cookie</a> и <a href="/privacy.html">политикой конфиденциальности</a>.</p>
<button class="cookie-banner-btn" onclick="acceptCookies()">Принять</button>
</div>
<!-- HEADER -->
<header class="header" id="header">
<div class="header-main">
@@ -659,7 +702,7 @@ img { max-width: 100%; display: block; }
<!-- HERO -->
<section class="hero" id="hero">
<div class="hero-bg">
<img src="./img/hero-bg.webp" alt="Строительство трубопровода">
<img src="./img/hero-bg.webp" alt="Строительство трубопровода" fetchpriority="high">
</div>
<div class="container">
<div class="hero-content">
@@ -706,7 +749,7 @@ img { max-width: 100%; display: block; }
</div>
<div class="about-grid">
<div class="about-image reveal-left">
<img src="./img/hero-bg.webp" alt="Работы на трубопроводах">
<img src="./img/hero-bg.webp" alt="Работы на трубопроводах" loading="lazy">
</div>
<div class="about-text reveal-right">
<h3>Собственная техника и полный контроль</h3>
@@ -874,7 +917,7 @@ img { max-width: 100%; display: block; }
<!-- Автокран КАМАЗ КС-55717К-3 -->
<div class="equipment-card reveal">
<div class="equipment-card-image">
<img src="./img/ks-45721.webp" alt="Автокран КАМАЗ КС-55717К-3">
<img src="./img/ks-45721.webp" alt="Автокран КАМАЗ КС-55717К-3" loading="lazy">
<div class="equip-overlay"><span class="brand">КАМАЗ</span></div>
</div>
<div class="equipment-card-body">
@@ -892,7 +935,7 @@ img { max-width: 100%; display: block; }
<!-- Автокран Zoomlion ZTC300 -->
<div class="equipment-card reveal">
<div class="equipment-card-image">
<img src="./img/zoomlion-ztc300.webp" alt="Автокран Zoomlion ZTC300">
<img src="./img/zoomlion-ztc300.webp" alt="Автокран Zoomlion ZTC300" loading="lazy">
<div class="equip-overlay"><span class="brand">Zoomlion</span></div>
</div>
<div class="equipment-card-body">
@@ -910,7 +953,7 @@ img { max-width: 100%; display: block; }
<!-- Экскаватор Komatsu PC210-10M0 -->
<div class="equipment-card reveal">
<div class="equipment-card-image">
<img src="./img/komatsu-pc210.webp" alt="Экскаватор Komatsu PC210-10M0">
<img src="./img/komatsu-pc210.webp" loading="lazy" alt="Экскаватор Komatsu PC210-10M0">
<div class="equip-overlay"><span class="brand">Komatsu</span></div>
</div>
<div class="equipment-card-body">
@@ -928,7 +971,7 @@ img { max-width: 100%; display: block; }
<!-- Экскаватор Zoomlion ZE215E -->
<div class="equipment-card reveal">
<div class="equipment-card-image">
<img src="./img/zoomlion-ze215e.webp" alt="Экскаватор Zoomlion ZE215E">
<img src="./img/zoomlion-ze215e.webp" loading="lazy" alt="Экскаватор Zoomlion ZE215E">
<div class="equip-overlay"><span class="brand">Zoomlion</span></div>
</div>
<div class="equipment-card-body">
@@ -946,7 +989,7 @@ img { max-width: 100%; display: block; }
<!-- Погрузчик SDLG LG933L -->
<div class="equipment-card reveal">
<div class="equipment-card-image">
<img src="./img/sdlg-lg933l.webp" alt="Погрузчик SDLG LG933L">
<img src="./img/sdlg-lg933l.webp" loading="lazy" alt="Погрузчик SDLG LG933L">
<div class="equip-overlay"><span class="brand">SDLG</span></div>
</div>
<div class="equipment-card-body">
@@ -964,7 +1007,7 @@ img { max-width: 100%; display: block; }
<!-- Соболь 4×4 -->
<div class="equipment-card reveal">
<div class="equipment-card-image">
<img src="./img/sobol-4x4.webp" alt="Соболь 4×4">
<img src="./img/sobol-4x4.webp" loading="lazy" alt="Соболь 4×4">
<div class="equip-overlay"><span class="brand">Соболь</span></div>
</div>
<div class="equipment-card-body">
@@ -982,7 +1025,7 @@ img { max-width: 100%; display: block; }
<!-- Ломовоз с КМУ -->
<div class="equipment-card reveal">
<div class="equipment-card-image">
<img src="./img/lomovoz-kmu.webp" alt="Ломовоз с КМУ">
<img src="./img/lomovoz-kmu.webp" loading="lazy" alt="Ломовоз с КМУ">
<div class="equip-overlay"><span class="brand">Ломовоз</span></div>
</div>
<div class="equipment-card-body">
@@ -1000,7 +1043,7 @@ img { max-width: 100%; display: block; }
<!-- Седельный тягач Камаз 53504-50 -->
<div class="equipment-card reveal">
<div class="equipment-card-image">
<img src="./img/kamaz-53504.webp" alt="Седельный тягач Камаз 53504-50">
<img src="./img/kamaz-53504.webp" loading="lazy" alt="Седельный тягач Камаз 53504-50">
<div class="equip-overlay"><span class="brand">КамАЗ</span></div>
</div>
<div class="equipment-card-body">
@@ -1018,7 +1061,7 @@ img { max-width: 100%; display: block; }
<!-- Экскаватор-амфибия -->
<div class="equipment-card reveal">
<div class="equipment-card-image">
<img src="./img/amfibia.webp" alt="Экскаватор-амфибия">
<img src="./img/amfibia.webp" loading="lazy" alt="Экскаватор-амфибия">
<div class="equip-overlay"><span class="brand">Амфибия</span></div>
</div>
<div class="equipment-card-body">
@@ -1036,7 +1079,7 @@ img { max-width: 100%; display: block; }
<!-- УАЗ Пикап -->
<div class="equipment-card reveal">
<div class="equipment-card-image">
<img src="./img/uaz-pickup.webp" alt="УАЗ Пикап">
<img src="./img/uaz-pickup.webp" loading="lazy" alt="УАЗ Пикап">
<div class="equip-overlay"><span class="brand">УАЗ</span></div>
</div>
<div class="equipment-card-body">
@@ -1053,7 +1096,7 @@ img { max-width: 100%; display: block; }
<!-- Тралы тяжеловозы -->
<div class="equipment-card reveal">
<div class="equipment-card-image">
<img src="./img/tral-1.webp" alt="Тралы тяжеловозы">
<img src="./img/tral-1.webp" loading="lazy" alt="Тралы тяжеловозы">
<div class="equip-overlay"><span class="brand">Тралы</span></div>
</div>
<div class="equipment-card-body">
@@ -1095,7 +1138,7 @@ img { max-width: 100%; display: block; }
</div>
<div class="reveal-right">
<div class="geo-map">
<img src="./img/geo.webp" alt="География присутствия СТС-Авто">
<img src="./img/geo.webp" loading="lazy" alt="География присутствия СТС-Авто">
</div>
</div>
</div>
@@ -1138,7 +1181,7 @@ img { max-width: 100%; display: block; }
<div class="license-gallery reveal">
<div class="license-gallery-item" data-src="./img/license-otxody.webp" data-title="Лицензия на отходы I–IV класса опасности" data-desc="Лицензия № 066№ 00783 от 13 сентября 2018 г. Деятельность по сбору, транспортированию, обработке, утилизации, обезвреживанию, размещению отходов I–IV класса опасности.">
<div class="license-gallery-thumb">
<img src="./img/license-otxody.webp" alt="Лицензия на отходы I–IV класса опасности">
<img src="./img/license-otxody.webp" loading="lazy" alt="Лицензия на отходы I–IV класса опасности">
<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">
@@ -1148,7 +1191,7 @@ img { max-width: 100%; display: block; }
</div>
<div class="license-gallery-item" data-src="./img/license-lom.webp" data-title="Лицензия на лом черных и цветных металлов" data-desc="Лицензия № ЛМ 000092 от 31 октября 2018 г. Заготовка, хранение, переработка и реализация лома черных и цветных металлов.">
<div class="license-gallery-thumb">
<img src="./img/license-lom.webp" alt="Лицензия на лом черных и цветных металлов">
<img src="./img/license-lom.webp" loading="lazy" 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">
@@ -1201,7 +1244,7 @@ img { max-width: 100%; display: block; }
<div class="activity-gallery-title">Благодарственные письма</div>
<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="Благодарственное письмо">
<img src="./img/thanks-1.webp" loading="lazy" 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">
@@ -1211,7 +1254,7 @@ img { max-width: 100%; display: block; }
</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="Благодарственное письмо">
<img src="./img/thanks-2.webp" loading="lazy" 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">
@@ -1265,7 +1308,7 @@ img { max-width: 100%; display: block; }
</div>
</div>
<div class="contact-map">
<img src="./img/secret.webp" alt="Контакты СТС-Авто">
<img src="./img/secret.webp" loading="lazy" alt="Контакты СТС-Авто">
</div>
</div>
<div class="reveal-right">
@@ -1285,8 +1328,13 @@ img { max-width: 100%; display: block; }
<label for="message">Сообщение</label>
<textarea id="message" name="message" placeholder="Опишите ваш запрос..."></textarea>
</div>
<button type="submit" class="btn btn-primary" style="width:100%;justify-content:center;">Отправить заявку</button>
<p class="form-note">Нажимая кнопку, вы соглашаетесь на обработку персональных данных</p>
<div class="form-group">
<label class="form-consent-label">
<input type="checkbox" name="consent" required id="consent">
<span>Я согласен на <a href="/privacy.html" target="_blank">обработку персональных данных</a></span>
</label>
</div>
<button type="submit" class="btn btn-primary">Отправить заявку</button>
</form>
<div class="form-success" id="formSuccess">
<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>
@@ -1308,16 +1356,16 @@ img { max-width: 100%; display: block; }
</div>
<div class="partners-scroll reveal">
<div class="partners-track">
<img src="./img/газпром.webp" alt="Газпром">
<img src="./img/роснефть.webp" alt="Роснефть">
<img src="./img/сибур.webp" alt="Сибур">
<img src="./img/сургутнефтегаз.webp" alt="Сургутнефтегаз">
<img src="./img/транснефть.webp" alt="Транснефть">
<img src="./img/газпром.webp" alt="Газпром">
<img src="./img/роснефть.webp" alt="Роснефть">
<img src="./img/сибур.webp" alt="Сибур">
<img src="./img/сургутнефтегаз.webp" alt="Сургутнефтегаз">
<img src="./img/транснефть.webp" alt="Транснефть">
<img src="./img/газпром.webp" loading="lazy" alt="Газпром">
<img src="./img/роснефть.webp" loading="lazy" alt="Роснефть">
<img src="./img/сибур.webp" loading="lazy" alt="Сибур">
<img src="./img/сургутнефтегаз.webp" loading="lazy" alt="Сургутнефтегаз">
<img src="./img/транснефть.webp" loading="lazy" alt="Транснефть">
<img src="./img/газпром.webp" loading="lazy" alt="Газпром">
<img src="./img/роснефть.webp" loading="lazy" alt="Роснефть">
<img src="./img/сибур.webp" loading="lazy" alt="Сибур">
<img src="./img/сургутнефтегаз.webp" loading="lazy" alt="Сургутнефтегаз">
<img src="./img/транснефть.webp" loading="lazy" alt="Транснефть">
</div>
</div>
</div>
@@ -1327,11 +1375,14 @@ img { max-width: 100%; display: block; }
<footer class="footer">
<div class="footer-content">
<div class="footer-inner">
<div class="footer-copy">© 2026 ООО «СТС-Авто». Все права защищены.</div>
<div class="footer-copy">© 2026 ООО «СТС-Авто». Все права защищены. 16+</div>
<div class="footer-links">
<a href="#about">О компании</a>
<a href="#services">Услуги</a>
<a href="#contacts">Контакты</a>
<a href="/privacy.html">Политика конфиденциальности</a>
<a href="/terms.html">Пользовательское соглашение</a>
<a href="/requisites.html">Реквизиты</a>
<a href="mailto:sts_zakaz@mail.ru">sts_zakaz@mail.ru</a>
</div>
</div>
@@ -1343,10 +1394,23 @@ img { max-width: 100%; display: block; }
<svg viewBox="0 0 24 24"><path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"/></svg>
</button>
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
<script>
(function() {
'use strict';
var cookieBanner = document.getElementById('cookieBanner');
if (cookieBanner && !localStorage.getItem('cookiesAccepted')) {
cookieBanner.style.display = 'flex';
} else if (cookieBanner) {
cookieBanner.style.display = 'none';
}
window.acceptCookies = function() {
localStorage.setItem('cookiesAccepted', '1');
var cb = document.getElementById('cookieBanner');
if (cb) cb.style.display = 'none';
};
var yearsSince2011 = new Date().getFullYear() - 2011;
document.title = document.title.replace('{years}', yearsSince2011);
@@ -1528,7 +1592,6 @@ img { max-width: 100%; display: block; }
}
})();
</script>
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
</body>
</html>

107
public/privacy.html Normal file
View File

@@ -0,0 +1,107 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<title>Политика конфиденциальности — СТС-Авто</title>
<meta name="description" content="Политика конфиденциальности ООО «СТС-Авто» в отношении обработки персональных данных.">
<style>
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
:root {
--dark: #1a2a3a; --orange: #E67E22; --orange-dark: #D35400;
--orange-light: #F39C12; --bg-light: #f5f2ed; --bg-white: #ffffff;
--text-dark: #1a2a3a; --text-gray: #5a6a7a; --text-light: #8a9aaa;
}
html { font-size: 16px; }
body { font-family: 'Roboto Condensed', sans-serif; color: var(--text-dark); background: var(--bg-light); line-height: 1.8; }
h1,h2,h3 { font-family: 'Montserrat', sans-serif; font-weight: 700; line-height: 1.3; }
a { color: var(--orange); text-decoration: underline; }
a:hover { color: var(--orange-dark); }
.page { max-width: 880px; margin: 0 auto; padding: 100px 24px 60px; background: var(--bg-white); border-left: 1px solid #ddd; border-right: 1px solid #ddd; min-height: 100vh; }
.page h1 { font-size: clamp(1.6rem, 3vw, 2rem); color: var(--text-dark); margin-bottom: 10px; }
.page .updated { font-size: 0.88rem; color: var(--text-light); margin-bottom: 32px; }
.page h2 { font-size: 1.25rem; color: var(--orange-dark); margin: 28px 0 12px; padding-top: 20px; border-top: 1px solid #e0dcd6; }
.page h3 { font-size: 1.05rem; color: var(--text-dark); margin: 20px 0 8px; }
.page p, .page li { font-size: 0.97rem; color: var(--text-gray); margin-bottom: 10px; }
.page ul { padding-left: 22px; margin-bottom: 16px; }
.page ul li { margin-bottom: 6px; }
.back-link { display: inline-block; margin-bottom: 24px; font-size: 0.9rem; }
</style>
</head>
<body>
<div class="page">
<a href="/" class="back-link">&larr; На главную</a>
<h1>Политика конфиденциальности</h1>
<p class="updated">Дата вступления в силу: 01 января 2025 г. &middot; Актуальная редакция от 01.01.2025</p>
<h2>1. Общие положения</h2>
<p>Настоящая Политика конфиденциальности определяет порядок обработки и защиты персональных данных, которые могут быть получены <strong>ООО «СТС-Авто»</strong> (далее — «Оператор») от пользователей сайта <strong>sts-avto.ru</strong> (далее — «Сайт»).</p>
<p>Политика разработана в соответствии с требованиями Федерального закона от 27.07.2006 № 152-ФЗ «О персональных данных» (ст. 18.1) и иных нормативных правовых актов РФ.</p>
<p>Используя Сайт и предоставляя персональные данные через форму обратной связи, Пользователь выражает согласие с условиями настоящей Политики.</p>
<h2>2. Какие данные мы собираем</h2>
<p>Оператор собирает следующие категории персональных данных:</p>
<ul>
<li><strong>Имя</strong> — для персонализации обращения;</li>
<li><strong>Номер телефона</strong> — для оперативной связи с Пользователем;</li>
<li><strong>Сообщение/текст обращения</strong> — для понимания запроса Пользователя;</li>
<li><strong>IP-адрес</strong> — технические данные, автоматически передаваемые браузером при посещении Сайта;</li>
<li><strong>Cookie-файлы</strong> — файлы, сохраняемые браузером для обеспечения корректной работы Сайта и анализа посещаемости.</li>
</ul>
<h2>3. Цели обработки данных</h2>
<p>Собираемые персональные данные обрабатываются исключительно в следующих целях:</p>
<ul>
<li>Обработка входящих заявок и обращений Пользователей;</li>
<li>Связь с Пользователем для уточнения деталей запроса, предоставления коммерческого предложения, консультации;</li>
<li>Заключение и исполнение договоров с Пользователем;</li>
<li>Анализ посещаемости Сайта и улучшение его работы;</li>
<li>Выполнение требований законодательства РФ.</li>
</ul>
<h2>4. Правовые основания обработки</h2>
<p>Обработка персональных данных осуществляется на следующих основаниях:</p>
<ul>
<li>Согласие Пользователя на обработку его персональных данных (п. 1 ч. 1 ст. 6 152-ФЗ);</li>
<li>Исполнение договора, стороной которого является Пользователь (п. 5 ч. 1 ст. 6 152-ФЗ);</li>
<li>Выполнение требований законодательства РФ (п. 2 ч. 1 ст. 6 152-ФЗ).</li>
</ul>
<h2>5. Условия обработки и хранения</h2>
<p>Оператор обязуется не передавать полученные персональные данные третьим лицам, за исключением случаев, предусмотренных законодательством РФ.</p>
<p>Персональные данные хранятся на серверах, расположенных на территории Российской Федерации, в соответствии с требованием ч. 5 ст. 18 Федерального закона № 152-ФЗ.</p>
<p>Срок хранения персональных данных Пользователя — не дольше, чем этого требуют цели обработки, либо до момента отзыва согласия Пользователем.</p>
<h2>6. Меры по защите данных</h2>
<p>Оператор принимает необходимые организационные и технические меры для защиты персональных данных от неправомерного доступа, уничтожения, изменения, блокирования, копирования, распространения:</p>
<ul>
<li>Использование защищённого протокола HTTPS для передачи данных;</li>
<li>Ограничение доступа к базе данных только уполномоченным сотрудникам;</li>
<li>Регулярный аудит безопасности информационной системы.</li>
</ul>
<h2>7. Права субъекта персональных данных</h2>
<p>Пользователь имеет право:</p>
<ul>
<li>Получить информацию о том, какие его персональные данные обрабатываются Оператором;</li>
<li>Требовать уточнения, блокировки или уничтожения неполных, устаревших или неточных данных;</li>
<li><strong>Отозвать согласие на обработку персональных данных</strong> в любое время, направив запрос на электронную почту <a href="mailto:sts_zakaz@mail.ru">sts_zakaz@mail.ru</a> или по адресу: г. Екатеринбург, ул. Московская, 11, оф. 702.</li>
</ul>
<h2>8. Файлы cookie</h2>
<p>Сайт использует файлы cookie для обеспечения своей работоспособности и анализа посещаемости. Подробная информация об используемых файлах cookie и способах отказа от них размещена на странице <a href="/cookies.html">Политика использования cookie</a>.</p>
<h2>9. Изменение Политики</h2>
<p>Оператор оставляет за собой право вносить изменения в настоящую Политику. Новая редакция вступает в силу с момента её размещения на Сайте. Продолжая использовать Сайт после публикации изменений, Пользователь соглашается с новой редакцией Политики.</p>
<h2>10. Контактная информация</h2>
<p>По всем вопросам, связанным с обработкой персональных данных, просьба обращаться:</p>
<ul>
<li><strong>Электронная почта:</strong> <a href="mailto:sts_zakaz@mail.ru">sts_zakaz@mail.ru</a></li>
<li><strong>Телефон:</strong> <a href="tel:88005552931">8 (800) 555-29-31</a></li>
<li><strong>Адрес:</strong> 620000, г. Екатеринбург, ул. Московская, 11, оф. 702</li>
</ul>
<p style="margin-top:40px;"><a href="/">&larr; Вернуться на главную</a></p>
</div>
</body>
</html>

86
public/requisites.html Normal file
View File

@@ -0,0 +1,86 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<title>Реквизиты — СТС-Авто</title>
<meta name="description" content="Реквизиты ООО «СТС-Авто»: ОГРН, ИНН, КПП, юридический адрес, банковские реквизиты.">
<style>
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
:root {
--dark: #1a2a3a; --orange: #E67E22; --orange-dark: #D35400;
--orange-light: #F39C12; --bg-light: #f5f2ed; --bg-white: #ffffff;
--text-dark: #1a2a3a; --text-gray: #5a6a7a; --text-light: #8a9aaa;
}
html { font-size: 16px; }
body { font-family: 'Roboto Condensed', sans-serif; color: var(--text-dark); background: var(--bg-light); line-height: 1.8; }
h1,h2 { font-family: 'Montserrat', sans-serif; font-weight: 700; line-height: 1.3; }
a { color: var(--orange); text-decoration: underline; }
a:hover { color: var(--orange-dark); }
.page { max-width: 880px; margin: 0 auto; padding: 100px 24px 60px; background: var(--bg-white); border-left: 1px solid #ddd; border-right: 1px solid #ddd; min-height: 100vh; }
.page h1 { font-size: clamp(1.6rem, 3vw, 2rem); color: var(--text-dark); margin-bottom: 10px; }
.page .updated { font-size: 0.88rem; color: var(--text-light); margin-bottom: 32px; }
.page h2 { font-size: 1.25rem; color: var(--orange-dark); margin: 28px 0 12px; padding-top: 20px; border-top: 1px solid #e0dcd6; }
.page p, .page li { font-size: 0.97rem; color: var(--text-gray); margin-bottom: 10px; }
.page ul { padding-left: 22px; margin-bottom: 16px; list-style: none; }
.page ul li { margin-bottom: 12px; }
.requisites-table { width: 100%; border-collapse: collapse; margin: 20px 0 30px; }
.requisites-table td { padding: 10px 14px; border-bottom: 1px solid #e0dcd6; font-size: 0.97rem; }
.requisites-table td:first-child { color: var(--text-gray); width: 40%; font-weight: 500; }
.requisites-table td:last-child { color: var(--text-dark); font-weight: 600; }
.requisites-table tr:hover td { background: #fdfaf6; }
.back-link { display: inline-block; margin-bottom: 24px; font-size: 0.9rem; }
.note { background: #fff8e1; border-left: 3px solid var(--orange); padding: 14px 20px; margin: 20px 0; border-radius: 0 8px 8px 0; }
.note p { font-size: 0.88rem; color: #7a6a3a; margin: 0; }
</style>
</head>
<body>
<div class="page">
<a href="/" class="back-link">&larr; На главную</a>
<h1>Реквизиты компании</h1>
<p class="updated">Актуально на 2025 год</p>
<h2>Общая информация</h2>
<table class="requisites-table">
<tr><td>Полное наименование</td><td>Общество с ограниченной ответственностью «СТС-Авто»</td></tr>
<tr><td>Сокращённое наименование</td><td>ООО «СТС-Авто»</td></tr>
<tr><td>Юридический адрес</td><td>620000, г. Екатеринбург, ул. Московская, д. 11, офис 702</td></tr>
<tr><td>Почтовый адрес</td><td>620000, г. Екатеринбург, ул. Московская, д. 11, офис 702</td></tr>
<tr><td>Телефон</td><td><a href="tel:88005552931">8 (800) 555-29-31</a></td></tr>
<tr><td>Электронная почта</td><td><a href="mailto:sts_zakaz@mail.ru">sts_zakaz@mail.ru</a></td></tr>
<tr><td>Режим работы</td><td>Пн–Пт: 9:00–18:00, Сб: 10:00–15:00</td></tr>
</table>
<!-- ПЛЕЙСХОЛДЕРЫ: замените на реальные реквизиты -->
<table class="requisites-table">
<tr><td><strong>ОГРН</strong></td><td>[ПЛЕЙСХОЛДЕР: укажите ОГРН]</td></tr>
<tr><td><strong>ИНН</strong></td><td>[ПЛЕЙСХОЛДЕР: укажите ИНН]</td></tr>
<tr><td><strong>КПП</strong></td><td>[ПЛЕЙСХОЛДЕР: укажите КПП]</td></tr>
<tr><td><strong>ОКПО</strong></td><td>[ПЛЕЙСХОЛДЕР: укажите ОКПО]</td></tr>
<tr><td><strong>ОКВЭД</strong></td><td>43.12.3 — Производство земляных работ; 38.32 — Утилизация отсортированных материалов; 43.99.5 — Работы по монтажу стальных строительных конструкций</td></tr>
</table>
<h2>Банковские реквизиты</h2>
<table class="requisites-table">
<tr><td><strong>Наименование банка</strong></td><td>[ПЛЕЙСХОЛДЕР: укажите банк]</td></tr>
<tr><td><strong>БИК</strong></td><td>[ПЛЕЙСХОЛДЕР: укажите БИК]</td></tr>
<tr><td><strong>Расчётный счёт</strong></td><td>[ПЛЕЙСХОЛДЕР: укажите р/с]</td></tr>
<tr><td><strong>Корреспондентский счёт</strong></td><td>[ПЛЕЙСХОЛДЕР: укажите к/с]</td></tr>
</table>
<h2>Лицензии и допуски</h2>
<ul>
<li>Членство в СРО (Саморегулируемая организация) — на выполнение строительных работ</li>
<li>НОСТРОЙ — допуск к работам на особо опасных и технически сложных объектах</li>
<li>Лицензия на деятельность по обращению с отходами I–IV класса опасности</li>
<li>Лицензия на заготовку, хранение, переработку и реализацию лома чёрных и цветных металлов</li>
</ul>
<div class="note">
<p><strong>Примечание:</strong> Плейсхолдеры [ПЛЕЙСХОЛДЕР: ...] должны быть заменены на фактические данные компании. Данная страница создана в соответствии с требованиями ст. 9 Закона РФ № 2300-1 «О защите прав потребителей» и ст. 18.1 Федерального закона № 152-ФЗ «О персональных данных».</p>
</div>
<p style="margin-top:40px;"><a href="/">&larr; Вернуться на главную</a></p>
</div>
</body>
</html>

96
public/terms.html Normal file
View File

@@ -0,0 +1,96 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<title>Пользовательское соглашение — СТС-Авто</title>
<meta name="description" content="Пользовательское соглашение ООО «СТС-Авто» об условиях использования сайта.">
<style>
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
:root {
--dark: #1a2a3a; --orange: #E67E22; --orange-dark: #D35400;
--orange-light: #F39C12; --bg-light: #f5f2ed; --bg-white: #ffffff;
--text-dark: #1a2a3a; --text-gray: #5a6a7a; --text-light: #8a9aaa;
}
html { font-size: 16px; }
body { font-family: 'Roboto Condensed', sans-serif; color: var(--text-dark); background: var(--bg-light); line-height: 1.8; }
h1,h2 { font-family: 'Montserrat', sans-serif; font-weight: 700; line-height: 1.3; }
a { color: var(--orange); text-decoration: underline; }
a:hover { color: var(--orange-dark); }
.page { max-width: 880px; margin: 0 auto; padding: 100px 24px 60px; background: var(--bg-white); border-left: 1px solid #ddd; border-right: 1px solid #ddd; min-height: 100vh; }
.page h1 { font-size: clamp(1.6rem, 3vw, 2rem); color: var(--text-dark); margin-bottom: 10px; }
.page .updated { font-size: 0.88rem; color: var(--text-light); margin-bottom: 32px; }
.page h2 { font-size: 1.25rem; color: var(--orange-dark); margin: 28px 0 12px; padding-top: 20px; border-top: 1px solid #e0dcd6; }
.page p, .page li { font-size: 0.97rem; color: var(--text-gray); margin-bottom: 10px; }
.page ul { padding-left: 22px; margin-bottom: 16px; }
.page ul li { margin-bottom: 6px; }
.back-link { display: inline-block; margin-bottom: 24px; font-size: 0.9rem; }
</style>
</head>
<body>
<div class="page">
<a href="/" class="back-link">&larr; На главную</a>
<h1>Пользовательское соглашение</h1>
<p class="updated">Дата вступления в силу: 01 января 2025 г.</p>
<h2>1. Термины и определения</h2>
<p><strong>Сайт</strong> — интернет-ресурс, расположенный по адресу <a href="https://sts-avto.ru">sts-avto.ru</a>, принадлежащий ООО «СТС-Авто».</p>
<p><strong>Пользователь</strong> — любое физическое или юридическое лицо, осуществляющее доступ к Сайту и использующее его материалы и сервисы.</p>
<p><strong>Оператор</strong> — ООО «СТС-Авто», владелец Сайта.</p>
<h2>2. Предмет соглашения</h2>
<p>Настоящее Пользовательское соглашение (далее — «Соглашение») регулирует отношения между Оператором и Пользователем, возникающие при использовании Сайта. Используя Сайт, Пользователь подтверждает, что ознакомлен с условиями Соглашения и принимает их в полном объёме.</p>
<p>Если Пользователь не согласен с условиями Соглашения, он обязан немедленно прекратить использование Сайта.</p>
<h2>3. Права и обязанности Пользователя</h2>
<p>Пользователь имеет право:</p>
<ul>
<li>Свободно просматривать общедоступную информацию, размещённую на Сайте;</li>
<li>Использовать форму обратной связи для направления запросов Оператору;</li>
<li>Запрашивать у Оператора коммерческое предложение на услуги;</li>
<li>Копировать и распространять материалы Сайта с указанием активной ссылки на источник.</li>
</ul>
<p>Пользователь обязуется:</p>
<ul>
<li>Не использовать Сайт для совершения противоправных действий;</li>
<li>Не предпринимать действий, направленных на нарушение нормального функционирования Сайта;</li>
<li>Предоставлять достоверные данные при заполнении форм обратной связи;</li>
<li>Не распространять через формы обратной связи вредоносное ПО, спам, рекламные материалы без согласования с Оператором.</li>
</ul>
<h2>4. Права и обязанности Оператора</h2>
<p>Оператор имеет право:</p>
<ul>
<li>Вносить изменения в Соглашение в одностороннем порядке с публикацией новой редакции на Сайте;</li>
<li>Ограничить доступ Пользователя к Сайту при нарушении условий Соглашения;</li>
<li>Изменять содержание и структуру Сайта без предварительного уведомления Пользователей.</li>
</ul>
<p>Оператор обязуется:</p>
<ul>
<li>Обеспечивать работоспособность Сайта в разумных пределах;</li>
<li>Обрабатывать полученные от Пользователей персональные данные в соответствии с <a href="/privacy.html">Политикой конфиденциальности</a> и требованиями 152-ФЗ;</li>
<li>Своевременно реагировать на обращения Пользователей.</li>
</ul>
<h2>5. Интеллектуальная собственность</h2>
<p>Все материалы Сайта, включая тексты, изображения, видеоматериалы, логотипы, дизайн и структуру, являются интеллектуальной собственностью ООО «СТС-Авто» или используются на законных основаниях. Любое использование материалов без письменного разрешения правообладателя запрещено.</p>
<h2>6. Ограничение ответственности</h2>
<p>Оператор не несёт ответственности за:</p>
<ul>
<li>Временную недоступность Сайта по техническим причинам;</li>
<li>Ущерб, причинённый Пользователю в результате использования или невозможности использования Сайта;</li>
<li>Достоверность информации, предоставленной Пользователем через формы на Сайте;</li>
<li>Содержание сайтов третьих лиц, ссылки на которые могут быть размещены на Сайте.</li>
</ul>
<p>Информация на Сайте носит ознакомительный характер. Для получения точной информации об услугах, ценах и условиях просьба обращаться к Оператору напрямую.</p>
<h2>7. Порядок разрешения споров</h2>
<p>Все споры и разногласия, возникающие в связи с использованием Сайта, разрешаются путём переговоров. В случае невозможности разрешения спора путём переговоров, спор подлежит рассмотрению в судебном порядке по месту нахождения Оператора в соответствии с законодательством РФ.</p>
<h2>8. Заключительные положения</h2>
<p>Настоящее Соглашение регулируется законодательством Российской Федерации. Признание судом какого-либо положения Соглашения недействительным не влечёт недействительности остальных положений.</p>
<p style="margin-top:40px;"><a href="/">&larr; Вернуться на главную</a></p>
</div>
</body>
</html>