aboutsummaryrefslogtreecommitdiff
path: root/pages/projects/index.vue
blob: c8487cec46c62ab170cfd5b106372f2fff4a75c9 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<template>
        <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',
  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>