header(class="background-sky l-relative")

    .hero.background-superhero-paper.is-large
        img(class="hero-logo" src='/resources/images/logos/angular2/angular.svg')
        h1.text-headline #{title}<br>#{subtitle}
        a(href="/docs/ts/latest/quickstart.html" class="hero-cta md-raised button button-large button-plain" md-button) Get Started


    announcement-bar
      .announcement-bar-slide.clearfix
        img(src="/resources/images/logos/google/gdd-logo.png" width="64")
        p <strong>Google Developer Day Beijing & Shanghai</strong> 12/2016
        a(href="http://services.google.cn/fb/forms/gddcn2016/" target="_blank" class="button md-button") Register now

      .announcement-bar-slide.clearfix
        img(src="/resources/images/logos/anglebrackets/devintersection.png" width="64")
        p Join us for <strong>DEVintersection Amsterdam</strong> Nov 14-16!
        a(href="https://www.devintersectioneurope.com/#!/" target="_blank" class="button md-button") Register now