Разбор виджетов Elementor

Урок 3

Разбор панели инструментов

Знакомимся с возможностями панели инструментов, структурой и взаимодействием с ней.

Разбор возможностей секции и колонки

Что умеет секция? Как задать цвет колонке? Изучаем все возможности данных элементов!

Разбор виджетов группы "Базовый". Часть 1

Изучаем работу с виджетами базовой группы. Смотрим на возможности, которые они дают.

Разбор виджетов группы "Базовый". Часть 2

Изучаем работу с виджетами базовой группы. Смотрим на возможности, которые они дают.

Практическое задание

В видео приведен пример реализации задания.

Секция 1

Необходимо сделать секцию с оптимальной высотой. В секции разместить информацию о компании Google. Желательно на заднем фоне использовать фото. 

В секции параллельно друг другу расположить следующие элементы:
слева — название нового продукта компании (придумать), краткое его описание (2 строки) и кнопку «к продукту» (она ведет на стартовую страницу Google);
справа — видео о компании (найти на ютубе).

Секция 2

Секция — каталог.
Найти фото товара «Машина» (лучше png, чтобы не было фона у изображения).
В секции должно быть 3 колонки. В каждой колонке фото товара, ниже название машинки, ниже описание (2-3 слова, можно сделать «цвет-синий»), ниже цена (сделать на неё акцент дизайном), ниже кнопка «купить». Все три колонки должны быть с одинаковым стилем.

Между собой колонки должны быть разделены вертикальными полосками (сделайте это в разделе «Стиль» у средней колонки. Параметр «граница». Далее — сами 🙂 )

Фирменный цвет компании — #1F73FF (синий). Какие-то элементы нужно сделать им.

Если при наведении на колонку будет появляться тень — дополнительный балл за работу. Но тут нужно будет немного креатива. Хотя все понятно напрямую из слов.

IWG.WEB

Сделаем Ваш сайт

Местоположение

Санкт-Петербург

Связь

Все права защищены