Задание для определения уровня знаний верстки

Template

Если верстку не знаете совсем - можете приступить к изучению с нуля.

Рекомендумые редакторы кода

Необходимо сверстать форму со скриншота без использования каких-либо библиотек и фреймворков.

  • Без использования библиотек и фреймворков, минификация не нужна, JS не нужен (подсказка после Individual / Business / ... не меняется)
  • Идеальный Pixel-perfect не нужен, в целом - соответствовать картинке
  • Препроцессорами пользоваться при желании можно
  • Если совсем не знаете, как сверстать что-то - пропускаете
  • Картинки в помощь находятся в папке img
  • Шрифт использовать этот https://www.fontsquirrel.com/fonts/barlow
  • Адаптивную верстку делайте, если умеете
  • Анимации при hover/focus если умеете, вид - на ваше усмотрение

Цветовая палитра:

  • #EFF6FF #EFF6FF (фон)
  • #2A4A5C #2A4A5C (базовый текст)
  • #255A9B #255A9B (кнопка fb)
  • #0076B6 #0076B6 (кнопка in)
  • #3698FB #3698FB
  • #7B8A92 #7B8A92
  • #96A5B1 #96A5B1
  • #AFAFAF #AFAFAF
  • #EEEEEE #EEEEEE
  • #FFFFFF #FFFFFF

Результат

Предоставить в виде 2 ссылок

  1. Github репозиторий - Как выложить свой проект на GitHub
  2. Github Pages - как настроить