wazolab/portfolio
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Add gradient background to Hero component

Browse Source
This commit is contained in:
Noé Viricel
2020-10-26 16:23:34 +01:00
parent e2d34af249
commit c55f59c388
1 changed files with 26 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
components/Hero.vue
View File

@@ -1,26 +1,30 @@
<template>
<div class="rounded-3xl bg-white w-1/2 mx-auto p-6 shadow-xl text-center">
<Logo />
<h1 class="font-mono text-2xl">
wazo-lab.io
</h1>
<div class="mt-4">
<a
href="#projects"
target="_self"
rel="noopener noreferrer"
class="button--green"
>
Projects
</a>
<a
href="#contact-me"
target="_self"
rel="noopener noreferrer"
class="button--grey"
>
Contact Me
</a>
<div
class="h-screen rounded-b-3xl shadow-xl bg-gradient-to-r from-blue-300 to-blue-700 flex items-center"
>
<div class="rounded-3xl bg-white w-1/2 mx-auto p-6 shadow-xl text-center">
<Logo />
<h1 class="font-mono text-2xl">
wazo-lab.io
</h1>
<div class="mt-4">
<a
href="#projects"
target="_self"
rel="noopener noreferrer"
class="button--green"
>
Projects
</a>
<a
href="#contact-me"
target="_self"
rel="noopener noreferrer"
class="button--grey"
>
Contact Me
</a>
</div>
</div>
</div>
</template>