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

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Хроники Времени — Историческая лента</title>
</head>
<body>

    <header>
        <img src="history-logo.png" alt="Логотип Хроники Времени" width="60">
        <h1>Хроники Времени: Живая история</h1>
    </header>

    <nav>
        <ul>
            <li><a href="#about">О проекте</a></li>
            <li><a href="#timeline">Лента времени</a></li>
            <li><a href="#archive">Архив эпох</a></li>
        </ul>
    </nav>

    <main>
        
        <section id="about">
            <h2>О нашей живой ленте</h2>
            <p>Этот ресурс позволяет проследить ключевые события человечества в интерактивном формате. Мы используем <strong>проверенные источники</strong> и <em>архивные документы</em> для воссоздания картины прошлого.</p>
        </section>

        <section id="timeline">
            <h2>Основные вехи</h2>
            
            <article>
                <h3>Первый полет человека в космос</h3>
                <p><mark>Знаменательная дата:</mark> Событие, изменившее ход мировой истории и открывшее эру освоения внеземного пространства.</p>
                
                <figure>
                    <img src="vostok1.jpg" alt="Корабль Восток-1" width="400">
                    <figcaption>Рис. 1 — Космический корабль «Восток-1» перед стартом</figcaption>
                </figure>

                <p>Юрий Гагарин совершил один виток вокруг Земли, доказав возможности человеческого организма в невесомости.</p>
                <p>Подробнее об этом событии можно прочитать в разделе мемуаров.</p>
                <time datetime="1961-04-12">12 апреля 1961 года</time>
            </article>

            <article>
                <h3>Изобретение печатного станка</h3>
                <p>Начало информационной революции в Европе. Технология Иоганна Гутенберга сделала знания доступными для масс.</p>
                <time datetime="1440">Около 1440 года</time>
            </article>
        </section>

    </main>

    <aside>
        <h3>Предстоящие юбилеи</h3>
        <p>Следите за обновлениями: скоро мы добавим раздел, посвященный эпохе Великих географических открытий.</p>
        <button type="button">Узнать больше</button>
    </aside>

    <footer>
        <hr>
        <p>&copy; 2026 Исторический портал «Живая лента». Все права защищены.</p>
        <address>
            Связаться с редакцией: <a href="mailto:history@time-line.ru">history@time-line.ru</a>
        </address>
    </footer>

</body>
</html>