Практическая работа

Задание 1. Выполните верстку блока представленного на картинке. Цвета указаны в приложении. Иконки социальных сетей можно найти на сайте Iconfinder.com

блок социальных кнопок и поиск

Списки цветов:

  • facebook #2e3192
  • vk #0072bc
  • twitter #33b5e5
  • rss #ff8800
  • email #d84a4a

Размеры блоков социальных кнопок 60x60px.


Задание 2. Выполните верстку блока меню показанного на рисунке ниже. Размер квадратного блока: 50x50px, общая щирина меню — 240px. Иконки меню можно найти на сайте Iconfinder.com

блок меню

Цвета используемые для меню: #00aeef и #2d95bc.


Задание 3. Выполните верстку блока меню показанного на рисунке ниже. Ширина меню 285px на 424px. Размеры одной полоски — 285px на 104px. Размер изображения в полосе 80x52px. Цвет границ №e3e3e3.

блок навигации для верстки

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *