jbourdon/social-media
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

About us - Member's pictures

Browse Source
This commit is contained in:
PascalMarchesseault
2024-05-18 00:18:22 -04:00
parent 70d158705b
commit 13cd70fa65
6 changed files with 96 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/images/hutopymedia/tospage/membersPictures/profileChloe.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 614 KiB

BIN
public/images/hutopymedia/tospage/membersPictures/profileDominique.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 MiB

BIN
public/images/hutopymedia/tospage/membersPictures/profileEdouard.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 414 KiB

BIN
public/images/hutopymedia/tospage/membersPictures/profileMarco.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 508 KiB

BIN
public/images/hutopymedia/tospage/membersPictures/profilePascal.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 554 KiB

111
src/views/tos/About.vue
View File

@@ -79,68 +79,104 @@
contenu. Notre équipe est notre plus grande force, chaque membre apportant une expertise contenu. Notre équipe est notre plus grande force, chaque membre apportant une expertise
unique et une perspective fraîche à notre mission commune. unique et une perspective fraîche à notre mission commune.
</p> </p>
<v-row>
<v-col>
<img src="/images/usersmedia/anonyme/profilepictures/profileAnonymeSquare.png"
alt="Marc-Olivier Hébert">
<br> <br>
<v-typography class="name" style="font-size: 1.5rem; font-weight: bold;">Marc-Olivier <v-row justify="center">
<v-card max-width="250px" style="margin: 10px;">
<img class="member-profile-picture"
src="/images/hutopymedia/tospage/membersPictures/profileMarco.png"
alt="Marc-Olivier Hébert">
<div style="margin: 10px;">
<v-typography class="name"
style="font-size: 1.5rem; font-weight: bold;">Marc-Olivier
</v-typography><br> <v-typography class="name" </v-typography><br> <v-typography class="name"
style="font-size: 1.5rem; font-weight: bold;"> style="font-size: 1.5rem; font-weight: bold;">
Hébert</v-typography><br> Hébert</v-typography><br>
<v-typography class="task" style="font-size: 1rem;">Fondateur</v-typography><br> <v-typography class="task" style="font-size: 1rem;">Fondateur</v-typography><br><br>
<v-typography class="text" style="font-size: 0.8rem; text-align: justify;">Avec une <div class="text" style="font-size: 0.8rem; text-align: justify;">Avec une
vision claire et un engagement sans faille, il a lancé Hutopy pour changer la vision claire et un engagement sans faille, il a lancé Hutopy pour changer la
manière dont le contenu est créé et partagé.</v-typography> manière dont le contenu est créé et partagé.</div>
</v-col> </div>
<v-col> </v-card>
<v-card max-width="250px" style="margin: 10px;">
<img src="/images/usersmedia/anonyme/profilepictures/profileAnonymeSquare.png" <img class="member-profile-picture"
src="/images/hutopymedia/tospage/membersPictures/profileDominique.png"
alt="Dominic Villemure"> alt="Dominic Villemure">
<br>
<div style="margin: 10px;">
<v-typography class="name" style="font-size: 1.5rem; font-weight: bold;">Dominic <v-typography class="name" style="font-size: 1.5rem; font-weight: bold;">Dominic
</v-typography><br> </v-typography><br>
<v-typography class="name" style="font-size: 1.5rem; font-weight: bold;"> <v-typography class="name" style="font-size: 1.5rem; font-weight: bold;">
Villemure</v-typography><br> Villemure</v-typography><br>
<v-typography class="task" style="font-size: 1rem;">Responsable <v-typography class="task" style="font-size: 1rem;">Responsable
Technique</v-typography><br> Technique</v-typography><br><br>
<v-typography class="text" style="font-size: 0.8rem; text-align: justify;">À la tête de <div class="text" style="font-size: 0.8rem; text-align: justify;">À la tête de
notre équipe de développement, il assure qu’Hutopy reste à la pointe de la notre équipe de développement, il assure qu’Hutopy reste à la pointe de la
technologie.</v-typography> technologie.</div>
</v-col> </div>
<v-col> </v-card>
<v-card max-width="250px" style="margin: 10px;">
<img src="/images/usersmedia/anonyme/profilepictures/profileAnonymeSquare.png" <img class="member-profile-picture"
alt="Parcal Marchesseault"> src="/images/hutopymedia/tospage/membersPictures/profilePascal.png"
<br> alt="Pascal Marchesseault">
<div style="margin: 10px;">
<v-typography class="name" style="font-size: 1.5rem; font-weight: bold;">Pascal <v-typography class="name" style="font-size: 1.5rem; font-weight: bold;">Pascal
</v-typography><br> </v-typography><br>
<v-typography class="name" style="font-size: 1.5rem; font-weight: bold;"> <v-typography class="name" style="font-size: 1.5rem; font-weight: bold;">
Marchesseault</v-typography><br> Marchesseault</v-typography><br>
<v-typography class="task" style="font-size: 1rem;">Expérience <v-typography class="task" style="font-size: 1rem;">Expérience
utilisateur</v-typography><br> utilisateur</v-typography><br>
<v-typography class="text" style="font-size: 0.8rem; text-align: justify;">Le champion
de l'expérience utilisateur, il veille à ce que chaque interaction avec Hutopy soit
positive et enrichissante pour tous les utilisateurs.</v-typography>
</v-col>
<v-col>
<img src="/images/usersmedia/anonyme/profilepictures/profileAnonymeSquare.png"
alt="Chloé Beaugrand">
<br> <br>
<v-typography class="text" style="font-size: 0.8rem; text-align: justify;">Le
champion
de l'expérience utilisateur, il veille à ce que chaque interaction avec Hutopy
soit
positive et enrichissante pour tous les utilisateurs.</v-typography>
</div>
</v-card>
</v-row>
<v-row justify="center">
<v-card max-width="250px" style="margin: 10px;">
<img class="member-profile-picture"
src="/images/hutopymedia/tospage/membersPictures/profileChloe.png"
alt="Chloé Beaugrand">
<div style="margin: 10px;">
<v-typography class="name" style="font-size: 1.5rem; font-weight: bold;">Chloé <v-typography class="name" style="font-size: 1.5rem; font-weight: bold;">Chloé
</v-typography><br> </v-typography><br>
<v-typography class="name" style="font-size: 1.5rem; font-weight: bold;"> <v-typography class="name" style="font-size: 1.5rem; font-weight: bold;">
Beaugrand</v-typography><br> Beaugrand</v-typography><br>
<v-typography class="task" style="font-size: 1rem;">Responsable <v-typography class="task" style="font-size: 1rem;">Responsable
Marketing</v-typography><br> Marketing</v-typography><br>
<v-typography class="text" style="font-size: 0.8rem; text-align: justify;">Elle façonne <br>
l'image d’Hutopy et engage notre communauté à travers des campagnes innovantes et <v-typography class="text" style="font-size: 0.8rem; text-align: justify;">Elle
façonne
l'image d’Hutopy et engage notre communauté à travers des campagnes innovantes
et
impactantes.</v-typography> impactantes.</v-typography>
</v-col> </div>
</v-card>
<v-card max-width="250px" style="margin: 10px;">
<img class="member-profile-picture"
src="/images/hutopymedia/tospage/membersPictures/profileEdouard.png"
alt="Édouard Letarte">
<div style="margin: 10px;">
<v-typography class="name" style="font-size: 1.5rem; font-weight: bold;">Édouard
</v-typography><br>
<v-typography class="name" style="font-size: 1.5rem; font-weight: bold;">
Letarte</v-typography><br>
<v-typography class="task" style="font-size: 1rem;">Intégrateur
</v-typography><br><br>
<v-typography class="text" style="font-size: 0.8rem; text-align: justify;">Son
expertise nous permet d'intégrer des fonctionnalités qui permettent à Hutopy de
devenir réalité.</v-typography>
</div>
</v-card>
</v-row> </v-row>
<br>
<p style="margin-top: 25px; margin-bottom: 25px;"> <p style="margin-top: 25px; margin-bottom: 25px;">
@@ -205,4 +241,9 @@ import FooterLayout from '@/layouts/FooterLayout.vue';
.header-text-size { .header-text-size {
font-size: 4rem; font-size: 4rem;
} }
.member-profile-picture {
width: 250px;
height: auto;
}
</style> </style>