Бюджет:
1 500 руб
Сверстать HTML + CSS блок.
Размеры блока 652px на 654px.
Скрин блока цепляю, рисунок фоновый взять любой похожий.
Главное, это svg маска, эти два выреза сверху и снизу, в этом сложность, она и сверху где логотип и снизу где кнопка.
Эту маску желательно сверстать на svg,
- clip-path желательно не использовать, плохо поддерживается браузерами этот метод.
- эти вырезы svg маски, нужно сверстать отдельными блоками а не вешать одну маску на весь рисунок – блок, сверстать двумя блоками и прижать один блок к верху, второй блок к низу абсолютной позицией например.
- Почему двумя блоками, потому что эти вырезы должны быть резиновыми по ширине, то есть например кнопка у выреза снизу может быть шире например. И соответственно вырез этот тоже будет шире.
Кнопку можно сверстать не маской, если получиться, главное повторить что у вырезов и кнопки, бордер радиус.