doc-gif-img src="/application-frame__left-panel.gif"></doc-gif-img>
            </figure>
        </div>
    </div>
    <h4 class="docs-page__h4 sd-margin-y--3">Example</h4>
    <img class="sd-shadow--z2" src="/example__left-side_panel--01.png" alt="Left-side panel example">
    <p class="docs-page__paragraph"></p>

    <h3 class="docs-page__h3" id="mainContent">Main Content area</h3>
    <p class="docs-page__paragraph">The title explains it all - main content area. This is the place where the content is, w