Сайт

[kuzmindaniil1488-spec]

<title>Личная страница</title> <style> * { box-sizing: border-box; } body { margin: 0; min-height: 100vh; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; background: linear-gradient(135deg, #0f2027, #203a43, #2c5364); color: #ffffff; display: flex; align-items: center; justify-content: center; } .card { background: rgba(255, 255, 255, 0.08); backdrop-filter: blur(10px); border-radius: 16px; padding: 32px 28px; width: 100%; max-width: 360px; text-align: center; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4); } .avatar { width: 120px; height: 120px; border-radius: 50%; object-fit: cover; border: 3px solid rgba(255, 255, 255, 0.6); margin-bottom: 16px; } h1 { margin: 0 0 8px; font-size: 24px; font-weight: 600; } .subtitle { font-size: 14px; opacity: 0.8; margin-bottom: 24px; } .links { display: flex; flex-direction: column; gap: 12px; } .links a { text-decoration: none; color: #ffffff; padding: 12px; border-radius: 10px; background: rgba(255, 255, 255, 0.12); transition: background 0.2s ease, transform 0.2s ease; } .links a:hover { background: rgba(255, 255, 255, 0.25); transform: translateY(-2px); } footer { margin-top: 24px; font-size: 12px; opacity: 0.5; } </style>

<!-- ИМЯ -->
<h1>Твоё имя</h1>

<div class="subtitle">
  Просто человек в интернете
</div>

<!-- СОЦСЕТИ -->
<div class="links">
  <a href="https://vk.com/" target="_blank">VK</a>
  <a href="https://t.me/" target="_blank">Telegram</a>
  <a href="https://instagram.com/" target="_blank">Instagram</a>
</div>

<footer>
  © Ты. Интернет это запомнил.
</footer>