Загрузка данных

<!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=Montserrat:wght@400;700&display=swap" rel="stylesheet">
</head>
<body>

    <header class="header">
        <div class="container">
            <div class="header-top">
                <div class="logo">ООО "ВАЛЕНА"</div>
                <div class="search-bar">
                    <input type="text" placeholder="Поиск...">
                </div>
                <div class="header-contacts">
                    <a href="mailto:info@valena-gold.ru">info@valena-gold.ru</a>
                    <div class="phone">+7 (922) 730-26-00</div>
                </div>
            </div>
            <nav class="nav">
                <ul>
                    <li><a href="#">О КОМПАНИИ</a></li>
                    <li><a href="#" class="active">КОМПЛЕКТАЦИЯ</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="hero">
        <div class="hero-content">
            <h1>РАЗРАБОТКА И ИЗГОТОВЛЕНИЕ<br>ГОРНО-ОБОГАТИТЕЛЬНОГО ОБОРУДОВАНИЯ</h1>
        </div>
        <div class="container services-cards">
            <div class="card">
                <div class="card-title">ГОРНО-ОБОГАТИТЕЛЬНОЕ ОБОРУДОВАНИЕ</div>
                <img src="https://via.placeholder.com/150" alt="Equip">
                <p>Осуществляется от имени и в интересах лиц, участвующих в деле...</p>
                <a href="#">Подробнее</a>
            </div>
            <div class="card">
                <div class="card-title">МЕСТОНАХОЖДЕНИЕ ПОЛЕЗНЫХ ИСКОПАЕМЫХ</div>
                <img src="https://via.placeholder.com/150" alt="Equip">
                <p>Осуществляется от имени и в интересах лиц, участвующих в деле...</p>
                <a href="#">Подробнее</a>
            </div>
            <div class="card">
                <div class="card-title">СКРУББЕР-БУТАРА</div>
                <img src="https://via.placeholder.com/150" alt="Equip">
                <p>Осуществляется от имени и в интересах лиц, участвующих в деле...</p>
                <a href="#">Подробнее</a>
            </div>
        </div>
        <div class="center-btn">
            <button class="btn-gold">СМОТРЕТЬ ВСЕ УСЛУГИ</button>
        </div>
    </section>

    <section class="about container">
        <h2>О КОМПАНИИ</h2>
        <p>ООО "Валена" — учрежденное одним или несколькими юридическими или физическими лицами хозяйственное общество, уставный капитал которого разделен на доли...</p>
    </section>

    <section class="objects container">
        <h2>НАШИ ОБЪЕКТЫ</h2>
        <div class="objects-grid">
            <div class="obj-item">
                <div class="obj-info">
                    <h3>Название объекта</h3>
                    <p>Краткое описание объекта и работ...</p>
                    <button class="btn-gold-sm">СМОТРЕТЬ ВСЕ</button>
                </div>
                <div class="obj-img" style="background-image: url('https://via.placeholder.com/300x200');"></div>
            </div>
            </div>
    </section>

    <section class="consultation">
        <div class="container consult-flex">
            <div class="consult-text">
                <h3>КОНСУЛЬТАЦИЯ ПО УСЛУГАМ</h3>
                <p>Менеджеры компании с радостью ответят на ваши вопросы.</p>
            </div>
            <button class="btn-gold">ЗАДАТЬ ВОПРОС</button>
        </div>
    </section>

    <footer class="footer">
        <div class="container">
            <div class="footer-copy">© 2016 INTEC.Site Design</div>
        </div>
    </footer>

</body>
</html>