В данной статье представлено несколько вариантов оформления блоков с иконками.

Такие блоки, как правило, используются для создания разделов с преимуществами ("Почему мы" и др.) или описания сервиса. Также можно использовать такое оформление для контактов, отзывов и других блоков с небольшой информацией.

В каждом из примеров сделано 2 варианта вывода иконки: шрифтом и графикой.

Пример 1:

Блок 1

Иконка отображается шрифтом "Font Awesome"

Блок 2

Иконка отображается графическим файлом

Пример 2:

Блок 1

Иконка отображается шрифтом "Font Awesome"

Блок 2

Иконка отображается графическим файлом

Пример 3:

Блок 1

Иконка отображается шрифтом "Font Awesome"

Блок 2

Иконка отображается графическим файлом

Пример 4:

Блок 1

Иконка отображается шрифтом "Font Awesome"

Блок 2

Иконка отображается графическим файлом

Пример 5:

Блок 1

Иконка отображается шрифтом "Font Awesome"

Блок 2

Иконка отображается графическим файлом

Пример 6:

Блок 1

Иконка отображается шрифтом "Font Awesome"

Блок 2

Иконка отображается графическим файлом

Пример 7:

Блок 1

Иконка отображается шрифтом "Font Awesome"

Блок 2

Иконка отображается графическим файлом

Пример 8:

Блок 1

Иконка отображается шрифтом "Font Awesome"

Блок 2

Иконка отображается графическим файлом

Комментарии:

  • Alex:

    Прикольно придумано

    Ответить

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

Ваш комментарий отправлен!