connect/src/app/learn-how/learnInDepth/learn-in-depth.component.ts

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

@Component({
  selector: 'learn-in-depth',
  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 LearnInDepthComponent {
  public pageTitle: string = "OpenAIRE - Connect | Learn In Depth";
  public pageDescription: string = "Work in 4 collaborative steps to identify your needs, putting in practice our expertise on open science so you get the most out of OpenAIRE’s operational services.";
  public breadcrumbs: Breadcrumb[] = [{name: 'home', route: '/'}, {name: 'about', route: '/about'}, {name: 'learn in-depth'}];
}