<section data-id="section-content">
    <%=raw app.core.View.getTemplate( 'gui-navbar' ) %>
    <div class="container">
        <div class="c-offcanvas-content-wrap">
            <div data-id="content"
                 class="content">
            </div>
        </div>
    </div>
    <%=raw app.core.View.getTemplate( 'gui-nav-offscreen' ) %>
</section>

<section data-id="section-auth">
    <section data-id="section-auth-bg-container"
             style="background-repeat: no-repeat; background-size: cover; background-position: center center;background-image:url(img-system/themes/default-bg.jpg);"
             class="overflow-hidden cover-bg-indigo cover-bg-opacity-6 text-left pb_gradient_v1 pb_slant-light">
        <div class="container">
            <div class="row align-items-center justify-content-center">
                <div data-id="auth-content"
                     class="col-md-5 relative align-self-center">
                </div>
            </div>
        </div>
    </section>
    <%=raw app.core.View.getTemplate( 'auth-footer' ) %>
</section>

<!-- start: General UI elements -->
<%=raw app.core.View.getTemplate( 'gui-general-modal' ) %>
<!-- stop: General UI elements -->

<div class="container">
    <!-- start: Floatin action button -->
    <div data-id="container-actionbutton"></div>
    <!-- stop: Floatin action button -->
</div>