From 1ad93bf826d54c1b8746b6624b52253843eb375a Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Mon, 15 Apr 2024 23:57:36 -0400
Subject: [PATCH] =?UTF-8?q?Termin=C3=A9=20Homeview?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/main/HomeView.vue | 48 ++++++++++++++++++-------------------
 1 file changed, 24 insertions(+), 24 deletions(-)

diff --git a/src/views/main/HomeView.vue b/src/views/main/HomeView.vue
index 4922b03..3f16a7e 100644
--- a/src/views/main/HomeView.vue
+++ b/src/views/main/HomeView.vue
@@ -65,6 +65,7 @@
                   </v-card>
                 </v-hover>
               </v-col>
+
               <v-col cols="4" sm="4" md="4">
                 <v-hover v-slot="{ isHovering, 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>
 
+        <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 align="center">
           <v-col>
             <p style=" margin: 20px; text-align: justify;" class="center-vertical">Devenez une source d'inspiration sur
               Hutopy, en partageant
@@ -255,14 +256,14 @@
               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>
           </v-col>
-          <v-col cols="6" align="center">
+          <v-col cols="6">
             <v-img style="margin-right: 25px; border-radius: 20px; width: 85%;"
               src="../../../images/homepage/partager.png"></v-img>
           </v-col>
         </v-row>
 
-        <v-row>
-          <v-col cols="6" align="center">
+        <v-row align="center">
+          <v-col cols="6">
             <v-img style="margin-left: 25px; border-radius: 20px; width: 85%;"
               src="../../../images/homepage/inspirer.png"></v-img>
           </v-col>
@@ -277,11 +278,11 @@
         </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>
 
         <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">
               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
@@ -290,18 +291,6 @@
               communauté vibrante qui défie les conventions de l’éducation, encourage l'originalité et célèbre
               la créativité.
             </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">
               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
@@ -311,12 +300,23 @@
             </p>
           </v-col>
         </v-row>
-        <v-row style="margin-top: 50px;">
-          <v-col> <v-img style="border-radius: 30px; margin-left: 25px;"
-              src="../../../images/homepage/girlarmy.png"></v-img></v-col>
-          <v-col><v-img style="border-radius: 30px; margin-right: 25px"
-              src="../../../images/homepage/girlvr.png"></v-img></v-col>
+        <v-row style="margin-left: 15px; margin-right: 15px;">
+          <v-col cols="6" style="padding-left: 15px; padding-right: 15px;">
+            <v-img style="border-radius: 30px; width: 100%;" src="../../../images/homepage/microphone.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 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">
           <RouterLink :to="{ name: 'contact' }">