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

Working on services

Browse Source
This commit is contained in:
Arthur Danjou
2021-08-31 18:09:18 +02:00
parent 25a3cca4a8
commit 1caeb09949
2 changed files with 68 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/locales/fr-FR.ts
View File

@@ -32,7 +32,7 @@ const translations = {
title: "Stratégie",
},
2: {
title: "Illustration",
title: "Design",
},
3: {
title: "Développement",
@@ -184,6 +184,7 @@ const translations = {
},
contact: {
description: 'Cette page est dédiée ',
form: {
title: {
main: 'Remplissez le formulaire ou',

104
src/pages/services.vue
View File

@@ -4,44 +4,70 @@
<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">
<div class="grid grid-cols-1 gap-x-12 mb-20 sm:grid-cols-3 w-full">
<ServicePart title="services.1.title">
<template v-slot:icon>
<CompassIcon />
</template>
<template v-slot:content>
<div class="flex flex-col space-y-4">
<p>Développement</p>
<p>Architecture</p>
<p>Test</p>
</div>
</template>
</ServicePart>
<ServicePart title="services.2.title">
<template v-slot:icon>
<DesignIcon />
</template>
<template v-slot:content>
<div class="flex flex-col space-y-4">
<p>Développement</p>
<p>Architecture</p>
<p>Test</p>
<p>Test</p>
</div>
</template>
</ServicePart>
<ServicePart title="services.3.title">
<template v-slot:icon>
<CodeIcon />
</template>
<template v-slot:content>
<div class="flex flex-col space-y-4">
<p>Développement</p>
<p>Architecture</p>
</div>
</template>
</ServicePart>
<div class="flex justify-center">
<ServicePart title="services.1.title">
<template v-slot:icon>
<CompassIcon />
</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>
</div>
</template>
</ServicePart>
</div>
<div class="flex justify-center">
<ServicePart title="services.2.title">
<template v-slot:icon>
<DesignIcon />
</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>
</div>
</template>
</ServicePart>
</div>
<div class="flex justify-center">
<ServicePart title="services.3.title">
<template v-slot:icon>
<CodeIcon />
</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>
</div>
</template>
</ServicePart>
</div>
</div>
</div>
<div>
Workflow
</div>
<div>
<Ad color="green">
GOTO Contact
</Ad>
</div>
</main>
</template>
@@ -58,6 +84,8 @@ export default defineComponent({
})
</script>
<style scoped>
<style scoped lang="scss">
.service-item {
@apply text-xl text-gray-500;
}
</style>