arthur/website-old
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/website-old.git synced 2026-01-28 10:50:36 +01:00
Code Issues 31 Packages Projects Releases Wiki Activity

Working

Browse Source
This commit is contained in:
Arthur Danjou
2021-08-31 19:47:12 +02:00
parent 65fbc1e476
commit 33f01ea731
3 changed files with 26 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/images/memojies/HandUp.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 130 KiB

2
src/components/AdHome.vue
View File

@@ -19,7 +19,7 @@
<nuxt-link to="/contact"> <nuxt-link to="/contact">
<Ad color="blue" class="w-full flex flex-col justify-between items-center"> <Ad color="blue" class="w-full flex flex-col justify-between items-center">
<div> <div>
<img class="h-64" src="~/assets/images/memojies/Fiesta.png" alt="Fiesta Memoji" /> <img class="h-64" src="~/assets/images/memojies/HandUp.png" alt="HandUp Memoji" />
</div> </div>
<div> <div>
<h1 class="font-bold text-black text-4xl"> <h1 class="font-bold text-black text-4xl">

38
src/pages/services.vue
View File

@@ -2,9 +2,9 @@
<main class="flex flex-col items-center px-4 xl:px-32"> <main class="flex flex-col items-center px-4 xl:px-32">
<PageTitle title="part.services" /> <PageTitle title="part.services" />
<p class="text-justify text-gray-700 dark:text-gray-400 text-xl my-8">{{ $t('services.description') }}</p> <p class="text-justify text-gray-700 dark:text-gray-400 text-xl my-8">{{ $t('services.description') }}</p>
<div class="flex flex-col lg:(flex-row) justify-around items-center pt-10 w-full"> <section class="flex flex-col lg:(flex-row) justify-around items-center pt-10 w-full mb-20">
<div class="grid grid-cols-1 gap-x-12 mb-20 sm:grid-cols-3 w-full"> <div class="grid grid-cols-1 md:gap-x-12 md:mb-20 md:grid-cols-3 w-full">
<div class="flex justify-center"> <div class="flex justify-start mb-8 md:justify-center">
<ServicePart title="services.1.title"> <ServicePart title="services.1.title">
<template v-slot:icon> <template v-slot:icon>
<CompassIcon /> <CompassIcon />
@@ -21,7 +21,7 @@
</template> </template>
</ServicePart> </ServicePart>
</div> </div>
<div class="flex justify-center"> <div class="flex justify-center mb-8">
<ServicePart title="services.2.title"> <ServicePart title="services.2.title">
<template v-slot:icon> <template v-slot:icon>
<DesignIcon /> <DesignIcon />
@@ -39,7 +39,7 @@
</template> </template>
</ServicePart> </ServicePart>
</div> </div>
<div class="flex justify-center"> <div class="flex justify-end md:justify-center">
<ServicePart title="services.3.title"> <ServicePart title="services.3.title">
<template v-slot:icon> <template v-slot:icon>
<CodeIcon /> <CodeIcon />
@@ -59,15 +59,27 @@
</ServicePart> </ServicePart>
</div> </div>
</div> </div>
</div> </section>
<div> <section class="mb-20">
Workflow Workflow
</div> </section>
<div> <section class="w-full lg:w-4/5">
<Ad color="green"> <nuxt-link to="/contact">
GOTO Contact <Ad color="green" class="flex flex-col lg:flex-row">
</Ad> <div class="lg:w-1/2 flex justify-center">
</div> <img class="h-48 lg:h-64" src="~/assets/images/memojies/Fiesta.png" alt="Fiesta Memoji" />
</div>
<div class="group flex flex-col items-center justify-center lg:w-3/4 p-4 text-justify">
<h1 class="font-bold text-black text-2xl lg:text-4xl mb-4">
{{ $t('services.ad.title') }}
</h1>
<p class="text-lg lg:text-xl text-gray-700">
{{ $t('services.ad.description') }}
</p>
</div>
</Ad>
</nuxt-link>
</section>
</main> </main>
</template> </template>