Add workflow and translate page

This commit is contained in:
2021-08-31 21:48:49 +02:00
parent 713599a0db
commit fa8a90c117
3 changed files with 99 additions and 67 deletions

View File

@@ -12,12 +12,12 @@
</template>
<template v-slot:content>
<div class="flex flex-col space-y-4">
<p class="service-item">Communication</p>
<p class="service-item">Conseils</p>
<p class="service-item">Recherche</p>
<p class="service-item">Amélioration</p>
<p class="service-item">User Conception</p>
<p class="service-item">Tests</p>
<p class="service-item">{{ $t('services.1.1') }}</p>
<p class="service-item">{{ $t('services.1.2') }}</p>
<p class="service-item">{{ $t('services.1.3') }}</p>
<p class="service-item">{{ $t('services.1.4') }}</p>
<p class="service-item">{{ $t('services.1.5') }} de produit</p>
<p class="service-item">{{ $t('services.1.6') }}</p>
</div>
</template>
</ServicePart>
@@ -29,13 +29,13 @@
</template>
<template v-slot:content>
<div class="flex flex-col space-y-4">
<p class="service-item">User-Experience Design</p>
<p class="service-item">Developer-Experience Design</p>
<p class="service-item">User-Interface Design</p>
<p class="service-item">Dashboard</p>
<p class="service-item">Web panel</p>
<p class="service-item">Design Responsif</p>
<p class="service-item">Prototypes</p>
<p class="service-item">{{ $t('services.2.1') }}</p>
<p class="service-item">{{ $t('services.2.2') }}</p>
<p class="service-item">{{ $t('services.2.3') }}</p>
<p class="service-item">{{ $t('services.2.4') }}</p>
<p class="service-item">{{ $t('services.2.5') }}</p>
<p class="service-item">{{ $t('services.2.6') }}</p>
<p class="service-item">{{ $t('services.2.7') }}</p>
</div>
</template>
</ServicePart>
@@ -47,14 +47,14 @@
</template>
<template v-slot:content>
<div class="flex flex-col space-y-4">
<p class="service-item">Portfolio</p>
<p class="service-item">Application Web</p>
<p class="service-item">Application Mobile</p>
<p class="service-item">Application Bureautique</p>
<p class="service-item">API</p>
<p class="service-item">Infrastructure</p>
<p class="service-item">Logiciels</p>
<p class="service-item">DevSecOps</p>
<p class="service-item">{{ $t('services.3.1') }}</p>
<p class="service-item">{{ $t('services.3.2') }}</p>
<p class="service-item">{{ $t('services.3.3') }}</p>
<p class="service-item">{{ $t('services.3.4') }}</p>
<p class="service-item">{{ $t('services.3.5') }}</p>
<p class="service-item">{{ $t('services.3.6') }}</p>
<p class="service-item">{{ $t('services.3.7') }}</p>
<p class="service-item">{{ $t('services.3.8') }}</p>
</div>
</template>
</ServicePart>
@@ -64,41 +64,41 @@
<section class="mb-24 w-full">
<div class="flex justify-center md:justify-end mb-8">
<h1 class="text-3xl md:text-4xl py-4 px-8 bg-indigo-500 rounded-lg text-white dark:(text-black bg-indigo-600) transform md:rotate-10">
Mon Workflow
{{ $t('services.workflow.title') }}
</h1>
</div>
<div class="flex flex-col items-center w-full">
<div class="grid grid-cols-1 md:gap-x-12 md:mb-12 md:grid-cols-3 w-full">
<div class="flex justify-start md:justify-center">
<div class="workflow-item">
<span class="number">01</span> Planning
<span class="number">01</span> {{ $t('services.workflow.1') }}
</div>
</div>
<div class="flex justify-center md:justify-center">
<div class="workflow-item mt-8">
<span class="number">02</span> Designing
<span class="number">02</span> {{ $t('services.workflow.2') }}
</div>
</div>
<div class="flex justify-end md:justify-center">
<div class="workflow-item mt-16">
<span class="number">03</span> Developing
<span class="number">03</span> {{ $t('services.workflow.3') }}
</div>
</div>
</div>
<div class="grid grid-cols-1 md:gap-x-12 md:mb-20 md:grid-cols-3 w-full">
<div class="flex justify-start md:justify-center">
<div class="workflow-item">
<span class="number">04</span> Testing
<span class="number">04</span> {{ $t('services.workflow.4') }}
</div>
</div>
<div class="flex justify-center">
<div class="workflow-item mt-8">
<span class="number">05</span> Publishing
<span class="number">05</span> {{ $t('services.workflow.5') }}
</div>
</div>
<div class="flex justify-end md:justify-center">
<div class="workflow-item mt-16">
<span class="number">06</span> Maintaining
<span class="number">06</span> {{ $t('services.workflow.6') }}
</div>
</div>
</div>
@@ -147,6 +147,6 @@ export default defineComponent({
}
.number {
@apply block text-indigo-500 mb-4
@apply block text-indigo-500 mb-2
}
</style>