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

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Моя визитка</title>
    <style>
        body {
            font-family: sans-serif;
            max-width: 400px;
            margin: 100px auto;
            padding: 20px;
            text-align: center;
            background: #fafafa;
            color: #333;
        }
        h1 { margin-bottom: 5px; }
        p { color: #666; line-height: 1.5; }
        .links a {
            display: block;
            margin: 10px 0;
            padding: 12px;
            background: #fff;
            color: #000;
            text-decoration: none;
            border: 1px solid #ddd;
            border-radius: 4px;
        }
        .links a:hover { background: #f0f0f0; }
    </style>
</head>
<body>

    <h1>Иван Иванов</h1>
    <p>Программист / Web Developer</p>
    
    <p>Создаю простые и удобные сайты. Пишу код на HTML, CSS и JavaScript. Готов к сотрудничеству.</p>

    <div class="links">
        <a href="https://t.me" target="_blank">Telegram</a>
        <a href="mailto:email@example.com">Email</a>
        <a href="https://github.com" target="_blank">GitHub</a>
    </div>

</body>
</html>