Сверстать адаптивный сайт на основании макета, используя известніе вам технологии html && css.
Минимальный размер, который сайт должен поддерживать - 320px
Сверстать секции на скриншотах с использованием колоночной верстки
С использование технологии FlexBox сверстать форму регистрации
Требования:
- Сохранить семантическую структуру документа
- Чистый css с верно организованными правила без привязки к структуре html документа
Будет плюсом:
- Продумать расположение полей формы на узких экранах
Сверстать сайт с использованием display:flex
Результаты залить на гитхаб и отправить ссылку
Параграф на два столбика разбивать не надо
Сверсать сайт по примеру:
Для свойства display использовать значения: block, inline, inline-block
цвет: #926239
картинка: http://traversymedia.com/downloads/assets/beachshowcase.jpg
Fullscreen Landing
Сверстать карточки согласно макету
Иконки можно взять на сайте:
https://materialdesignicons.com/
названия иконок:
- chart-line
- bookmark
- diamond
Сверстайте сайт на подобии укзанного в примере.
Вместо текста можно использовать генератор случайных слов.
Картинка должна быть файлом в проекте(в src указать относительный путь).
Использоватьизвестные вам семантические теги (заголовки, списки, параграфы и т.д).
Пройти html валидацию W3C.
Пример статьи - файл example.png
Результат залить на гитхаб и скинуть ссылку на репозиторий при сдаче задания.
The W3C Validation Service
Lorem Ipsum Генератор
