<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>АПЛАНТ | Производство конических деталей и услуги</title>
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700&display=swap" rel="stylesheet">
</head>
<body>
<div class="page">
<!-- Шапка: название компании и ключевая фраза -->
<header class="header">
<div class="container">
<div class="company">
<h1 class="company__name">АПЛАНТ</h1>
<p class="company__sub">Компания АПЛАНТ</p>
</div>
<div class="production-line">
<p class="production-line__text">Производственная цеха, производственные линии и</p>
</div>
</div>
</header>
<main class="main container">
<!-- Блок комплектующих -->
<section class="section">
<h2 class="section__title">Комплектующие</h2>
<ul class="simple-list">
<li>Конические трубы</li>
<li>Конические штуцеры</li>
<li>Конические кольца</li>
<li>Конические винты</li>
</ul>
</section>
<!-- Блок услуг -->
<section class="section">
<h2 class="section__title">Услуги</h2>
<ul class="simple-list">
<li>Техническая поддержка</li>
<li>Охрана труда</li>
<li>Защита персонала</li>
</ul>
</section>
</main>
<!-- Небольшой футер (опционально, можно оставить лаконично) -->
<footer class="footer">
<div class="container">
<p>© 2026 АПЛАНТ — надёжное производство</p>
</div>
</footer>
</div>
</body>
</html>
