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/anglebrackets/anglebrackets.png" width="64")
        p Join us for <strong>Anglebrackets in Las Vegas</strong> Oct 25-28!
        a(href="https://anglebrackets.org/#!/" target="_blank" class="button md-button") Register now