<template>
  <page-content page-title="Error">
    <div class="main-content">
      <section>
        <h2 class="md-headline">Hmmm. Too bad</h2>
        <p>Are you searching for a new component? Or maybe you have an question? Get in touch!</p>
        <md-button class="md-primary md-raised" href="mailto:marcosvmmoura@gmail.com?Subject=Vue%20Material%20-%20Question" target="_blank" rel="noopener">E-mail</md-button>
        <md-button class="md-primary md-raised" href="https://github.com/marcosmoura/vue-material/issues/new" target="_blank" rel="noopener">New Issue</md-button>
      </section>
    </div>
  </page-content>
</template>

<style lang="scss" scoped>
  section {
    margin-top: 64px;
    text-align: center;
  }
</style>
