Asymmetrik/ngx-starter

<a class="skip-link" href="#" (click)="skipToMainContent($event)"> Skip to main content </a>

<!-- Site Header -->
<header class="site-header">
    @if (bannerHtml()) {
        <div class="site-banner header-banner" [innerHtml]="bannerHtml()"></div>
    }
</header>

<!-- Site content -->
<section class="site-body">
    <site-navbar>
        <main class="site-content h-100 overflow-auto" id="app-content" cdkScrollable tabindex="-1">
            <ng-content />
        </main>
    </site-navbar>
</section>

<!-- Site Footer -->
<footer class="site-footer">
    @if (copyrightHtml()) {
        <div class="site-banner copyright-banner" [innerHtml]="copyrightHtml()"></div>
    }
    @if (bannerHtml()) {
        <div class="site-banner footer-banner" [innerHtml]="bannerHtml()"></div>
    }
</footer>

@if (isAuthenticated() && showFeedbackFlyout()) {
    <app-feedback-flyout />
}