{"type": "body", "content": "", "style": "box-sizing: border-box; font-family: sans-serif", "bbox": [8, 8, 1264, 1677], "children": [{"type": "div", "content": "", "style": "box-sizing: border-box; font-family: sans-serif; display: flex; justify-content: center; align-items: center; flex-wrap: wrap", "bbox": [8, 8, 1264, 1677], "children": [{"type": "h1", "content": "\u041d\u0430\u0448\u0438 \u043e\u043d\u043b\u0430\u0439\u043d \u043f\u0440\u043e\u0435\u043a\u0442\u044b", "style": "box-sizing: border-box; font-family: sans-serif; width: 100%; text-align: center", "bbox": [8, 29, 1264, 37], "children": []}, {"type": "a", "content": "", "style": "box-sizing: border-box; font-family: sans-serif; display: grid; margin: 20px; color: #242424", "bbox": [120, 107, 500, 359], "children": [{"type": "h3", "content": "\u041a\u043b\u0438\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0444\u043e\u0440\u0443\u043c", "style": "box-sizing: border-box; font-family: sans-serif", "bbox": [120, 126, 500, 22], "children": []}, {"type": "div", "content": "", "style": "box-sizing: border-box; font-family: sans-serif; position: relative; width: 500px; height: 300px; border-radius: 10px; overflow: hidden; box-shadow: 0 0 16px 9px #eee; cursor: pointer", "bbox": [120, 167, 500, 300], "children": [{"type": "div", "content": "", "style": "background-image: url('https://storage.yandexcloud.net/videos-meyou/promo/climat1.png');; box-sizing: border-box; font-family: sans-serif; max-width: 100%; height: 100%; background-position: top center; background-repeat: no-repeat; background-size: cover", "bbox": [120, 167, 500, 300], "children": []}]}]}, {"type": "a", "content": "", "style": "box-sizing: border-box; font-family: sans-serif; display: grid; margin: 20px; color: #242424", "bbox": [660, 107, 500, 359], "children": [{"type": "h3", "content": "\u0420\u0435\u0441\u043e \u043d\u0430 \u0441\u0432\u044f\u0437\u0438", "style": "box-sizing: border-box; font-family: sans-serif", "bbox": [660, 126, 500, 22], "children": []}, {"type": "div", "content": "", "style": "box-sizing: border-box; font-family: sans-serif; position: relative; width: 500px; height: 300px; border-radius: 10px; overflow: hidden; box-shadow: 0 0 16px 9px #eee; cursor: pointer", "bbox": [660, 167, 500, 300], "children": [{"type": "div", "content": "", "style": "background-image: url('https://storage.yandexcloud.net/videos-meyou/promo/reso1.png');; box-sizing: border-box; font-family: sans-serif; max-width: 100%; height: 100%; background-position: top center; background-repeat: no-repeat; background-size: cover", "bbox": [660, 167, 500, 300], "children": []}]}]}, {"type": "a", "content": "", "style": "box-sizing: border-box; font-family: sans-serif; display: grid; margin: 20px; color: #242424", "bbox": [120, 507, 500, 359], "children": [{"type": "h3", "content": "SBER Private Banking", "style": "box-sizing: border-box; font-family: sans-serif", "bbox": [120, 526, 500, 22], "children": []}, {"type": "div", "content": "", "style": "box-sizing: border-box; font-family: sans-serif; position: relative; width: 500px; height: 300px; border-radius: 10px; overflow: hidden; box-shadow: 0 0 16px 9px #eee; cursor: pointer", "bbox": [120, 566, 500, 300], "children": [{"type": "div", "content": "", "style": "background-image: url('https://storage.yandexcloud.net/videos-meyou/promo/sberPB.png');; box-sizing: border-box; font-family: sans-serif; max-width: 100%; height: 100%; background-position: top center; background-repeat: no-repeat; background-size: cover", "bbox": [120, 566, 500, 300], "children": []}]}]}, {"type": "a", "content": "", "style": "box-sizing: border-box; font-family: sans-serif; display: grid; margin: 20px; color: #242424", "bbox": [660, 507, 500, 359], "children": [{"type": "h3", "content": "\u041c\u0430\u0433\u043d\u0438\u0442 \u043d\u0430 \u043e\u0434\u043d\u043e\u0439 \u0432\u043e\u043b\u043d\u0435", "style": "box-sizing: border-box; font-family: sans-serif", "bbox": [660, 526, 500, 22], "children": []}, {"type": "div", "content": "", "style": "box-sizing: border-box; font-family: sans-serif; position: relative; width: 500px; height: 300px; border-radius: 10px; overflow: hidden; box-shadow: 0 0 16px 9px #eee; cursor: pointer", "bbox": [660, 566, 500, 300], "children": [{"type": "div", "content": "", "style": "background-image: url('https://storage.yandexcloud.net/videos-meyou/promo/magnit.png');; box-sizing: border-box; font-family: sans-serif; max-width: 100%; height: 100%; background-position: top center; background-repeat: no-repeat; background-size: cover", "bbox": [660, 566, 500, 300], "children": []}]}]}, {"type": "a", "content": "", "style": "box-sizing: border-box; font-family: sans-serif; display: grid; margin: 20px; color: #242424", "bbox": [120, 906, 500, 359], "children": [{"type": "h3", "content": "Roche. \u041d\u043e\u0432\u043e\u0435 \u0432\u0440\u0435\u043c\u044f", "style": "box-sizing: border-box; font-family: sans-serif", "bbox": [120, 925, 500, 22], "children": []}, {"type": "div", "content": "", "style": "box-sizing: border-box; font-family: sans-serif; position: relative; width: 500px; height: 300px; border-radius: 10px; overflow: hidden; box-shadow: 0 0 16px 9px #eee; cursor: pointer", "bbox": [120, 966, 500, 300], "children": [{"type": "div", "content": "", "style": "background-image: url('https://storage.yandexcloud.net/videos-meyou/promo/roche.png');; box-sizing: border-box; font-family: sans-serif; max-width: 100%; height: 100%; background-position: top center; background-repeat: no-repeat; background-size: cover", "bbox": [120, 966, 500, 300], "children": []}]}]}, {"type": "a", "content": "", "style": "box-sizing: border-box; font-family: sans-serif; display: grid; margin: 20px; color: #242424", "bbox": [660, 906, 500, 359], "children": [{"type": "h3", "content": "Otto. Christmas", "style": "box-sizing: border-box; font-family: sans-serif", "bbox": [660, 925, 500, 22], "children": []}, {"type": "div", "content": "", "style": "box-sizing: border-box; font-family: sans-serif; position: relative; width: 500px; height: 300px; border-radius: 10px; overflow: hidden; box-shadow: 0 0 16px 9px #eee; cursor: pointer", "bbox": [660, 966, 500, 300], "children": [{"type": "div", "content": "", "style": "background-image: url('https://storage.yandexcloud.net/videos-meyou/promo/otto.png');; box-sizing: border-box; font-family: sans-serif; max-width: 100%; height: 100%; background-position: top center; background-repeat: no-repeat; background-size: cover", "bbox": [660, 966, 500, 300], "children": []}]}]}, {"type": "a", "content": "", "style": "box-sizing: border-box; font-family: sans-serif; display: grid; margin: 20px; color: #242424", "bbox": [120, 1306, 500, 359], "children": [{"type": "h3", "content": "\u041a\u0443\u0440\u0441\u043e\u0440 2020", "style": "box-sizing: border-box; font-family: sans-serif", "bbox": [120, 1324, 500, 22], "children": []}, {"type": "div", "content": "", "style": "box-sizing: border-box; font-family: sans-serif; position: relative; width: 500px; height: 300px; border-radius: 10px; overflow: hidden; box-shadow: 0 0 16px 9px #eee; cursor: pointer", "bbox": [120, 1365, 500, 300], "children": [{"type": "div", "content": "", "style": "background-image: url('https://storage.yandexcloud.net/videos-meyou/promo/kursor2020.png');; box-sizing: border-box; font-family: sans-serif; max-width: 100%; height: 100%; background-position: top center; background-repeat: no-repeat; background-size: cover", "bbox": [120, 1365, 500, 300], "children": []}]}]}, {"type": "a", "content": "", "style": "box-sizing: border-box; font-family: sans-serif; display: grid; margin: 20px; color: #242424", "bbox": [660, 1306, 500, 359], "children": [{"type": "h3", "content": "\u0420\u043e\u0441\u0442\u0435\u043b\u0435\u043a\u043e\u043c. \u0411\u0438\u0437\u043d\u0435\u0441 \u043a\u0430\u043a \u0438\u0441\u043a\u0443\u0441\u0441\u0442\u0432\u043e", "style": "box-sizing: border-box; font-family: sans-serif", "bbox": [660, 1324, 500, 22], "children": []}, {"type": "div", "content": "", "style": "box-sizing: border-box; font-family: sans-serif; position: relative; width: 500px; height: 300px; border-radius: 10px; overflow: hidden; box-shadow: 0 0 16px 9px #eee; cursor: pointer", "bbox": [660, 1365, 500, 300], "children": [{"type": "div", "content": "", "style": "background-image: url('https://storage.yandexcloud.net/videos-meyou/promo/rst2020.png');; box-sizing: border-box; font-family: sans-serif; max-width: 100%; height: 100%; background-position: top center; background-repeat: no-repeat; background-size: cover", "bbox": [660, 1365, 500, 300], "children": []}]}]}]}]}
<!DOCTYPE html>

