index.html

<!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="CSS/style.css">
</head>

<body>
    <!-- Header -->
    <header>
        <div class="container">
            <h1>Мой сайт</h1>
            <nav>
                <ul>
                    <li><a href="#">Главная</a></li>
                    <li><a href="#">О нас</a></li>
                    <li><a href="#">Услуги</a></li>
                    <li><a href="#">Контакты</a></li>
                </ul>
            </nav>
        </div>
    </header>

    <!-- Main content -->
    <main class="container">
        <article>
            <h2>Статья</h2>
            <p>Текст статьи...</p>
        </article>

        <!-- Section -->
        <section>
            <h2>Раздел</h2>
            <p>Информация для раздела...</p>
        </section>

        <!-- Aside -->
        <aside>
            <h2>Боковая панель</h2>
            <p>Текст боковой панели...</p>
        </aside>
    </main>

    <!-- Footer -->
    <footer>
        <div class="container">
            <p>&copy; 2024 Мой сайт. Все права защищены.</p>
        </div>
    </footer>
</body>

</html>