D-Net

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="{"target":"[uk-scrollspy-class]","cls":"uk-animation-fade","delay":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'}];

}