Создание маски
Выполни следующие действия по инструкции:
1) Создай эллипс (O), 520х520px, залей белым цветом #FFFFFF и размести примерно на расстоянии трёх линий от ссылки More hotels. Затем набери текст Get desktop app в стиле заголовка 2-го уровня H2:
2) Продублируй эллипс (выдели его и нажми Ctrl+C/Ctrl+V). Он будет будущей маской для изображения:
3) Вставь это изображение, размести его поверх эллипсов. Выдели эллипс для маски и вставленное изображение и нажми на иконку маски в верхней панели:
4) С помощью Пера (P) создай ещё несколько узлов, 3 будет достаточно. Чтобы линия не тянулась после добавления узла, нажми на Esc на клавиатуре:
5) Выбрав инструмент Выбор Move (V), потяни созданные узлы наверх, чтобы телефон и рука стали видны полностью:
6) Затем набери описание заголовка стилем H3: Go anywhere with us, и строчку стилем как описание в карточках товара: with only a smartphone at hand
Чтобы скопировать стиль, выбери элемент, чей стиль хочешь скопировать и нажми Alt+Ctrl+C, затем выбери элемент, к которому хочешь применить этот стиль и нажми Alt+Ctrl+V:
7) Осталось вставить иконки app store и google play
Не забудь скачивать оригиналы изображений, чтобы качество у них было хорошее.
8) Вставь эти изображения на расстоянии двух линий от заголовка с описанием:
9) Сейчас ощущается перевес композиции этого блока в правую сторону, так как сверху от заголовка много пустого места, а над телефоном его практически нет, так как там вверху стоит ссылка. Чтобы сбалансировать композицию, нужно местами поменять текст и картинку.
Для этого сгруппируй текстовый контент в одну группу, и элементы справой стороны в другую группу. Выдели эти 2-е группы. У тебя появятся точки, потянув за которые можно быстро поменять контент местами:
Вот что у тебя должно получиться:
