<!DOCTYPE html>
<html lang="ru-RU">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Монтаж инженерных систем в Москве: вентиляция, кондиционирование, отопление, водоснабжение, канализация и пожаротушение. Полный цикл работ.">
<title>Монтаж инженерных систем в Москве | АЛЬЯНС</title>
<!-- Основной CSS -->
<link rel="stylesheet" href="/css/main.min.css">
<!-- Шрифт Roboto -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap&subset=cyrillic">
</head>
<body>
<!-- HEADER -->
<header class="header">
<div class="container">
<div class="logo">
<img src="https://ac-pro.ru/wp-content/uploads/elementor/thumbs/logo_footer.png" alt="АЛЬЯНС">
</div>
<nav class="main-nav">
<ul>
<li><a href="/">Главная</a></li>
<li class="dropdown">
<a href="#">Услуги <span class="arrow">▼</span></a>
<ul class="submenu">
<li><a href="/ventilation/">Вентиляция</a></li>
<li><a href="/conditioning/">Кондиционирование</a></li>
<li><a href="/heating/">Отопление</a></li>
<li><a href="/water_supply/">Водоснабжение</a></li>
<li><a href="/sewerage/">Водоотведение и КН</a></li>
<li><a href="/fire_safety_systems/">Системы пожаротушения</a></li>
</ul>
</li>
<li><a href="/objects/">Объекты</a></li>
<li><a href="/career/">Карьера</a></li>
<li><a href="/partners/">Партнёрам</a></li>
<li><a href="#contact">Контакты</a></li>
</ul>
</nav>
<div class="mobile-menu-btn">☰</div>
</div>
</header>
<!-- HERO -->
<section class="hero">
<video autoplay muted loop playsinline class="hero-video">
<source src="https://ac-pro.ru/wp-content/uploads/2025/12/abb-4.mp4" type="video/mp4">
</video>
<div class="hero-overlay"></div>
<div class="hero-content">
<h1>ИНЖЕНЕРНЫЕ СИСТЕМЫ<br><span class="highlight">МАСШТАБА СТРАНЫ</span></h1>
<p>Полный цикл услуг по строительству инженерного оснащения объектов недвижимости</p>
<a href="#" class="btn-primary">РАСЧИТАТЬ ВАШ ПРОЕКТ</a>
</div>
</section>
<!-- О КОМПАНИИ -->
<section class="about animate-on-scroll">
<div class="container">
<h2>О КОМПАНИИ</h2>
<p>Мы создаём инженерный иммунитет современных зданий, объединяя скорость, точность и ответственность, чтобы каждый проект становился эталоном надёжности для наших партнёров и комфорта для людей.</p>
</div>
</section>
<!-- СТАТИСТИКА -->
<section class="stats animate-on-scroll">
<div class="container">
<div class="stat-item">
<div class="number">5</div>
<div class="label">лет в сфере</div>
</div>
<div class="stat-item">
<div class="number">50+</div>
<div class="label">построенных объектов</div>
</div>
<div class="stat-item">
<div class="number">500+</div>
<div class="label">сотрудников</div>
</div>
<div class="stat-item">
<div class="number">5000+</div>
<div class="label">км сетей</div>
</div>
</div>
</section>
<!-- УСЛУГИ -->
<section class="services animate-on-scroll" id="services">
<div class="container">
<h2>НАПРАВЛЕНИЯ ДЕЯТЕЛЬНОСТИ</h2>
<div class="services-grid">
<div class="service-card animate-on-scroll">
<img src="https://ac-pro.ru/wp-content/uploads/2025/12/2872404.png" alt="Вентиляция">
<h3>Вентиляция</h3>
<a href="/ventilation/" class="btn-link">Подробнее →</a>
</div>
<div class="service-card animate-on-scroll">
<img src="https://ac-pro.ru/wp-content/uploads/2025/12/2872397.png" alt="Кондиционирование">
<h3>Кондиционирование</h3>
<a href="/conditioning/" class="btn-link">Подробнее →</a>
</div>
<div class="service-card animate-on-scroll">
<img src="https://ac-pro.ru/wp-content/uploads/2025/12/2872401.png" alt="Отопление">
<h3>Отопление</h3>
<a href="/heating/" class="btn-link">Подробнее →</a>
</div>
<div class="service-card animate-on-scroll">
<img src="https://ac-pro.ru/wp-content/uploads/2025/12/3526146.png" alt="Водоснабжение">
<h3>Водоснабжение</h3>
<a href="/water_supply/" class="btn-link">Подробнее →</a>
</div>
<div class="service-card animate-on-scroll">
<img src="https://ac-pro.ru/wp-content/uploads/2025/12/3526140.png" alt="Водоотведение">
<h3>Водоотведение и КН</h3>
<a href="/sewerage/" class="btn-link">Подробнее →</a>
</div>
<div class="service-card animate-on-scroll">
<img src="https://ac-pro.ru/wp-content/uploads/2025/12/5839616.png" alt="Пожаротушение">
<h3>Пожаротушение</h3>
<a href="/fire_safety_systems/" class="btn-link">Подробнее →</a>
</div>
</div>
</div>
</section>
<!-- FOOTER -->
<footer class="footer">
<div class="container">
<div class="footer-grid">
<div>
<div class="logo>
<img src="https://ac-pro.ru/wp-content/uploads/elementor/thumbs/logo_footer.png" alt="АЛЬЯНС" >
</div>
</div>
<div>
<h4>Меню</h4>
<ul>
<li><a href="/">Главная</a></li>
<li><a href="/objects/">Объекты</a></li>
<li><a href="/career/">Карьера</a></li>
<li><a href="/partners/">Партнёрам</a></li>
</ul>
</div>
<div>
<h4>Услуги</h4>
<ul>
<li><a href="/ventilation/">Вентиляция</a></li>
<li><a href="/conditioning/">Кондиционирование</a></li>
<li><a href="/heating/">Отопление</a></li>
<li><a href="/water_supply/">Водоснабжение</a></li>
</ul>
</div>
<div>
<h4>Контакты</h4>
<p>г. Москва</p>
<p>+7 (000) 000-00-00</p>
<p>info@ac-pro.ru</p>
</div>
</div>
<div class="copyright">
© 2026 ООО "АЛЬЯНС". Все права защищены. Сайт создан
<a href="https://brobrand.ru" target="_blank">brobrand.ru</a>
</div>
</div>
</footer>
<!-- JavaScript: Анимации при скролле + мобильное меню -->
<script>
// Мобильное меню
document.querySelector('.mobile-menu-btn').addEventListener('click', () => {
document.querySelector('.main-nav').classList.toggle('active');
});
// Анимации при скролле
document.addEventListener("DOMContentLoaded", () => {
const elements = document.querySelectorAll('.animate-on-scroll');
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.classList.add('visible');
}
});
}, {
threshold: 0.15,
rootMargin: "0px 0px -60px 0px"
});
elements.forEach(el => observer.observe(el));
});
</script>
</body>
</html>
Монтаж инженерных систем