https://pastein.ru/t/sph
Загрузка данных
<!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>
<link rel="stylesheet" href="style.css">
<!-- Font Awesome 6 (бесплатные иконки для изображений в таблице) -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<!-- Google Fonts -->
<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-header">
<h1 class="company-name">АПЛАНТ</h1>
<p class="company-sub">Компания АПЛАНТ</p>
</div>
<div class="production-intro">
<p class="production-text">Производственная цеха, производственные линии и</p>
<div class="factory-icon">
<i class="fas fa-industry"></i> <i class="fas fa-cogs"></i>
</div>
</div>
</div>
</header>
<main class="main container">
<!-- Изображение производственного цеха (стилизованное) -->
<div class="factory-image">
<div class="factory-placeholder">
<i class="fas fa-factory"></i>
<span>Современные производственные линии</span>
</div>
</div>
<!-- ТАБЛИЦА с комплектующими и изображениями (как на фото) -->
<section class="section">
<h2 class="section-title">Комплектующие</h2>
<div class="table-wrapper">
<table class="styled-table">
<thead>
<tr><th>Тип изделия</th><th>Изображение</th><th>Технические особенности</th></tr>
</thead>
<tbody>
<tr><td>Конические трубы</td><td class="icon-cell"><i class="fas fa-charging-station"></i></td><td>Высокая герметичность, работа под давлением</td></tr>
<tr><td>Конические штуцеры</td><td class="icon-cell"><i class="fas fa-plug"></i></td><td>Надёжное соединение для гидравлики</td></tr>
<tr><td>Конические кольца</td><td class="icon-cell"><i class="fas fa-ring"></i></td><td>Износостойкие уплотнители</td></tr>
<tr><td>Конические винты</td><td class="icon-cell"><i class="fas fa-microchip"></i></td><td>Самостопорящаяся резьба, точная фиксация</td></tr>
</tbody>
</table>
</div>
</section>
<!-- Услуги с иконками-изображениями -->
<section class="section services-section">
<h2 class="section-title">Услуги</h2>
<div class="services-grid">
<div class="service-card">
<div class="service-icon"><i class="fas fa-headset"></i></div>
<h3>Техническая поддержка</h3>
<p>Круглосуточные консультации, помощь в наладке оборудования</p>
</div>
<div class="service-card">
<div class="service-icon"><i class="fas fa-hard-hat"></i></div>
<h3>Охрана труда</h3>
<p>Аудит, обучение, контроль норм безопасности</p>
</div>
<div class="service-card">
<div class="service-icon"><i class="fas fa-shield-alt"></i></div>
<h3>Защита персонала</h3>
<p>СИЗ, риск-менеджмент, превентивные меры</p>
</div>
</div>
</section>
<!-- Дополнительная таблица с характеристиками (полноты ради) -->
<section class="section">
<h2 class="section-title">Технические параметры конических изделий</h2>
<div class="table-wrapper">
<table class="styled-table specs-table">
<thead><tr><th>Изделие</th><th>Диапазон размеров</th><th>Материалы</th></tr></thead>
<tbody>
<tr><td>Конические трубы</td><td>DN 15–300 мм</td><td>Сталь 20, 12Х18Н10Т</td></tr>
<tr><td>Конические штуцеры</td><td>G1/8 – G2</td><td>Латунь, нержавейка</td></tr>
<tr><td>Конические кольца</td><td>Ø10–200 мм</td><td>Резина, PTFE</td></tr>
<tr><td>Конические винты</td><td>M4–M30</td><td>Легированная сталь, оцинковка</td></tr>
</tbody>
</table>
</div>
</section>
</main>
<footer class="footer">
<div class="container footer-inner">
<p>© 2026 АПЛАНТ — производство конических комплектующих и профессиональные услуги</p>
<p class="footer-note">Надёжность в каждой детали</p>
</div>
</footer>
</div>
</body>
</html>