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

<!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>
        <p>Портфолио</p>
        <nav>
            <a href="#about">О себе</a>
            <a href="#projects">Проекты</a>
            <a href="#achievements">Достижения</a>
        </nav>
    </header>

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

    <!-- 2 экран: Картинка и описание проекта -->
    <section id="projects">
        <h2>Мой главный проект</h2>
        <img src="https://via.placeholder.com/600x300" alt="Рабочий процесс">
        <p>Разработка консольной HR-системы для управления базой сотрудников и ролями в компании.</p>
    </section>

    <!-- 3 экран: Достижения -->
    <section id="achievements">
        <h2>Мои достижения</h2>
        <p>Изучил базовые структуры данных и алгоритмы на C++.</p>
        <p>Создал несколько учебных проектов на Kotlin с использованием современного UI-фреймворка.</p>
        <p>Освоил чистую верстку сайтов без применения сторонних библиотек.</p>
    </section>

    <!-- Подвал с 3 разделами -->
    <footer>
        <div>
            <h3>Контакты</h3>
            <p>Email: student@ulstu.ru</p>
            <p>Телефон: +7 (900) 000-00-00</p>
        </div>
        <div>
            <h3>Адрес</h3>
            <p>г. Ульяновск</p>
            <p>УлГТУ</p>
        </div>
        <div>
            <h3>Ссылки</h3>
            <p>GitHub: github.com</p>
            <p>Telegram: @username</p>
        </div>
    </footer>

</body>
</html>