connect/src/app/learn-how/learn-how.component.ts

import {Component} from '@angular/core';
import {Breadcrumb} from "../openaireLibrary/utils/breadcrumbs/breadcrumbs.component";

@Component({
  selector: 'learn-how',
  template: `
    <div class="image-front-topbar"
         uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;:false}"
         tm-header-transparent="light" tm-header-transparent-placeholder="">
      <div class="uk-section uk-background-norepeat uk-section-overlap uk-padding-remove-bottom" style="background-color: #E2EEFA !important;">
        <div class="uk-container uk-container-large uk-section uk-padding-remove-bottom uk-margin-medium-top">
          <breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs>
        </div>
      </div>
      <html-page [pageTitle]="pageTitle" [description]="pageDescription"></html-page>
    </div>
  `
})
export class LearnHowComponent {
  public pageTitle: string = "OpenAIRE - Connect | Learn How";
  public pageDescription: string = "Learn the process: Build a Gateway to your community's open and linked research outcomes. Customized to your needs.";
  public breadcrumbs: Breadcrumb[] = [{name: 'home', route: '/'}, {name: 'about'}];
}