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

<html>
<body>
    <header class="site-header">
        <div class="container header-content">
            <div class="logo">ЛОГОТИП</div>
            <nav class="nav-links">
                <a href="#hero">Главная</a>
                <a href="#about">О нас</a>
                <a href="#reviews">Отзывы</a>
            </nav>
        </div>
    </header>

    <section id="hero" class="hero-section">
        <div class="container hero-content">
            <h1>Название нашего проекта</h1>
            <p class="hero-text">Это главный вступительный текст сайта. Сюда ребёнок напишет самый важный призыв или слоган своего проекта.</p>
            <button class="hero-btn">Кнопка действия</button>
        </div>
    </section>

    <section id="about" class="about-section">
        <div class="container">
            <h2 class="section-title">Наши преимущества / Галерея</h2>
            
            <div class="about-grid">
                
                <div class="about-item">
                    <img src="https://avatars.mds.yandex.net/i?id=d1163f107ad0b0e6f93069e5bbeb97d8_l-5869782-images-thumbs&n=13" alt="Описание 1" class="about-image">
                    <h3>Заголовок 1</h3>
                    <p>Короткое описание первого пункта. Здесь будет текст ребенка.</p>
                </div>

                <div class="about-item">
                    <img src="photo2.jpg" alt="Описание 2" class="about-image">
                    <h3>Заголовок 2</h3>
                    <p>Короткое описание второго пункта. Сюда можно вставить описание.</p>
                </div>

                <div class="about-item">
                    <img src="photo3.jpg" alt="Описание 3" class="about-image">
                    <h3>Заголовок 3</h3>
                    <p>Короткое описание третьего пункта. Любые мысли и контент.</p>
                </div>

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

    <section id="reviews" class="reviews-section">
        <div class="container">
            <h2 class="section-title">Что говорят люди?</h2>
            
            <div class="review-box">
                <p>«Это самый крутой отзыв от первого пользователя. Сайт просто супер!»</p>
                <small>— Имя автора 1</small>
            </div>

            <div class="review-box">
                <p>«Второй отзыв или интересная цитата. Здесь тоже можно поменять текст и автора.»</p>
                <small>— Имя автора 2</small>
            </div>
        </div>
    </section>

    <footer class="site-footer">
        <div class="container">
            <p>© 2026 Мой первый крутой проект. Все права защищены.</p>
        </div>
    </footer>

</body>
</html>