Практическое задание

Создай цифровую визитку

HTML + CSS в одном файле — стили в <head>, киберпанк-дизайн

Пример результата

Визитка должна быть в тёмном киберпанк-стиле: тёмный фон, яркие неоновые акценты, моноширинный шрифт

Задание

Создай цифровую визитку в одном HTML-файле. Стили пишем в <style> внутри <head>.

  1. Каркас: <!DOCTYPE html>, <html>, <head>, <body>
  2. Метаданные <meta charset="UTF-8"> и <title>
  3. Блок <style> внутри <head> — все стили только там
  4. Тёмный фон страницы и светлый текст (киберпанк-стиль)
  5. Карточка визитки по центру с рамкой и скруглёнными углами
  6. Твоё имя в <h1> и роль/специальность
  7. Контакты: Telegram, Email или соцсети — ссылки <a>
  8. Навыки/хобби — список или бейджики

Потренируйся в песочнице ниже, потом собери в Блокноте и сохрани как vizitka.html.

Отправь в папку Домашки

⏰ Дедлайн: 20 марта, 23:59 МСК
Как сохранить файл
  1. Открой Блокнот (Пуск → набери «Блокнот»)
  2. Скопируй готовый код из песочницы или напиши заново
  3. Файл → Сохранить как… → имя vizitka.html → тип Все файлы → кодировка UTF-8
  4. Открой двойным кликом — проверь в браузере
Песочница — собери визитку здесь
Твой код
Превью
Нажми «▶ Запустить»
чтобы увидеть визитку
Пример решения
Чеклист перед сдачей
0 / 8 выполнено
Частые ошибки