arthur/website-old
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/website-old.git synced 2026-01-27 18:30:32 +01:00
Code Issues 31 Packages Projects Releases Wiki Activity

Center contact

Browse Source
This commit is contained in:
Arthur Danjou
2021-08-31 18:08:39 +02:00
parent c08d6611ba
commit 8609bf2a2b
2 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/ContactForm.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<section class="w-full flex justify-center flex-col"> <section class="w-full flex justify-center flex-col">
<h2 class="mb-10 font-bold text-gray-700 text-2xl md:text-3xl my-4 dark:text-gray-400"> <h2 class="mb-10 font-bold text-gray-700 text-2xl md:text-3xl my-4 dark:text-gray-400 text-center">
{{ $t('contact.form.title.main') }} <br class="lg:hidden"/><a class="email text-black dark:text-white" href="mailto:me@arthurdanjou.fr" target="_blank">{{ $t('contact.form.title.email') }}</a> 📬 {{ $t('contact.form.title.main') }} <br class="lg:hidden"/><a class="email text-black dark:text-white" href="mailto:me@arthurdanjou.fr" target="_blank">{{ $t('contact.form.title.email') }}</a> 📬
</h2> </h2>
<form class="w-full"> <form class="w-full">

5
src/pages/contact.vue
View File

@@ -1,8 +1,9 @@
<template> <template>
<main class="contact flex flex-col px-4 xl:px-64"> <main class="contact flex flex-col items-center px-4 xl:px-64">
<PageTitle class="self-center" title="part.contact" /> <PageTitle class="self-center" title="part.contact" />
<p class="text-justify text-gray-700 dark:text-gray-400 text-xl my-8">{{ $t('contact.description') }}</p>
<section class="w-full lg:w-3/4 mb-10 mt-4 text-justify"> <section class="w-full lg:w-3/4 mb-10 mt-4 text-justify">
<h1 class="font-bold text-gray-700 text-xl md:text-3xl my-4 dark:text-gray-400"> <h1 class="font-bold text-gray-700 text-xl md:text-3xl my-4 dark:text-gray-400 text-center">
{{ $t('contact.why.title') }} {{ $t('contact.why.title') }}
</h1> </h1>
<h3 class="text-lg"> <h3 class="text-lg">