You can pass an existing component as content of the modal window. In this case remember to add content component\\r\\nas an entryComponents section of your NgModule.
This is the paragraph where you can write more details about your product. Keep you user engaged by providing meaningful information. Remember that by this time, the user is curious, otherwise he wouldn't scroll to get here. Add a button if you want the user to see more.
\\r\\n Teamwork is so important that it is virtually impossible for you to reach the heights of your capabilities or make the money that you want without becoming very good at it.\\r\\n
\\r\\n A group becomes a team when each member is sure enough of himself and his contribution to praise the skill of the others. No one can whistle a symphony. It takes an orchestra to play it.\\r\\n
\\r\\n The strength of the team is each individual member. The strength of each member is the team. If you can laugh together, you can work together, silence isn’t golden, it’s deadly.\\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
Keep in touch?
\\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n\"","export default \"
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n
Jane Faker
\\r\\n
Music Producer
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
An artist of considerable range, Jane Faker — the name taken by Melbourne-raised, Brooklyn-based Nick Murphy — writes, performs and records all of his own music, giving it a warm, intimate feel with a solid groove structure.
\\r\\n\"","export default \"\\r\\n\"","export default \"\\r\\n\"","function webpackEmptyAsyncContext(req) {\n\t// Here Promise.resolve().then() is used instead of new Promise() to prevent\n\t// uncaught exception popping up in devtools\n\treturn Promise.resolve().then(function() {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t});\n}\nwebpackEmptyAsyncContext.keys = function() { return []; };\nwebpackEmptyAsyncContext.resolve = webpackEmptyAsyncContext;\nmodule.exports = webpackEmptyAsyncContext;\nwebpackEmptyAsyncContext.id = \"./src/$$_lazy_route_resource lazy recursive\";","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2FwcC5jb21wb25lbnQuc2NzcyJ9 */\"","import { Component, OnInit, Inject, Renderer2, ElementRef, ViewChild } from '@angular/core';\r\nimport { Router, NavigationEnd } from '@angular/router';\r\nimport { Subscription } from 'rxjs/Subscription';\r\nimport 'rxjs/add/operator/filter';\r\nimport { DOCUMENT } from '@angular/common';\r\nimport { LocationStrategy, PlatformLocation, Location } from '@angular/common';\r\nimport { NavbarComponent } from './shared/navbar/navbar.component';\r\n\r\n@Component({\r\n selector: 'app-root',\r\n templateUrl: './app.component.html',\r\n styleUrls: ['./app.component.scss']\r\n})\r\nexport class AppComponent implements OnInit {\r\n private _router: Subscription;\r\n @ViewChild(NavbarComponent) navbar: NavbarComponent;\r\n\r\n constructor( private renderer : Renderer2, private router: Router, @Inject(DOCUMENT,) private document: any, private element : ElementRef, public location: Location) {}\r\n ngOnInit() {\r\n var navbar : HTMLElement = this.element.nativeElement.children[0].children[0];\r\n this._router = this.router.events.filter(event => event instanceof NavigationEnd).subscribe((event: NavigationEnd) => {\r\n if (window.outerWidth > 991) {\r\n window.document.children[0].scrollTop = 0;\r\n }else{\r\n window.document.activeElement.scrollTop = 0;\r\n }\r\n this.navbar.sidebarClose();\r\n });\r\n this.renderer.listen('window', 'scroll', (event) => {\r\n const number = window.scrollY;\r\n if (number > 150 || window.pageYOffset > 150) {\r\n // add logic\r\n navbar.classList.remove('navbar-transparent');\r\n } else {\r\n // remove logic\r\n navbar.classList.add('navbar-transparent');\r\n }\r\n });\r\n var ua = window.navigator.userAgent;\r\n var trident = ua.indexOf('Trident/');\r\n if (trident > 0) {\r\n // IE 11 => return version number\r\n var rv = ua.indexOf('rv:');\r\n var version = parseInt(ua.substring(rv + 3, ua.indexOf('.', rv)), 10);\r\n }\r\n if (version) {\r\n var body = document.getElementsByTagName('body')[0];\r\n body.classList.add('ie-background');\r\n\r\n }\r\n\r\n }\r\n removeFooter() {\r\n var titlee = this.location.prepareExternalUrl(this.location.path());\r\n titlee = titlee.slice( 1 );\r\n if(titlee === 'signup' || titlee === 'nucleoicons'){\r\n return false;\r\n }\r\n else {\r\n return true;\r\n }\r\n }\r\n}\r\n","import { BrowserModule } from '@angular/platform-browser';\r\nimport { NgModule } from '@angular/core';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { NgbModule } from '@ng-bootstrap/ng-bootstrap';\r\nimport { RouterModule } from '@angular/router';\r\nimport { AppRoutingModule } from './app.routing';\r\n\r\nimport { AppComponent } from './app.component';\r\nimport { NavbarComponent } from './shared/navbar/navbar.component';\r\nimport { FooterComponent } from './shared/footer/footer.component';\r\n\r\nimport { ComponentsModule } from './components/components.module';\r\nimport { ExamplesModule } from './examples/examples.module';\r\n\r\n\r\n@NgModule({\r\n declarations: [\r\n AppComponent,\r\n NavbarComponent,\r\n FooterComponent\r\n ],\r\n imports: [\r\n BrowserModule,\r\n NgbModule,\r\n FormsModule,\r\n RouterModule,\r\n ComponentsModule,\r\n ExamplesModule,\r\n AppRoutingModule,\r\n ],\r\n providers: [],\r\n bootstrap: [AppComponent]\r\n})\r\nexport class AppModule { }\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule, } from '@angular/common';\r\nimport { BrowserModule } from '@angular/platform-browser';\r\nimport { Routes, RouterModule } from '@angular/router';\r\n\r\nimport { ComponentsComponent } from './components/components.component';\r\nimport { scheduleIndoorComponent } from './components/scheduleIndoor/scheduleIndoor.component';\r\nimport { scheduleOutdoorComponent } from './components/scheduleOutdoor/scheduleOutdoor.component';\r\nimport { subscriptionComponent } from './components/subscription/subscription.component';\r\nimport { eventsComponent } from './components/events/events.component'\r\nimport { ProfileComponent } from './examples/profile/profile.component';\r\nimport { SignupComponent } from './examples/signup/signup.component';\r\nimport { LandingComponent } from './examples/landing/landing.component';\r\nimport { NucleoiconsComponent } from './components/nucleoicons/nucleoicons.component';\r\nimport { boardMembersComponent } from './components/board/boardMembers.component';\r\n\r\nconst routes: Routes =[\r\n { path: '', redirectTo: 'home', pathMatch: 'full' },\r\n { path: 'home', component: ComponentsComponent },\r\n { path: 'scheduleIndoor', component: scheduleIndoorComponent},\r\n { path: 'scheduleOutdoor', component: scheduleOutdoorComponent},\r\n { path: 'events', component: eventsComponent},\r\n { path: 'boardMembers', component: boardMembersComponent},\r\n { path: 'subscription', component: subscriptionComponent},\r\n { path: 'user-profile', component: ProfileComponent },\r\n { path: 'signup', component: SignupComponent },\r\n { path: 'landing', component: LandingComponent },\r\n { path: 'nucleoicons', component: NucleoiconsComponent }\r\n];\r\n\r\n@NgModule({\r\n imports: [\r\n CommonModule,\r\n BrowserModule,\r\n RouterModule.forRoot(routes,{\r\n useHash: true\r\n })\r\n ],\r\n exports: [\r\n ],\r\n})\r\nexport class AppRoutingModule { }\r\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvYm9hcmQvYm9hcmRNZW1iZXJzLmNvbXBvbmVudC5zY3NzIn0= */\"","import { Component, OnInit } from '@angular/core';\r\nimport { Location, LocationStrategy, PathLocationStrategy } from '@angular/common';\r\n\r\n@Component({\r\n selector: 'app-boardMembers',\r\n templateUrl: './boardMembers.component.html',\r\n styleUrls: ['./boardMembers.component.scss']\r\n})\r\nexport class boardMembersComponent implements OnInit {\r\n simpleSlider = 40;\r\n doubleSlider = [20, 60];\r\n state_default: boolean = true;\r\n focus: any;\r\n constructor(public location: Location) {\r\n \r\n }\r\n\r\n ngOnInit() {}\r\n\r\n isSelf() {\r\n var titlee = this.location.prepareExternalUrl(this.location.path());\r\n \r\n if(titlee.charAt(0) === '#'){\r\n titlee = titlee.slice( 1 );\r\n }\r\n if( titlee === '/boardMembers' ) {\r\n return true;\r\n }\r\n else {\r\n return false;\r\n }\r\n }\r\n}\r\n","import { Component, OnInit, Renderer2 } from '@angular/core';\r\nimport { NgbDateStruct } from '@ng-bootstrap/ng-bootstrap';\r\n\r\n@Component({\r\n selector: 'app-components',\r\n templateUrl: './components.component.html',\r\n styles: [`\r\n ngb-progressbar {\r\n margin-top: 5rem;\r\n }\r\n `]\r\n})\r\n\r\nexport class ComponentsComponent implements OnInit {\r\n page = 4;\r\n page1 = 5;\r\n focus;\r\n focus1;\r\n focus2;\r\n date: {year: number, month: number};\r\n model: NgbDateStruct;\r\n constructor( private renderer : Renderer2) {}\r\n isWeekend(date: NgbDateStruct) {\r\n const d = new Date(date.year, date.month - 1, date.day);\r\n return d.getDay() === 0 || d.getDay() === 6;\r\n }\r\n\r\n isDisabled(date: NgbDateStruct, current: {month: number}) {\r\n return date.month !== current.month;\r\n }\r\n\r\n ngOnInit() {\r\n let input_group_focus = document.getElementsByClassName('form-control');\r\n let input_group = document.getElementsByClassName('input-group');\r\n for (let i = 0; i < input_group.length; i++) {\r\n input_group[i].children[0].addEventListener('focus', function (){\r\n input_group[i].classList.add('input-group-focus');\r\n });\r\n input_group[i].children[0].addEventListener('blur', function (){\r\n input_group[i].classList.remove('input-group-focus');\r\n });\r\n }\r\n }\r\n\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { NgbModule } from '@ng-bootstrap/ng-bootstrap';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { NouisliderModule } from 'ng2-nouislider';\r\nimport { JwBootstrapSwitchNg2Module } from 'jw-bootstrap-switch-ng2';\r\nimport { RouterModule } from '@angular/router';\r\n\r\nimport { scheduleIndoorComponent } from './scheduleIndoor/scheduleIndoor.component';\r\n//import { scheduleOutdoorComponent } from './scheduleOutdoor/scheduleOutdoor.component';\r\nimport { subscriptionComponent } from './subscription/subscription.component';\r\nimport { NavigationComponent } from './navigation/navigation.component';\r\nimport { TypographyComponent } from './typography/typography.component';\r\nimport { NucleoiconsComponent } from './nucleoicons/nucleoicons.component';\r\nimport { ComponentsComponent } from './components.component';\r\nimport { NotificationComponent } from './notification/notification.component';\r\nimport { NgbdModalComponent } from './modal/modal.component';\r\nimport { NgbdModalContent } from './modal/modal.component';\r\nimport { boardMembersComponent } from './board/boardMembers.component';\r\nimport { eventsComponent} from './events/events.component';\r\n\r\n@NgModule({\r\n imports: [\r\n CommonModule,\r\n FormsModule,\r\n NgbModule,\r\n NouisliderModule,\r\n RouterModule,\r\n JwBootstrapSwitchNg2Module\r\n ],\r\n declarations: [\r\n ComponentsComponent,\r\n scheduleIndoorComponent,\r\n //scheduleOutdoorComponent,\r\n subscriptionComponent,\r\n NavigationComponent,\r\n TypographyComponent,\r\n NucleoiconsComponent,\r\n NotificationComponent,\r\n NgbdModalComponent,\r\n NgbdModalContent,\r\n boardMembersComponent,\r\n eventsComponent \r\n ],\r\n entryComponents: [NgbdModalContent],\r\n exports:[ ComponentsComponent ]\r\n})\r\nexport class ComponentsModule { }\r\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvZXZlbnRzL2V2ZW50cy5jb21wb25lbnQuc2NzcyJ9 */\"","import { Component, OnInit } from '@angular/core';\r\nimport { Location, LocationStrategy, PathLocationStrategy } from '@angular/common';\r\n\r\n@Component({\r\n selector: 'app-events',\r\n templateUrl: './events.component.html',\r\n styleUrls: ['./events.component.scss']\r\n})\r\nexport class eventsComponent implements OnInit {\r\n simpleSlider = 40;\r\n doubleSlider = [20, 60];\r\n state_default: boolean = true;\r\n focus: any;\r\n constructor(public location: Location) {\r\n \r\n }\r\n\r\n ngOnInit() {}\r\n\r\n isEvents() {\r\n var titlee = this.location.prepareExternalUrl(this.location.path());\r\n \r\n if(titlee.charAt(0) === '#'){\r\n titlee = titlee.slice( 1 );\r\n }\r\n if( titlee === '/events' ) {\r\n return true;\r\n }\r\n else {\r\n return false;\r\n }\r\n }\r\n}\r\n","import {Component, Input} from '@angular/core';\r\nimport {NgbModal, NgbActiveModal} from '@ng-bootstrap/ng-bootstrap';\r\n\r\n@Component({\r\n selector: 'app-modal-content',\r\n template: `\r\n
\r\n
Modal title
\r\n \r\n
\r\n
Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth. Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.\r\n
\r\n \r\n `\r\n})\r\nexport class NgbdModalContent {\r\n @Input() name;\r\n\r\n constructor(public activeModal: NgbActiveModal) {}\r\n}\r\n\r\n@Component({\r\n selector: 'app-modal-component',\r\n templateUrl: './modal.component.html'\r\n})\r\nexport class NgbdModalComponent {\r\n constructor(private modalService: NgbModal) {}\r\n open() {\r\n const modalRef = this.modalService.open(NgbdModalContent);\r\n modalRef.componentInstance.name = 'World';\r\n }\r\n}\r\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvbmF2aWdhdGlvbi9uYXZpZ2F0aW9uLmNvbXBvbmVudC5zY3NzIn0= */\"","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-navigation',\r\n templateUrl: './navigation.component.html',\r\n styleUrls: ['./navigation.component.scss']\r\n})\r\nexport class NavigationComponent implements OnInit {\r\n\r\n constructor() { }\r\n\r\n ngOnInit() {}\r\n\r\n}\r\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvbm90aWZpY2F0aW9uL25vdGlmaWNhdGlvbi5jb21wb25lbnQuc2NzcyJ9 */\"","import { Input, Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-notification',\r\n templateUrl: './notification.component.html',\r\n styleUrls: ['./notification.component.scss']\r\n})\r\n\r\nexport class NotificationComponent {\r\n @Input()\r\n public alerts: Array = [];\r\n private backup: Array;\r\n\r\n constructor() {\r\n this.alerts.push({\r\n id: 1,\r\n type: 'success',\r\n message: 'This is an success alert',\r\n }, {\r\n id: 2,\r\n type: 'info',\r\n message: 'This is an info alert',\r\n }, {\r\n id: 3,\r\n type: 'warning',\r\n message: 'This is a warning alert',\r\n icon: 'nc-bell-55'\r\n }, {\r\n id: 4,\r\n type: 'danger',\r\n message: 'This is a danger alert',\r\n icon: 'nc-bell-55'\r\n });\r\n this.backup = this.alerts.map((alert: IAlert) => Object.assign({}, alert));\r\n }\r\n\r\n public closeAlert(alert: IAlert) {\r\n const index: number = this.alerts.indexOf(alert);\r\n this.alerts.splice(index, 1);\r\n }\r\n}\r\n\r\nexport interface IAlert {\r\n id: number;\r\n type: string;\r\n message: string;\r\n icon?: string;\r\n}\r\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvbnVjbGVvaWNvbnMvbnVjbGVvaWNvbnMuY29tcG9uZW50LnNjc3MifQ== */\"","import { Component, OnInit, Inject, Renderer2, ElementRef, OnDestroy } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-nucleoicons',\r\n templateUrl: './nucleoicons.component.html',\r\n styleUrls: ['./nucleoicons.component.scss']\r\n})\r\nexport class NucleoiconsComponent implements OnInit, OnDestroy {\r\n\r\n constructor( private element : ElementRef) {}\r\n\r\n ngOnInit() {\r\n const body = document.getElementsByTagName('app-nucleoicons')[0];\r\n let navbar = document.getElementsByTagName('app-navbar')[0].children[0];\r\n navbar.classList.add('navbar-hidden');\r\n body.classList.add('demo-icons');\r\n }\r\n\r\n ngOnDestroy(){\r\n let navbar = document.getElementsByTagName('app-navbar')[0].children[0];\r\n navbar.classList.remove('navbar-hidden');\r\n }\r\n}\r\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvc2NoZWR1bGVJbmRvb3Ivc2NoZWR1bGVJbmRvb3IuY29tcG9uZW50LnNjc3MifQ== */\"","import { Component, OnInit } from '@angular/core';\r\nimport { Location, LocationStrategy, PathLocationStrategy } from '@angular/common';\r\n\r\n@Component({\r\n selector: 'app-scheduleIndoor',\r\n templateUrl: './scheduleIndoor.component.html',\r\n styleUrls: ['./scheduleIndoor.component.scss']\r\n})\r\nexport class scheduleIndoorComponent implements OnInit {\r\n simpleSlider = 40;\r\n doubleSlider = [20, 60];\r\n state_default: boolean = true;\r\n focus: any;\r\n constructor(public location: Location) {\r\n \r\n }\r\n\r\n ngOnInit() {}\r\n\r\n isSelf() {\r\n var titlee = this.location.prepareExternalUrl(this.location.path());\r\n \r\n if(titlee.charAt(0) === '#'){\r\n titlee = titlee.slice( 1 );\r\n }\r\n if( titlee === '/scheduleIndoor' ) {\r\n return true;\r\n }\r\n else {\r\n return false;\r\n }\r\n }\r\n}\r\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvc2NoZWR1bGVPdXRkb29yL3NjaGVkdWxlT3V0ZG9vci5jb21wb25lbnQuc2NzcyJ9 */\"","import { Component, OnInit } from '@angular/core';\r\nimport { Location, LocationStrategy, PathLocationStrategy } from '@angular/common';\r\n\r\n@Component({\r\n selector: 'app-scheduleIndoor',\r\n templateUrl: './scheduleOutdoor.component.html',\r\n styleUrls: ['./scheduleOutdoor.component.scss']\r\n})\r\nexport class scheduleOutdoorComponent implements OnInit {\r\n simpleSlider = 40;\r\n doubleSlider = [20, 60];\r\n state_default: boolean = true;\r\n focus: any;\r\n constructor(public location: Location) {\r\n \r\n }\r\n\r\n ngOnInit() {}\r\n\r\n isSelf() {\r\n var titlee = this.location.prepareExternalUrl(this.location.path());\r\n \r\n if(titlee.charAt(0) === '#'){\r\n titlee = titlee.slice( 1 );\r\n }\r\n if( titlee === '/scheduleOutdoor' ) {\r\n return true;\r\n }\r\n else {\r\n return false;\r\n }\r\n }\r\n}\r\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvc3Vic2NyaXB0aW9uL3N1YnNjcmlwdGlvbi5jb21wb25lbnQuc2NzcyJ9 */\"","import { Component, OnInit } from '@angular/core';\r\nimport { Location, LocationStrategy, PathLocationStrategy } from '@angular/common';\r\n\r\n@Component({\r\n selector: 'app-subscription',\r\n templateUrl: './subscription.component.html',\r\n styleUrls: ['./subscription.component.scss']\r\n})\r\nexport class subscriptionComponent implements OnInit {\r\n simpleSlider = 40;\r\n doubleSlider = [20, 60];\r\n state_default: boolean = true;\r\n focus: any;\r\n constructor(public location: Location) {\r\n\r\n }\r\n\r\n ngOnInit() { }\r\n\r\n isSelf() {\r\n var titlee = this.location.prepareExternalUrl(this.location.path());\r\n \r\n if (titlee.charAt(0) === '#') {\r\n titlee = titlee.slice(1);\r\n }\r\n if (titlee === '/subscription') {\r\n return true;\r\n }\r\n else {\r\n return false;\r\n }\r\n }\r\n}\r\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvdHlwb2dyYXBoeS90eXBvZ3JhcGh5LmNvbXBvbmVudC5zY3NzIn0= */\"","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-typography',\r\n templateUrl: './typography.component.html',\r\n styleUrls: ['./typography.component.scss']\r\n})\r\nexport class TypographyComponent implements OnInit {\r\n\r\n constructor() { }\r\n\r\n ngOnInit() {}\r\n\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { NgbModule } from '@ng-bootstrap/ng-bootstrap';\r\n\r\nimport { LandingComponent } from './landing/landing.component';\r\nimport { ProfileComponent } from './profile/profile.component';\r\nimport { SignupComponent } from './signup/signup.component';\r\n\r\n@NgModule({\r\n imports: [\r\n CommonModule,\r\n FormsModule,\r\n NgbModule,\r\n ],\r\n declarations: [\r\n LandingComponent,\r\n SignupComponent,\r\n ProfileComponent\r\n ]\r\n})\r\nexport class ExamplesModule { }\r\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2V4YW1wbGVzL2xhbmRpbmcvbGFuZGluZy5jb21wb25lbnQuc2NzcyJ9 */\"","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-landing',\r\n templateUrl: './landing.component.html',\r\n styleUrls: ['./landing.component.scss']\r\n})\r\n\r\nexport class LandingComponent implements OnInit {\r\n focus: any;\r\n focus1: any;\r\n\r\n constructor() { }\r\n\r\n ngOnInit() {}\r\n\r\n}\r\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2V4YW1wbGVzL3Byb2ZpbGUvcHJvZmlsZS5jb21wb25lbnQuc2NzcyJ9 */\"","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-profile',\r\n templateUrl: './profile.component.html',\r\n styleUrls: ['./profile.component.scss']\r\n})\r\n\r\nexport class ProfileComponent implements OnInit {\r\n\r\n constructor() { }\r\n\r\n ngOnInit() {}\r\n\r\n}\r\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2V4YW1wbGVzL3NpZ251cC9zaWdudXAuY29tcG9uZW50LnNjc3MifQ== */\"","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-signup',\r\n templateUrl: './signup.component.html',\r\n styleUrls: ['./signup.component.scss']\r\n})\r\nexport class SignupComponent implements OnInit {\r\n test : Date = new Date();\r\n focus;\r\n focus1;\r\n constructor() { }\r\n\r\n ngOnInit() {}\r\n}\r\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3NoYXJlZC9mb290ZXIvZm9vdGVyLmNvbXBvbmVudC5zY3NzIn0= */\"","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-footer',\r\n templateUrl: './footer.component.html',\r\n styleUrls: ['./footer.component.scss']\r\n})\r\nexport class FooterComponent implements OnInit {\r\n test : Date = new Date();\r\n\r\n constructor() { }\r\n\r\n ngOnInit() {}\r\n}\r\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3NoYXJlZC9uYXZiYXIvbmF2YmFyLmNvbXBvbmVudC5zY3NzIn0= */\"","import { Component, OnInit, ElementRef } from '@angular/core';\r\nimport { Location, LocationStrategy, PathLocationStrategy } from '@angular/common';\r\n\r\n@Component({\r\n selector: 'app-navbar',\r\n templateUrl: './navbar.component.html',\r\n styleUrls: ['./navbar.component.scss']\r\n})\r\nexport class NavbarComponent implements OnInit {\r\n private toggleButton: any;\r\n private sidebarVisible: boolean;\r\n\r\n constructor(public location: Location, private element : ElementRef) {\r\n this.sidebarVisible = false;\r\n }\r\n\r\n ngOnInit() {\r\n const navbar: HTMLElement = this.element.nativeElement;\r\n this.toggleButton = navbar.getElementsByClassName('navbar-toggler')[0];\r\n }\r\n sidebarOpen() {\r\n const toggleButton = this.toggleButton;\r\n const html = document.getElementsByTagName('html')[0];\r\n // console.log(html);\r\n // console.log(toggleButton, 'toggle');\r\n\r\n setTimeout(function(){\r\n toggleButton.classList.add('toggled');\r\n }, 500);\r\n html.classList.add('nav-open');\r\n\r\n this.sidebarVisible = true;\r\n };\r\n sidebarClose() {\r\n const html = document.getElementsByTagName('html')[0];\r\n // console.log(html);\r\n this.toggleButton.classList.remove('toggled');\r\n this.sidebarVisible = false;\r\n html.classList.remove('nav-open');\r\n };\r\n sidebarToggle() {\r\n // const toggleButton = this.toggleButton;\r\n // const body = document.getElementsByTagName('body')[0];\r\n if (this.sidebarVisible === false) {\r\n this.sidebarOpen();\r\n } else {\r\n this.sidebarClose();\r\n }\r\n };\r\n isSelf() {\r\n var titlee = this.location.prepareExternalUrl(this.location.path());\r\n \r\n if(titlee.charAt(0) === '#'){\r\n titlee = titlee.slice( 1 );\r\n }\r\n if( titlee === '/home' ) {\r\n return true;\r\n }\r\n else {\r\n return false;\r\n }\r\n }\r\n isDocumentation() {\r\n var titlee = this.location.prepareExternalUrl(this.location.path());\r\n if(titlee.charAt(0) === '#'){\r\n titlee = titlee.slice( 1 );\r\n }\r\n if( titlee === '/documentation' ) {\r\n return true;\r\n }\r\n else {\r\n return false;\r\n }\r\n }\r\n}\r\n","// The file contents for the current environment will overwrite these during build.\r\n// The build system defaults to the dev environment which uses `environment.ts`, but if you do\r\n// `ng build --env=prod` then `environment.prod.ts` will be used instead.\r\n// The list of which env maps to which file can be found in `.angular-cli.json`.\r\n\r\nexport const environment = {\r\n production: false\r\n};\r\n","/*!\r\n\r\n =========================================================\r\n * Paper Kit 2 Angular - v1.3.0\r\n =========================================================\r\n\r\n * Product Page: https://www.creative-tim.com/product/paper-kit-2-angular\r\n * Copyright 2017 Creative Tim (https://www.creative-tim.com)\r\n * Licensed under MIT (https://github.com/timcreative/paper-kit/blob/master/LICENSE.md)\r\n\r\n =========================================================\r\n\r\n * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\r\n */\r\nimport { enableProdMode } from '@angular/core';\r\nimport { platformBrowserDynamic } from '@angular/platform-browser-dynamic';\r\n\r\nimport { AppModule } from './app/app.module';\r\nimport { environment } from './environments/environment';\r\n\r\nif (environment.production) {\r\n enableProdMode();\r\n}\r\n\r\nplatformBrowserDynamic().bootstrapModule(AppModule);\r\n"],"sourceRoot":"webpack:///"}
![\\\"Rounded](\\\"assets/img/faces/Karin.png\\\")
\\r\\n \\r\\n ![\\\"Rounded](\\\"assets/img/faces/Trine.jpg\\\")
\\r\\n \\r\\n ![\\\"Rounded](\\\"assets/img/faces/Amanda.png\\\")
\\r\\n \\r\\n ![\\\"Rounded](\\\"assets/img/faces/Ditte.jpg\\\")
\\r\\n \\r\\n ![\\\"Rounded](\\\"assets/img/faces/Tine.jpg\\\")
\\r\\n \\r\\n ![\\\"\\\"](\\\"assets/img/image1.png\\\")
\\r\\n ![\\\"\\\"](\\\"assets/img/fog-low.png\\\")
\\r\\n ![\\\"Random](\\\"./././assets/img/cup/cup1.jpg\\\")
\\r\\n ![\\\"Random](\\\"./././assets/img/cup/cup2.jpg\\\")
\\r\\n ![\\\"Random](\\\"./././assets/img/cup/cup3.jpg\\\")
\\r\\n ![\\\"Random](\\\"./././assets/img/cup/cup4.jpg\\\")
\\r\\n ![\\\"Random](\\\"./././assets/img/Ll\\\\ll1.jpeg\\\")
\\r\\n ![\\\"Random](\\\"./././assets/img/Ll\\\\ll2.jpeg\\\")
\\r\\n ![\\\"Random](\\\"./././assets/img/Ll\\\\ll3.jpeg\\\")
\\r\\n ![\\\"Random](\\\"./././assets/img/Ll\\\\ll4.jpeg\\\")
\\r\\n ![\\\"Random](\\\"./././assets/img/Ll\\\\ll5.jpeg\\\")
\\r\\n ![\\\"Rounded](\\\"assets/img/faces/Kent.jpg\\\")
\\r\\n \\r\\n ![\\\"...\\\"](\\\"./assets/img/faces/clem-onojeghuo-3.jpg\\\")
![\\\"...\\\"](\\\"./assets/img/faces/joe-gardner-2.jpg\\\")
![\\\"...\\\"](\\\"./assets/img/faces/erik-lucatero-2.jpg\\\")
![\\\"Circle](\\\"./assets/img/faces/clem-onojeghuo-2.jpg\\\")
\\r\\n ![\\\"Circle](\\\"./assets/img/faces/ayo-ogunseinde-2.jpg\\\")
\\r\\n