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

<!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="win.css">
</head>
<body>

    <!-- Шапка с навигацией -->
    <header>
        <nav>
            <a href="#about">О себе</a>
            <a href="#photo">Фото</a>
            <a href="#achievements">Достижения</a>
        </nav>
    </header>

    <!-- 1 экран: Текст о себе -->
    <section id="about">
        <h1>Привет, я разработчик!</h1>
        <p>Я создаю мобильные приложения на Kotlin и изучаю веб-разработку.</p>
    </section>

    <!-- 2 экран: Картинка -->
    <section id="photo">
        <h2>Мое рабочее место</h2>
        <img src="https://via.placeholder.com/600x300" alt="Рабочее место">
    </section>

    <!-- 3 экран: Текст с достижениями -->
    <section id="achievements">
        <h2>Мои достижения</h2>
        <p>Разработал консольную HR-систему на Kotlin и изучил базовую работу с HTML и CSS.</p>
    </section>

    <!-- Подвал с 3 разделами -->
    <footer>
        <div>
            <h3>Контакты</h3>
            <p>Email: example@mail.com</p>
        </div>
        <div>
            <h3>Адрес</h3>
            <p>г. Ульяновск</p>
        </div>
        <div>
            <h3>Ссылки</h3>
            <p>GitHub / Telegram</p>
        </div>
    </footer>

</body>
</html>