---

<header class= "site-header">
    <div class = "container">
        <h1 class="site-title">Сладость и приятность</h1>
        <nav class = "navigation">
            <a href="/">Главная</a>
            <a href="#">Каталог</a>
            <a href="#">Корзина</a>
            <a href="#">Войти</a>
        </nav>
    </div>
</header>

<main>
    <section class="hero">
        <div class="container">
            <h2>Добро пожаловать!</h2>
            <p>
                Здесь вы можете заказать пастилу любого вкуса, любого объёма!
            </p>
        </div>
    </section>

        <section class="hero">
        <div class="container">
            <h2>Почему мы?</h2>
            <p>
                Мы - за качество и вкус. Мы отвечаем за качество, натурально абсолютно всё, от фруктов и ягод до сахара.
            </p>
            <a href="#" class="button">Перейти в каталог</a>
        </div>
    </section>

    <section class="products-section">
        <div class="container">
            <h2>Популярные товары</h2>
            <div class="product-card">
                <h3>Клубничная пастила<h3>
                <p>
                    Листовая
                </p>
                <p class="product-price">
                    125 ₽
                </p>
                <button type="button">В корзину</button>
            </div>
            
            <div class="product-card">
                <h3>Яблочная пастила<h3>
                <p>
                    Листовая
                </p>
                <p class="product-price">
                    125 ₽
                </p>
                <button type="button">В корзину</button>
            </div>

            <div class="product-card">
                <h3>Малиновая пастила<h3>
                <p>
                    Листовая
                </p>
                <p class="product-price">
                    175 ₽
                </p>
                <button type="button">В корзину</button>
            </div>

        </div>
    </section>
</main>

<footer class="site-footer">
    <div class="container">
        <p>Сладость и приятность</p>
    </div>
</footer>