Add ProjectCard component
This commit is contained in:
parent
7bd69db3e3
commit
9b8695eb52
2 changed files with 28 additions and 15 deletions
17
src/components/ProjectCard.vue
Normal file
17
src/components/ProjectCard.vue
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
<template>
|
||||
<article class="w-full sm:w-1/2 md:w-1/3 px-4 mb-8">
|
||||
<div class="bg-gray-100 shadow-lg rounded overflow-hidden">
|
||||
<div class="p-6">
|
||||
<h2 class="font-bold text-gray-800">Drupal Bristol</h2>
|
||||
|
||||
<p class="text-gray-600">accounts-partners</p>
|
||||
|
||||
<img src="/download.jpeg" alt="" class="shadow-2xl rounded mt-4">
|
||||
</div>
|
||||
|
||||
<div class="bg-white py-5 px-8 -mt-24 relative">
|
||||
<p>Europe (West 1)</p>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</template>
|
||||
Reference in a new issue