Задание для определения уровня знаний верстки
Если верстку не знаете совсем - можете приступить к изучению с нуля.
Рекомендумые редакторы кода
Необходимо сверстать форму со скриншота без использования каких-либо библиотек и фреймворков.
- Без использования библиотек и фреймворков, минификация не нужна, JS не нужен (подсказка после Individual / Business / ... не меняется)
- Идеальный Pixel-perfect не нужен, в целом - соответствовать картинке
- Препроцессорами пользоваться при желании можно
- Если совсем не знаете, как сверстать что-то - пропускаете
- Картинки в помощь находятся в папке img
- Шрифт использовать этот https://www.fontsquirrel.com/fonts/barlow
- Адаптивную верстку делайте, если умеете
- Анимации при hover/focus если умеете, вид - на ваше усмотрение
Цветовая палитра:
-
#EFF6FF
(фон) -
#2A4A5C
(базовый текст) -
#255A9B
(кнопка fb) -
#0076B6
(кнопка in) -
#3698FB
-
#7B8A92
-
#96A5B1
-
#AFAFAF
-
#EEEEEE
-
#FFFFFF
Результат
Предоставить в виде 2 ссылок
- Github репозиторий - Как выложить свой проект на GitHub
- Github Pages - как настроить