bravado.xml

<container>
    <group width="100">
        <group width="66">
            <block type="content-display" width="100" title="Top News">
                <criteria limit="7"></criteria>
                <flow width="100" item-width="100" item-count="1">
                    <for-each-item>
                        <group width="50">
                            <element-image aspect-ratio="16:9"></element-image>
                        </group>
                        <group width="50">
                            <element-tag></element-tag>
                            <element-name></element-name>
                            <element-teaser></element-teaser>
                        </group>
                    </for-each-item>
                </flow>
                <flow width="50" item-width="100" item-count="2">
                    <for-each-item>
                        <group width="33">
                            <element-image aspect-ratio="16:9"></element-image>
                        </group>
                        <group width="66">
                            <element-tag></element-tag>
                            <element-name></element-name>
                        </group>
                    </for-each-item>
                </flow>
                <flow width="50" item-width="100" item-count="1">
                    <for-each-item>
                        <group width="100">
                            <element-tag></element-tag>
                            <element-name></element-name>
                        </group>
                    </for-each-item>
                </flow>
                <flow width="50" item-width="100" item-count="2">
                    <for-each-item>
                        <group width="33">
                            <element-image aspect-ratio="16:9"></element-image>
                        </group>
                        <group width="66">
                            <element-tag></element-tag>
                            <element-name></element-name>
                        </group>
                    </for-each-item>
                </flow>
                <flow width="50" item-width="100" item-count="1">
                    <for-each-item>
                        <group width="100">
                            <element-tag></element-tag>
                            <element-name></element-name>
                        </group>
                    </for-each-item>
                </flow>
            </block>
        </group>
        <group width="33">
            <block type="content-display" width="100" title="More Headlines">
                <criteria limit="4"></criteria>
                <flow width="100" item-width="100" item-count="0">
                    <for-each-item>
                        <group width="33">
                            <element-image aspect-ratio="16:9"></element-image>
                        </group>
                        <group width="66">
                            <element-tag></element-tag>
                            <element-name></element-name>
                        </group>
                    </for-each-item>
                </flow>
            </block>
            <block type="advertisement" width="100" aliases="MR"></block>
        </group>
    </group>
</container>

<div data-theme-element="container" data-theme-width="1060" class="some-custom-class">
    <div data-theme-element="group" data-theme-width="100">
        <div data-theme-element="group" data-theme-width="66">
            <div data-theme-element="block" data-theme-type="content-display" data-theme-width="100" data-theme-title="Top News">

            </div>
        </div>
        <div data-theme-element="group" data-theme-width="33">
            <div data-theme-element="block" data-theme-type="content-display" data-theme-width="100" data-theme-title="More Headlines" data-theme-criteria='{"limit":4}'>
                <div data-theme-element="flow" data-theme-item-with="100" data-theme-item-count="0" data-theme-width="100">
                    <div data-theme-element="group" data-theme-width="25">
                        <div data-theme-element="element" data-theme-type="image" data-theme-aspect-ratio="16:9"></div>
                    </div>
                    <div data-theme-element="group" data-theme-width="75">
                        <span data-theme-element="element">{{ tag }}</span>
                        <h3 data-theme-element="element">{{ name }}</h3>
                    </div>
                </div>
            </div>
            <aside data-theme-element="block" data-theme-type="advertisement" data-theme-width="100" data-theme-aliases="MR"></aside>
        </div>
    </div>
</div>