Добавить к сайту возможность отображения информации в разделе «Новости» и «Каталог товаров» из базы данных.
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <title>Интернет-магазин</title>
</head>
<body>
    <header>
        <div class="logo">Логотип</div>
        <nav class="navbar">
            <ul>
                <li><a href="index.html">Главная</a></li>
                <li><a href="order.html">Форма заказа</a></li>
                <li><a href="contacts.html">Контакты</a></li>
                <li><a href="calc.html">Калькулятор</a></li>
            </ul>
        </nav>
        <div class="burger-menu">☰</div>
    </header>

    <main>
        <section class="hero">
            <h1>Добро пожаловать в наш интернет-магазин!</h1>
            <p>Лучшие товары по самым выгодным ценам.</p>
            <a href="#" class="btn">Купить сейчас</a>
        </section>

        <section class="date-time">
            <h2>Текущая дата и время</h2>
            <p id="current-date"></p>
            <p id="current-time"></p>
        </section>

        <section class="news">
            <h2>Последние новости</h2>
            <div class="news-container">
                <div class="news-item">
                    <img src="news1.jpg" alt="Новость 1" />
                    <h3>Новость 1</h3>
                    <p>Краткое описание новости 1.</p>
                </div>
                <div class="news-item">
                    <img src="news2.jpg" alt="Новость 2" />
                    <h3>Новость 2</h3>
                    <p>Краткое описание новости 2.</p>
                </div>
                <div class="news-item">
                    <img src="news3.jpg" alt="Новость 3" />
                    <h3>Новость 3</h3>
                    <p>Краткое описание новости 3.</p>
                </div>
            </div>
        </section>

        <section class="products">
            <h2>Популярные товары</h2>
            <div class="product-grid">
                <div class="product-card">
                    <img src="product1.jpg" alt="Товар 1" />
                    <h3>Товар 1</h3>
                    <p>Описание товара 1.</p>
                    <span>Цена: 1000 руб.</span>
                    <button class="btn">Добавить в корзину</button>
                </div>
                <div class="product-card">
                    <img src="product2.jpg" alt="Товар 2" />
                    <h3>Товар 2</h3>
                    <p>Описание товара 2.</p>
                    <span>Цена: 1500 руб.</span>
                    <button class="btn">Добавить в корзину</button>
                </div>
                <div class="product-card">
                    <img src="product3.jpg" alt="Товар 3" />
                    <h3>Товар 3</h3>
                    <p>Описание товара 3.</p>
                    <span>Цена: 2000 руб.</span>
                    <button class="btn">Добавить в корзину</button>
                </div>
                <div class="product-card">
                    <img src="product4.jpg" alt="Товар 4" />
                    <h3>Товар 4</h3>
                    <p>Описание товара 4.</p>
                    <span>Цена: 2500 руб.</span>
                    <button class="btn">Добавить в корзину</button>
                </div>
                <div class="product-card">
                    <img src="product5.jpg" alt="Товар 5" />
                    <h3>Товар 5</h3>
                    <p>Описание товара 5.</p>
                    <span>Цена: 3000 руб.</span>
                    <button class="btn">Добавить в корзину</button>
                </div>
                <div class="product-card">
                    <img src="product6.jpg" alt="Товар 6" />
                    <h3>Товар 6</h3>
                    <p>Описание товара 6.</p>
                    <span>Цена: 3500 руб.</span>
                    <button class="btn">Добавить в корзину</button>
                </div>
                <div class="product-card">
                    <img src="product7.jpg" alt="Товар 7" />
                    <h3>Товар 7</h3>
                    <p>Описание товара 7.</p>
                    <span>Цена: 4000 руб.</span>
                    <button class="btn">Добавить в корзину</button>
                </div>
                <div class="product-card">
                    <img src="product8.jpg" alt="Товар 8" />
                    <h3>Товар 8</h3>
                    <p>Описание товара 8.</p>
                    <span>Цена: 4500 руб.</span>
                    <button class="btn">Добавить в корзину</button>
                </div>
            </div>
        </section>
    </main>

    <footer>
        <p>&copy; 2023 Интернет-магазин. Все права защищены.</p>
        <p>Контактная информация: email@example.com</p>
    </footer>

    <script src="script.js"></script>
</body>
</html>