Логин пользователя #

Я собрал несколько примеров реализаций и задумок пользовательских логинов в различных системах. Попробуй реализовать их.

1. Принципиально нельзя пользоваться никакими библиотеками и фреймворками.
2. Помни, что реализовать каждый пример можно несколькими способами: блочная вёрстка и обтекание, флексмодель + гриды, табличная вёрстка + основы css(рекомендуется только тем, кто будет работать с очень старым кодом или с корпоративными рассылками). Можешь выбрать любой вариант или сделать всё в нескольких вариантах.
3. По возможности, постарайся не перемешивать варианты вёрстки.
4. Выложить ссылку на результат в комментариях. Укажи номер задачи перед ссылкой и в решении в комментариях. Воспользуйтесь сервисом git(preferred way) или сайтами codepen.io, cssdeck.com, jsfiddle.net.

Удачи!

Задача №1 #

Задача №2 #

Задача №3 #

Задача №4 #

Задача №5 #

Задача №6 #

Задача №7 #

Задача №8 #

Задача №9 #

Задача №10 #

Задача №11 #

Задача №12 #

Задача №13 #

Задача №14 #

Задача №15 #

Задача №16 #

Задача №17 #

Задача №18 #

Задача №19 #

Задача №20 #

Задача №21 #

Задача №22 #

Задача №23 #

Задача №24 #

Задача №25 #

Задача №26 #

Задача №27 #

Задача №28 #

Задача №29 #

Задача №30 #

Задача №31 #