argos/dmp-frontend/src/app/app.component.html

<div class="wrapper">
	<div class="sidebar sidebar-shadow" data-color="danger" data-background-color="white" data-image="./assets/images/logan-troxell-9187-unsplash.jpg">
		<app-sidebar></app-sidebar>
		<div class="sidebar-background" style="background-image: url(./assets/images/logan-troxell-9187-unsplash.jpg)">
		</div>
	</div>
	<div class="main-panel">
		<app-navbar></app-navbar>
		<div>
			<router-outlet (activate)='onActivate($event)' (deactivate)='onDeactivate($event)'></router-outlet>
		</div>
	</div>
</div>
<app-notification></app-notification>


<!-- <app-navigation class="fixed"></app-navigation>

<div class="container-fluid main-container">
	<div class="row" *ngIf="helpContentEnabled">
		<app-help-content position="top"></app-help-content>
	</div>
	<div class="row">
		<div class="col-md-2">
			<app-help-content position="left" *ngIf="helpContentEnabled"></app-help-content>
		</div>
		<div class="col-md-8">
			<app-breadcrumb *ngIf="this.isAuthenticated() && (hasBreadCrumb | async)"></app-breadcrumb>
			<router-outlet (activate)='onActivate($event)' (deactivate)='onDeactivate($event)'></router-outlet>
		</div>
		<div class="col-md-2">
			<app-help-content position="right" *ngIf="helpContentEnabled"></app-help-content>
		</div>
	</div>
	<div class="row" *ngIf="helpContentEnabled">
		<app-help-content position="bottom"></app-help-content>
	</div>
</div>
<app-notification></app-notification> -->