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

Terminé Homeview

Browse Source
This commit is contained in:
PascalMarchesseault
2024-04-15 23:57:36 -04:00
parent 4d9f7d954c
commit 1ad93bf826
1 changed files with 24 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
src/views/main/HomeView.vue
View File

@@ -65,6 +65,7 @@
</v-card> </v-card>
</v-hover> </v-hover>
</v-col> </v-col>
<v-col cols="4" sm="4" md="4"> <v-col cols="4" sm="4" md="4">
<v-hover v-slot="{ isHovering, props }"> <v-hover v-slot="{ isHovering, props }">
<v-card style="min-width: 325px; border-radius: 20px;" class="mx-auto card-size " v-bind="props"> <v-card style="min-width: 325px; border-radius: 20px;" class="mx-auto card-size " v-bind="props">
@@ -226,8 +227,8 @@
<div class="md:hidden flex flex-col items-center justify-center"> <div class="md:hidden flex flex-col items-center justify-center">
<div> <div>
<v-img src="../../../images/homepage/bannierehomepage.png" class="banner-image" alt="Bannière"></v-img>
<img src="../../../images/homepage/bannierehomepage.png" class="banner-image" alt="Bannière">
@@ -246,7 +247,7 @@
</v-row> </v-row>
<v-row> <v-row align="center">
<v-col> <v-col>
<p style=" margin: 20px; text-align: justify;" class="center-vertical">Devenez une source d'inspiration sur <p style=" margin: 20px; text-align: justify;" class="center-vertical">Devenez une source d'inspiration sur
Hutopy, en partageant Hutopy, en partageant
@@ -255,14 +256,14 @@
Influencez positivement la communauté, éveillez la curiosité et inspirez les autres à poursuivre leurs Influencez positivement la communauté, éveillez la curiosité et inspirez les autres à poursuivre leurs
rêves dans un cercle vertueux de créativité et d'inspiration.</p> rêves dans un cercle vertueux de créativité et d'inspiration.</p>
</v-col> </v-col>
<v-col cols="6" align="center"> <v-col cols="6">
<v-img style="margin-right: 25px; border-radius: 20px; width: 85%;" <v-img style="margin-right: 25px; border-radius: 20px; width: 85%;"
src="../../../images/homepage/partager.png"></v-img> src="../../../images/homepage/partager.png"></v-img>
</v-col> </v-col>
</v-row> </v-row>
<v-row> <v-row align="center">
<v-col cols="6" align="center"> <v-col cols="6">
<v-img style="margin-left: 25px; border-radius: 20px; width: 85%;" <v-img style="margin-left: 25px; border-radius: 20px; width: 85%;"
src="../../../images/homepage/inspirer.png"></v-img> src="../../../images/homepage/inspirer.png"></v-img>
</v-col> </v-col>
@@ -277,11 +278,11 @@
</v-row> </v-row>
<v-img style="margin-top: 50px; margin-bottom: 50px; min-width: 350px;" <v-img style="margin-top: 50px; margin-bottom: 25px; min-width: 350px;"
src="../../../images/homepage/votrehutopy.png"></v-img> src="../../../images/homepage/votrehutopy.png"></v-img>
<v-row align="center"> <v-row align="center">
<v-col cols="5" style="margin: 4%;"> <v-col cols="11" style="margin: 4%;">
<p style="margin-top: 3%; margin-bottom: 5%; text-align: justify;" class="center-vertical"> <p style="margin-top: 3%; margin-bottom: 5%; text-align: justify;" class="center-vertical">
Bienvenue sur Hutopy, votre nouvelle frontière de création, de connexion et d'innovation. Au Bienvenue sur Hutopy, votre nouvelle frontière de création, de connexion et d'innovation. Au
cœur de notre mission réside une ambition audacieuse : transformer l'espace numérique en un cœur de notre mission réside une ambition audacieuse : transformer l'espace numérique en un
@@ -290,18 +291,6 @@
communauté vibrante qui défie les conventions de l’éducation, encourage l'originalité et célèbre communauté vibrante qui défie les conventions de l’éducation, encourage l'originalité et célèbre
la créativité. la créativité.
</p> </p>
</v-col>
<v-col cols="6">
<v-img style="border-radius: 30px; margin-right: 25px;"
src="../../../images/homepage/microphone.png"></v-img>
</v-col>
</v-row>
<v-row align="center">
<v-col cols="6">
<v-img style="border-radius: 30px; margin-left: 25px " src="../../../images/homepage/grinding.png"></v-img>
</v-col>
<v-col cols="5" style="margin: 4%;">
<p style="margin-top: 3%; margin-bottom: 5%; text-align: justify;" class="center-vertical"> <p style="margin-top: 3%; margin-bottom: 5%; text-align: justify;" class="center-vertical">
Chez Hutopy, nous croyons en la puissance de la créativité sans limites. Notre environnement est Chez Hutopy, nous croyons en la puissance de la créativité sans limites. Notre environnement est
conçu pour inspirer, soutenir et propulser chaque membre vers de nouveaux sommets de conçu pour inspirer, soutenir et propulser chaque membre vers de nouveaux sommets de
@@ -311,12 +300,23 @@
</p> </p>
</v-col> </v-col>
</v-row> </v-row>
<v-row style="margin-top: 50px;"> <v-row style="margin-left: 15px; margin-right: 15px;">
<v-col> <v-img style="border-radius: 30px; margin-left: 25px;" <v-col cols="6" style="padding-left: 15px; padding-right: 15px;">
src="../../../images/homepage/girlarmy.png"></v-img></v-col> <v-img style="border-radius: 30px; width: 100%;" src="../../../images/homepage/microphone.png"></v-img>
<v-col><v-img style="border-radius: 30px; margin-right: 25px" </v-col>
src="../../../images/homepage/girlvr.png"></v-img></v-col> <v-col cols="6" style="padding-left: 15px; padding-right: 15px;">
<v-img style="border-radius: 30px; width: 100%;" src="../../../images/homepage/grinding.png"></v-img>
</v-col>
</v-row> </v-row>
<v-row style="margin-left: 15px; margin-right: 15px;">
<v-col style="padding-left: 15px; padding-right: 15px;">
<v-img style="border-radius: 30px; width: 100%;" src="../../../images/homepage/girlarmy.png"></v-img>
</v-col>
<v-col style="padding-left: 15px; padding-right: 15px;">
<v-img style="border-radius: 30px; width: 100%;" src="../../../images/homepage/girlvr.png"></v-img>
</v-col>
</v-row>
<v-container align="center"> <v-container align="center">
<RouterLink :to="{ name: 'contact' }"> <RouterLink :to="{ name: 'contact' }">