Update the documentation section
This commit is contained in:
@@ -49,74 +49,114 @@
|
||||
unique et une perspective fraîche à notre mission commune.
|
||||
</p>
|
||||
|
||||
<br>
|
||||
<v-row justify="center">
|
||||
<v-card max-width="250px" class="card-member" style="margin: 10px;">
|
||||
<img class="member-profile-picture"
|
||||
src="/images/hutopymedia/tospage/membersPictures/profileMarco.png"
|
||||
alt="Marc-Olivier Hébert">
|
||||
<div class="card-content">
|
||||
<div class="member-name">Marc-Olivier</div>
|
||||
<div class="member-name">Hébert</div>
|
||||
<div class="member-title">Fondateur</div>
|
||||
<p class="member-description">Avec une vision claire et un engagement sans faille, il a lancé Hutopy pour
|
||||
changer la manière dont le contenu est créé et partagé.</p>
|
||||
</div>
|
||||
</v-card>
|
||||
<div class="members">
|
||||
|
||||
<v-card max-width="250px" class="card-member" style="margin: 10px;">
|
||||
<img class="member-profile-picture"
|
||||
src="/images/hutopymedia/tospage/membersPictures/profileDominique.png"
|
||||
alt="Dominic Villemure">
|
||||
<div class="card-content">
|
||||
<div class="member-name">Dominic</div>
|
||||
<div class="member-name">Villemure</div>
|
||||
<div class="card">
|
||||
|
||||
<div class="card-header">
|
||||
<img class="member-profile-picture"
|
||||
src="/images/hutopymedia/tospage/membersPictures/profileMarco.png"
|
||||
alt="Marc-Olivier Hébert">
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
<div class="member-name">Marc-Olivier Hébert</div>
|
||||
<div class="member-title">CEO / Fondateur</div>
|
||||
<div class="member-description">
|
||||
<p>
|
||||
Avec une vision claire et un engagement sans faille, il a lancé Hutopy pour changer la manière dont le
|
||||
contenu est créé et partagé.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
|
||||
<div class="card-header">
|
||||
<img class="member-profile-picture"
|
||||
src="/images/hutopymedia/tospage/membersPictures/profileDominique.png"
|
||||
alt="Dominic Villemure">
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
<div class="member-name">Dominic Villemure</div>
|
||||
<div class="member-title">Responsable Technique</div>
|
||||
<p class="member-description">À la tête de notre équipe de développement, il assure qu’Hutopy reste à la
|
||||
pointe de la technologie.</p>
|
||||
<div class="member-description">
|
||||
<p>
|
||||
À la tête de notre équipe de développement, il assure qu’Hutopy reste à la
|
||||
pointe de la technologie.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</v-card>
|
||||
|
||||
<v-card max-width="250px" class="card-member" style="margin: 10px;">
|
||||
<img class="member-profile-picture"
|
||||
src="/images/hutopymedia/tospage/membersPictures/profilePascal.png"
|
||||
alt="Pascal Marchesseault">
|
||||
<div class="card-content">
|
||||
<div class="member-name">Pascal</div>
|
||||
<div class="member-name">Marchesseault</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
|
||||
<div class="card-header">
|
||||
<img class="member-profile-picture"
|
||||
src="/images/hutopymedia/tospage/membersPictures/profilePascal.png"
|
||||
alt="Pascal Marchesseault">
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
<div class="member-name">Pascal Marchesseault</div>
|
||||
<div class="member-title">Gestionnaire de projet / UI</div>
|
||||
<p class="member-description">A pour mission d'assurer le développement du projet tout en créant une interface
|
||||
qui permettra au projet d'avoir une interaction positive et enrichissante avec Hutopy pour les
|
||||
utilisateurs.</p>
|
||||
<div class="member-description">
|
||||
<p>
|
||||
A pour mission d'assurer le développement du projet tout en créant une interface
|
||||
qui permettra au projet d'avoir une interaction positive et enrichissante avec Hutopy pour les
|
||||
utilisateurs.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</v-card>
|
||||
|
||||
<v-card max-width="250px" class="card-member" style="margin: 10px;">
|
||||
<img class="member-profile-picture"
|
||||
src="/images/hutopymedia/tospage/membersPictures/profileChloe.png"
|
||||
alt="Chloé Beaugrand">
|
||||
<div class="card-content">
|
||||
<div class="member-name">Chloé</div>
|
||||
<div class="member-name">Beaugrand</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
|
||||
<div class="card-header">
|
||||
<img class="member-profile-picture"
|
||||
src="/images/hutopymedia/tospage/membersPictures/profileChloe.png"
|
||||
alt="Chloé Beaugrand">
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
<div class="member-name">Chloé Beaugrand</div>
|
||||
<div class="member-title">Responsable Marketing</div>
|
||||
<p class="member-description">Elle façonne l'image d’Hutopy et engage notre communauté à travers des campagnes
|
||||
innovantes et impactantes.</p>
|
||||
<div class="member-description">
|
||||
<p>
|
||||
Elle façonne l'image d’Hutopy et engage notre communauté à travers des campagnes
|
||||
innovantes et impactantes.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</v-card>
|
||||
|
||||
<v-card max-width="250px" class="card-member" style="margin: 10px;">
|
||||
<img class="member-profile-picture"
|
||||
src="/images/hutopymedia/tospage/membersPictures/Jonathan.png"
|
||||
alt="Édouard Letarte">
|
||||
<div class="card-content">
|
||||
<div class="member-name">Jonathan</div>
|
||||
<div class="member-name">Bourdon</div>
|
||||
<div class="member-title">Programeur / Architecte</div>
|
||||
<p class="member-description">Son expérience d'architecte senior nous permet de développer un logiciel avec
|
||||
une durabilité qui nous permettra de nous développer pendant de longues années.</p>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
|
||||
<div class="card-header">
|
||||
<img class="member-profile-picture"
|
||||
src="/images/hutopymedia/tospage/membersPictures/Jonathan.png"
|
||||
alt="Édouard Letarte">
|
||||
</div>
|
||||
</v-card>
|
||||
</v-row>
|
||||
|
||||
<div class="card-body">
|
||||
<div class="member-name">Jonathan Bourdon</div>
|
||||
<div class="member-title">Programeur / Architecte</div>
|
||||
<div class="member-description">
|
||||
<p>
|
||||
Son expérience d'architecte senior nous permet de développer un logiciel avec
|
||||
une durabilité qui nous permettra de nous développer pendant de longues années.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p>
|
||||
Chez Hutopy, nous sommes plus qu'une plateforme ; nous sommes une famille dédiée à la
|
||||
@@ -130,30 +170,41 @@
|
||||
<style scoped>
|
||||
@import '@/views/documentation/documentation.css';
|
||||
|
||||
.card-member {
|
||||
margin: 10px;
|
||||
.members {
|
||||
@apply gap-6;
|
||||
@apply grid sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3;
|
||||
@apply mb-12;
|
||||
}
|
||||
|
||||
.card-content {
|
||||
margin: 10px;
|
||||
.card {
|
||||
@apply flex flex-col gap-2;
|
||||
@apply bg-hSurface rounded-2xl text-hOnSurface;
|
||||
@apply font-sans text-base;
|
||||
}
|
||||
|
||||
.card-header {
|
||||
@apply rounded-xl;
|
||||
}
|
||||
|
||||
.card-body {
|
||||
@apply p-8;
|
||||
}
|
||||
|
||||
.member-profile-picture {
|
||||
@apply rounded-t-xl;
|
||||
}
|
||||
|
||||
.member-name {
|
||||
font-size: 1.5rem;
|
||||
font-weight: bold;
|
||||
@apply font-bold text-2xl;
|
||||
}
|
||||
|
||||
.member-title {
|
||||
font-size: 1rem;
|
||||
margin-bottom: 15px;
|
||||
@apply font-semibold text-lg;
|
||||
@apply mb-8;
|
||||
}
|
||||
|
||||
.member-description {
|
||||
hyphens: auto;
|
||||
font-size: 0.8rem;
|
||||
text-align: justify;
|
||||
@apply font-sans text-lg text-justify;
|
||||
}
|
||||
|
||||
</style>
|
||||
<script setup lang="ts">
|
||||
</script>
|
||||
</style>
|
||||
Reference in New Issue
Block a user