diff options
Diffstat (limited to 'pages/projects')
| -rw-r--r-- | pages/projects/index.vue | 24 |
1 files changed, 21 insertions, 3 deletions
diff --git a/pages/projects/index.vue b/pages/projects/index.vue index 6f9c676..c8487ce 100644 --- a/pages/projects/index.vue +++ b/pages/projects/index.vue @@ -1,13 +1,31 @@ <template> - <p>test</p> + <v-card> + <header id="showcase"> + <h1 class="display-3">Projects</h1> + <h1>My current and past projects goes here.</h1> + </header> + </v-card> </template> <script> export default { - name: 'projects' + name: 'projects', + head: { + title: 'Projects' + } } </script> <style scoped> - + #showcase { + background-image:url("../../assets/img/landing_page.png"); + background-size: cover; + background-position: center; + height: 30vh; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + padding: 0 20px; + } </style> |