framadate-responsive/src/app/app.component.html

<div
    id='big_container'
    class={{this.config.preferences.themeClass}}
>

    <header class='big-header'>
        <div class='container'>
            <div class='columns'>
                <div class='column'>
                    <framadate-master-head></framadate-master-head>

                </div>
                <div class='column'>
                    <framadate-language></framadate-language>
                </div>
            </div>
        </div>

    </header>

    <main>
        <div class="container">

            <div class="columns">
                <div class="column is-one-quarter">
                    <framadate-theme-selector></framadate-theme-selector>

                    <framadate-navigation
                        *ngIf="config.menuVisible"
                        [step]="step"
                    ></framadate-navigation>
                    <framadate-debugger

                    *ngIf="isDevelopmentEnv"
                    ></framadate-debugger>
                    <p-toast position="top-right"></p-toast>
                </div>
                <div class="column">
                    <router-outlet></router-outlet>
                </div>
            </div>

        </div>

    </main>

</div>