app.component.css

a, p, h1, h2, h3 {
  font-family: "Roboto","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
  color: #546E7A;
}
a {
  color: #1976D2;
}

app.component.html

<h1>
  {{title}}
</h1>

<h2>Where to go from here?</h2>

<ul>
  <li *ngFor="let link of links">
    <a href="{{link.url}}">{{link.label}}</a>
  </li>
</ul>

app.component.ts

import { Component, VERSION } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  public title = `Angular ${VERSION.full} works!`;
  public links = [
    { url: 'https://angular.io/docs/ts/latest/quickstart.html', label: 'Angular Quick Start' },
    { url: 'https://github.com/angular/angular-cli/wiki/Stories', label: 'Angular CLI Story Book' },
    { url: 'https://egghead.io/courses/angular-2-fundamentals', label: 'EggHead\'s Angular 2 Fundamentals' },
  ]
}