https://pastein.ru/t/lsZ
Загрузка данных
<!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="4321.css">
</head>
<body>
<!-- Шапка -->
<header>
<div class="container">
<div class="header-left">
<div class="header-logo">ООО «ВАЛЕНА»</div>
<input type="search" placeholder="Поиск..." />
<button class="search-btn">Искать</button>
</div>
<div class="header-right">
<span>info@valena-gold.ru</span>
<span><a href="tel:+79227302600">+7 (922) 730-26-00</a></span>
<a href="#" class="order-call">Заказать звонок</a>
</div>
<nav>
<ul>
<li><a href="#">О компании</a></li>
<li><a href="#">Комплектация</a></li>
<li><a href="#">Услуги</a></li>
<li><a href="#">Отзывы</a></li>
<li><a href="#">Новости</a></li>
<li><a href="#">Контакты</a></li>
</ul>
</nav>
</div>
</header>
<!-- Баннер с основным слоганом -->
<section class="banner">
<div class="container">
<h1>РАЗРАБОТКА И ИЗГОТОВЛЕНИЕ ГОРНО-ОБОГАТИТЕЛЬНОГО ОБОРУДОВАНИЯ</h1>
</div>
</section>
<!-- Три блока с услугами -->
<!-- Три блока с услугами -->
<section class="services">
<div class="container">
<div class="services-container">
<div class="service-card">
<div class="service-header">
<h3>ГОРНО-ОБОГАТИТЕЛЬНОЕ ОБОРУДОВАНИЕ</h3>
</div>
<div class="service-body">
<img src="10.png" alt="Горно-обогатительное оборудование">
<p>Осуществляется от имени и в интересах лиц, участвующих в деле: сторон, третьих лиц,
заявителей и сторон.</p>
<a href="#" class="btn-more">Подробнее</a>
</div>
</div>
<div class="service-card">
<div class="service-header">
<h3>МЕСТОНАХОЖДЕНИЕ ПОЛЕЗНЫХ ИСКОПАЕМЫХ</h3>
</div>
<div class="service-body">
<img src="10.png" alt="Местонахождение полезных ископаемых">
<p>Осуществляется от имени и в интересах лиц, участвующих в деле: сторон, третьих лиц,
заявителей и сторон.</p>
<a href="#" class="btn-more">Подробнее</a>
</div>
</div>
<div class="service-card">
<div class="service-header">
<h3>МЕСТОНАХОЖДЕНИЕ С ИСПОЛЬЗОВАНИЕМ СКРУББЕР-БУТАРА</h3>
</div>
<div class="service-body">
<img src="10.png" alt="Скруббер-бутара">
<p>Осуществляется от имени и в интересах лиц, участвующих в деле: сторон, третьих лиц,
заявителей и сторон.</p>
<a href="#" class="btn-more">Подробнее</a>
</div>
</div>
</div>
<div class="view-all-services">
<a href="#" class="main-btn">СМОТРЕТЬ ВСЕ УСЛУГИ</a>
</div>
</div>
</section>
<!-- О компании -->
<section class="about">
<div class="container">
<h2>О компании</h2>
<p>ООО "Компания" - учрежленное олним или несколькими опилическими и/или физическими лицами хозайственное
обшество уставный капитал которого разлелён на поли участники общества не отвечают по его обязательствам
и несут риск убытков, связанных с деятельностью общества, в пределах стоимости принадлежащих им долей в
уставном капитале общества
Общество с ограниченной ответственностью наряду с иными видами хозяйственных обществ, а также
хозяйственных товариществ, производственных кооперативов,
государственных и муниципальных унитарных предприятий является коммерческой организацией, то есть
организацией, преследующей извлечение прибыли в качество
основной цели своей деятельности и распределяющей полученную прибыль между участниками.</p>
</div>
</section>
<!-- Наши объекты -->
<section class="our-objects">
<h2>НАШИ ОБЪЕКТЫ</h2>
<!-- Первый ряд -->
<div class="object-row">
<div class="object-col">
<div class="object-card">
<div class="card-content">
<h3>Название объекта</h3>
<p>Осуществляется от имени и в интересах лиц, участвующих в деле: сторон, третьих лиц,
заявителей и иных заинтересованных лиц.</p>
<button>СМОТРЕТЬ ВСЕ</button>
</div>
<img src="7.jpg" alt="Объект 1">
</div>
</div>
<div class="object-col">
<div class="object-card">
<div class="card-content">
<h3>Название объекта</h3>
<p>Осуществляется от имени и в интересах лиц, участвующих в деле: сторон, третьих лиц,
заявителей и иных заинтересованных лиц.</p>
<button>СМОТРЕТЬ ВСЕ</button>
</div>
<img src="555.jpg" alt="Объект 2">
</div>
</div>
</div>
<!-- Второй ряд -->
<div class="object-row">
<div class="object-col">
<div class="object-card">
<div class="card-content">
<h3>Название объекта</h3>
<p>Осуществляется от имени и в интересах лиц, участвующих в деле: сторон, третьих лиц,
заявителей и иных заинтересованных лиц.</p>
<button>СМОТРЕТЬ ВСЕ</button>
</div>
<img src="9.jpg" alt="Объект 3">
</div>
</div>
<div class="object-col">
<div class="object-card">
<div class="card-content">
<h3>Название объекта</h3>
<p>Осуществляется от имени и в интересах лиц, участвующих в деле: сторон, третьих лиц,
заявителей и иных заинтересованных лиц.</p>
<button>СМОТРЕТЬ ВСЕ</button>
</div>
<img src="9.jpg" alt="Объект 4">
</div>
</div>
</div>
</section>
<section class="news-section">
<div class="container">
<h2>Новости</h2>
<div class="news-grid">
<article class="news-item">
<figure>
<img src="Снимок экрана 2026-04-20 125215.png" alt="Новость 1">
<figcaption>
Молодые воронежские художники вернулись с наградами
<br>
<small>23 марта 2014</small>
</figcaption>
</figure>
</article>
<article class="news-item">
<figure>
<img src="Снимок экрана 2026-04-20 125215.png" alt="Новость 2">
<figcaption>
Молодые воронежские художники вернулись с наградами
<br>
<small>23 марта 2014</small>
</figcaption>
</figure>
</article>
<article class="news-item">
<figure>
<img src="Снимок экрана 2026-04-20 125215.png" alt="Новость 3">
<figcaption>
Молодые воронежские художники вернулись с наградами
<br>
<small>23 марта 2014</small>
</figcaption>
</figure>
</article>
</div>
<div class="news-view-all">
<a href="#" class="btn btn-yellow">СМОТРЕТЬ ВСЕ</a>
</div>
</div>
</section>
<section class="consultation-section">
<div class="container">
<div class="consultation-content">
<h2>КОНСУЛЬТАЦИЯ ПО УСЛУГАМ</h2>
<p>Менеджеры компании с радостью ответят на ваши вопросы и произведут расчет стоимости услуг и
подготовят индивидуальное коммерческое предложение.</p>
<a href="#" class="btn btn-yellow">ЗАДАТЬ ВОПРОС</a>
</div>
</div>
</section>
<!-- Футер (Footer) -->
<footer>
<div class="container">
<div class="footer-content">
<div class="footer-logo">
ООО “ВАЛЕНА”
</div>
<div class="footer-menu">
<ul>
<li><a href="#">О КОМПАНИИ</a></li>
<li><a href="#">КОМПЛЕКТАЦИЯ</a></li>
<li><a href="#">УСЛУГИ</a></li>
<li><a href="#">ОТЗЫВЫ</a></li>
<li><a href="#">НОВОСТИ</a></li>
<li><a href="#">КОНТАКТЫ</a></li>
</ul>
</div>
<div class="social-icons">
<a href="#" class="icon facebook">Facebook</a>
<a href="#" class="icon twitter">Twitter</a>
<a href="#" class="icon instagram">Instagram</a>
</div>
</div>
<div class="copyright">
© 2016 INTEC.Site Design
</div>
</div>
</footer>