Сразу скажу, мне не нужно писать весь код, просто объясните, какие технологии использовать, что бы сделать вот такой фон? Фон представляет собой две картинки (либо картинка и видео) разделённые по диагонали. При этом одна из картинок опять же разделяется на три.
Если Вы имеете в виду то, что написано слева от Современные технологии MICE-мероприятий", то это в фотошопе делается.
То что Вы показали можно ТОЖЕ в фотошопе сделать, если что.
Если Вам позарез нужно современными техниками, то в СВГ такое накидать можно.
или вот так примерно: https://jsfiddle.net/o6uh9gcw/
вставить в дивку с тем серым бекграундом
С текстами проблем нет. С ФШ понятно. Суть именно в том, что бы наложить вот так два независимых изображения (а лучше картинку и видео) используя только html и css.
Вот товарищ выше подсказал про clip-path. Попробую им решить.
там серая это бекграунд, а цветная это имейдж. можно в клип-пас(я Вам выше сделал пример), или градиентами, или в свг. или просто пнг файл и слева просто будет прозрачный треугольный кусок(так кстати проще и быстрей всего сделать)
dzheraff, а, есть еще вариант с канвас
и еще - ставите на фон дивки серую картинку
цветное фото или видео вставляете внурь справа
а дальше поверх ставите СВГ с полосками
можно вот так сделать диагональ. только правую див, и туда картинку, поверх градиентом две полоски, или просто свг полоски положить
Средний