<html><head><title>Promo Meyou</title></head><body><div class="main"><h1 class="title">Наши онлайн проекты</h1><a class="frame-link"><h3 class="frame-title">Климатический форум</h3><div class="frame-contaiter"><div class="frame-img" style="background-image: url('https://storage.yandexcloud.net/videos-meyou/promo/climat1.png');"></div></div></a><a class="frame-link"><h3 class="frame-title">Ресо на связи</h3><div class="frame-contaiter"><div class="frame-img" style="background-image: url('https://storage.yandexcloud.net/videos-meyou/promo/reso1.png');"></div></div></a><a class="frame-link"><h3 class="frame-title">SBER Private Banking</h3><div class="frame-contaiter"><div class="frame-img" style="background-image: url('https://storage.yandexcloud.net/videos-meyou/promo/sberPB.png');"></div></div></a><a class="frame-link"><h3 class="frame-title">Магнит на одной волне</h3><div class="frame-contaiter"><div class="frame-img" style="background-image: url('https://storage.yandexcloud.net/videos-meyou/promo/magnit.png');"></div></div></a><a class="frame-link"><h3 class="frame-title">Roche. Новое время</h3><div class="frame-contaiter"><div class="frame-img" style="background-image: url('https://storage.yandexcloud.net/videos-meyou/promo/roche.png');"></div></div></a><a class="frame-link"><h3 class="frame-title">Otto. Christmas</h3><div class="frame-contaiter"><div class="frame-img" style="background-image: url('https://storage.yandexcloud.net/videos-meyou/promo/otto.png');"></div></div></a><a class="frame-link"><h3 class="frame-title">Курсор 2020</h3><div class="frame-contaiter"><div class="frame-img" style="background-image: url('https://storage.yandexcloud.net/videos-meyou/promo/kursor2020.png');"></div></div></a><a class="frame-link"><h3 class="frame-title">Ростелеком. Бизнес как искусство</h3><div class="frame-contaiter"><div class="frame-img" style="background-image: url('https://storage.yandexcloud.net/videos-meyou/promo/rst2020.png');"></div></div></a></div><style>* {
    box-sizing: border-box;
    font-family: sans-serif
    }
.main {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
    }
.title {
    width: 100%;
    text-align: center
    }
.frame-contaiter {
    position: relative;
    width: 500px;
    height: 300px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 16px 9px #eee;
    cursor: pointer
    }
.frame-link {
    display: grid;
    margin: 20px;
    color: #242424
    }
.frame-img {
    max-width: 100%;
    height: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover
    }</style></body></html>