1 | <template>
|
2 | <header>
|
3 | <section class="paddingTop40">
|
4 |
|
5 | <div class="displayTable marginLeftAuto marginRightAuto">
|
6 |
|
7 | <div class="displayTableCell widthTwelve verticalMiddle">
|
8 | <h1 class="marginBottom10 marginTop0">
|
9 | vueform
|
10 | </h1>
|
11 | <div class="fontSize18 fontWeight500 lineHeight32">
|
12 | Form validation for
|
13 | <a href="https://vuejs.org" class="link border">Vue.js</a>
|
14 | powered by HTML5 from
|
15 | <a href="https://optick.io/" class="link border">Optick</a> and
|
16 | <a href="https://www.goodstartgenetics.com" class="link border">
|
17 | Good Start Genetics
|
18 | </a>
|
19 | </div>
|
20 | </div>
|
21 |
|
22 | <div class="displayTableCell width100 verticalMiddle textCenter">
|
23 | <a class="link" href="https://github.com/optick/vueform">
|
24 | <git-hub-icon></git-hub-icon>
|
25 | </a>
|
26 | </div>
|
27 |
|
28 | </section>
|
29 | </header>
|
30 | </template>
|
31 |
|
32 | <script>
|
33 | import GitHubIcon from './GitHubIcon'
|
34 |
|
35 | export default {
|
36 | name: 'SiteHeader',
|
37 | components: { GitHubIcon }
|
38 | }
|
39 | </script>
|