Розділ 2 · Фінальне завдання

Проєкт «Про мене 2.0»

Застосовуємо все вивчене в Розділі 2 до сторінки «Про мене» з Розділу 1.

Завдання

Відкрий свій файл about-me.html з Розділу 1 і онови його:

  1. Винеси всі стилі в окремий файл style.css, підключи через <link>
  2. Заміни слова-кольори (red, blue) на HEX-коди
  3. Головний заголовок <h1> зроби через id, надай йому власний стиль
  4. Обгорни блок із хобі чи фото в <div class="card"> з рамкою, скругленими кутами й фоном
  5. Додай нормальний шрифт через font-family для всієї сторінки (body)
  6. Зроби хоча б одне посилання схожим на справжню кнопку (клас .btn)
  7. Додай маленьку форму «Написати мені» — ім'я, повідомлення, кнопка
  8. Якщо є кілька карток чи блоків поруч — розташуй їх через display: flex
  9. Додай :hover хоч на одну кнопку чи картку
Не обов'язково все

Головне, щоб сторінка виглядала охайніше й «дорослніше», ніж у кінці Розділу 1.

Розділ 2 пройдено!

Далі — Розділ 3: JavaScript. Кнопки почнуть щось робити при натисканні.

Курс створено за підтримки бухгалтерського бюро Galakton, Білосток, Польща