---

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Моя любимая игра — Minecraft</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>

    <header class="header">
        <div class="container">
            <h1>Minecraft</h1>
            <p class="subtitle">Мир, который можно построить своими руками</p>

            <nav>
                <a href="#about">Об игре</a>
                <a href="#features">Особенности</a>
                <a href="#mobs">Мобы</a>
                <a href="#gallery">Галерея</a>
            </nav>
        </div>
    </header>

    <main>

        <!-- Главный блок -->
        <section class="hero">
            <div class="container hero-content">
                <div>
                    <h2>Добро пожаловать в Minecraft</h2>
                    <p>
                        Minecraft — это популярная игра, в которой игрок может
                        исследовать огромный открытый мир, добывать ресурсы,
                        строить дома и создавать практически всё, что захочет.
                    </p>

                    <a class="button"
                       href="https://www.minecraft.net/"
                       target="_blank">
                        Официальный сайт
                    </a>
                </div>

                <img src="images/minecraft.jpg" alt="Мир Minecraft">
            </div>
        </section>


        <!-- Информация -->
        <section id="about" class="section">
            <div class="container">

                <h2>Об игре</h2>

                <div class="cards">

                    <article class="card">
                        <h3>Исследование</h3>
                        <p>
                            В Minecraft можно путешествовать по горам,
                            лесам, пустыням, океанам и множеству других биомов.
                        </p>
                    </article>

                    <article class="card">
                        <h3>Строительство</h3>
                        <p>
                            Игроки могут строить дома, замки, города,
                            фермы и огромные сложные сооружения.
                        </p>
                    </article>

                    <article class="card">
                        <h3>Выживание</h3>
                        <p>
                            В режиме выживания необходимо добывать ресурсы,
                            создавать инструменты и защищаться от опасных мобов.
                        </p>
                    </article>

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


        <!-- Особенности -->
        <section id="features" class="section dark">
            <div class="container">

                <h2>Почему я люблю Minecraft?</h2>

                <div class="feature-box">

                    <div>
                        <img src="images/landscape.jpg" alt="Пейзаж Minecraft">
                    </div>

                    <div>
                        <p>
                            Мне нравится Minecraft благодаря свободе действий.
                            В этой игре практически нет единственного правильного
                            способа играть.
                        </p>

                        <h3>Главные особенности:</h3>

                        <ul>
                            <li>Огромный открытый мир</li>
                            <li>Свобода строительства</li>
                            <li>Множество различных биомов</li>
                            <li>Разные режимы игры</li>
                            <li>Интересные приключения</li>
                            <li>Возможность играть с друзьями</li>
                        </ul>
                    </div>

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


        <!-- Мобы -->
        <section id="mobs" class="section">
            <div class="container">

                <h2>Известные мобы</h2>

                <div class="mob-grid">

                    <article class="mob">
                        <img src="images/steve.jpg" alt="Стив">
                        <h3>Стив</h3>
                        <p>
                            Один из самых узнаваемых персонажей Minecraft.
                        </p>
                    </article>

                    <article class="mob">
                        <img src="images/creeper.jpg" alt="Крипер">
                        <h3>Крипер</h3>
                        <p>
                            Опасный моб, который может неожиданно взорваться
                            рядом с игроком.
                        </p>
                    </article>

                    <article class="mob">
                        <img src="images/minecraft.jpg" alt="Мир игры">
                        <h3>Мир Minecraft</h3>
                        <p>
                            В игре можно встретить множество других существ,
                            монстров и животных.
                        </p>
                    </article>

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


        <!-- Галерея -->
        <section id="gallery" class="section gallery-section">
            <div class="container">

                <h2>Галерея</h2>

                <div class="gallery">
                    <img src="images/minecraft.jpg" alt="Minecraft">
                    <img src="images/landscape.jpg" alt="Пейзаж">
                    <img src="images/steve.jpg" alt="Персонаж">
                    <img src="images/creeper.jpg" alt="Крипер">
                </div>

            </div>
        </section>

    </main>


    <footer>
        <div class="container">
            <p>© 2026 Моя страница о Minecraft</p>
            <p>Сайт создан с помощью HTML и CSS</p>
        </div>
    </footer>

</body>
</html>