mirror of
https://github.com/ArthurDanjou/website-old.git
synced 2026-01-25 09:20:34 +01:00
💻 | Adapt About page + Working
This commit is contained in:
25
src/components/PresentationAbout.vue
Normal file
25
src/components/PresentationAbout.vue
Normal file
@@ -0,0 +1,25 @@
|
||||
<template>
|
||||
<section class="flex flex-col md:flex-row justify-center items-center py-8">
|
||||
<div class="md:mr-12">
|
||||
<img class="logo-img rounded-full my-5 shadow-lg" src="@/assets/images/Logo.jpg" alt="It's me !" />
|
||||
</div>
|
||||
<div class="ml-2 text-lg leading-6 md:w-2/3 text-justify dark:text-gray-400 text-gray-700">
|
||||
<p>{{ $t('about.banner.hello') }} <span class="text-orange-400 font-bold">Arthur DANJOU</span> 👋.</p> <br/>
|
||||
<p>{{ $t('about.banner.1')}}</p> <br/>
|
||||
<p>{{ $t('about.banner.2') }}</p> <br/>
|
||||
<p>{{ $t('about.banner.3') }}</p>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "SkillsAbout"
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.logo-img {
|
||||
height: 25rem;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user