Mise en page CreatorFolio- Changement de photo pour default layout et mise en page pour Footer

src/layouts/DefaultLayout.vue

@@ -43,7 +43,7 @@
           <v-col cols="11" class="d-flex align-center justify-center">
 
             <!-- Logo Top bar -->
-            <img src="/images/hutopymedia/hutopymediafiles/mobilemenulogo.png" class="mobile-header" alt="Logo">
+            <img src="/images/hutopymedia/banners/hutopy.png" class="mobile-header" alt="Logo">
           </v-col>
         </v-row>
       </v-app-bar>

src/layouts/FooterLayout.vue

@@ -145,6 +145,7 @@ footer a:not(:last-child) {
 
   .hutopy-footer-picture {
     min-width: 200px;
+    margin-left: -5px;
   }
 
 }

src/views/main/CreatorFolio.vue

@@ -28,14 +28,14 @@
       <!-- Facebook -->
       <v-row no-gutters class="d-flex justify-space-between align-center" style="margin-left: 3%; margin-right: 3%;">
         <v-col cols="2" sm="2" xs="3" style="margin-top: 60px; z-index: 50;" class="d-flex justify-center align-center">
-          <a href="https://www.facebook.com/profile.php?id=61556819217561">
+          <a href="https://www.facebook.com/GuillaumeMousseau222">
             <v-img class="socialicons-mobile" src="/images/hutopymedia/icons/black/facebookblack.png"
               alt="Facebook"></v-img>
           </a>
         </v-col>
         <!-- Instagram -->
         <v-col cols="2" sm="2" xs="3" style="margin-top: 60px; z-index: 50;" class="d-flex justify-center align-center">
-          <a href="https://www.instagram.com/">
+          <a href="https://www.instagram.com/p/C2f-3UnNdfX//">
             <v-img class="socialicons-mobile" src="/images/hutopymedia/icons/black/instagramblack.png"
               alt="Instagram"></v-img>
           </a>
@@ -46,15 +46,15 @@
             <v-img :src="profilePicture" class="elevation-4 mobile-profile-picture-creator"></v-img>
           </v-row>
         </v-col>
-        <!-- X -->
+        <!-- X
         <v-col cols="2" sm="2" xs="3" style="margin-top: 60px; z-index: 50;" class="d-flex justify-center align-center">
           <a href="https://www.x.com/">
             <v-img class="socialicons-mobile" src="/images/hutopymedia/icons/black/xblack.png" alt="X"></v-img>
           </a>
-        </v-col>
+        </v-col> -->
         <!-- TikTok -->
         <v-col cols="2" sm="2" xs="3" style="margin-top: 60px; z-index: 50;" class="d-flex justify-center align-center">
-          <a href="https://www.tiktok.com/">
+          <a href="https://www.tiktok.com/@guillaumeaime">
             <v-img class="socialicons-mobile invert-color" src="/images/hutopymedia/icons/white/tiktokwhite.png"
               alt="TikTok"></v-img>
           </a>
@@ -80,9 +80,12 @@
           class="social-icon-group-mobile">
           <v-expansion-panels style="min-width: 320px;">
             <v-col cols="12" offset="-1">
-              <v-expansion-panel class="background-pink" style="color: white;" :key="i"
-                text="mettre en lumière le côté humain des entrepreneurs. Chaque service, chaque produit est porteur d’une histoire, d’une passion, d’une vision unique. Mon objectif est de faire rayonner cette unicité, de créer des connexions authentiques entre ces entrepreneurs et leurs clients potentiels. Parce que derrière chaque entreprise, il y a des personnes inspirantes qui méritent d’être entendues et comprises. Et toi, quel est ton objectif pour cette année?"
-                title="À propos : Ma mission est claire :"></v-expansion-panel>
+              <v-expansion-panel class="background-pink text-justify" style="color: white;" :key="i"
+                text="Mettre en lumière le côté humain des entrepreneurs. Chaque service, chaque produit est porteur d’une histoire, d’une passion, d’une vision unique. Mon objectif est de faire rayonner cette unicité, de créer des connexions authentiques entre ces entrepreneurs et leurs clients potentiels. Parce que derrière chaque entreprise, il y a des personnes inspirantes qui méritent d’être entendues et comprises. Et toi, quel est ton objectif pour cette année?"
+                title="À propos : Ma mission est claire :">
+
+
+              </v-expansion-panel>
             </v-col>
           </v-expansion-panels>
         </v-container>
@@ -241,19 +244,21 @@
                 <v-spacer></v-spacer>
                 <v-col cols="7" style="margin-top: 1%; margin-bottom: -2%;">
                   <v-row>
-                    <a href="https://www.facebook.com/profile.php?id=61556819217561">
+                    <a href="https://www.facebook.com/GuillaumeMousseau222">
                       <img class="socialicons" src="/images/hutopymedia/icons/black/facebookblack.png"
                         alt="Description image 2">
                     </a>
-                    <a href="https://www.facebook.com/profile.php?id=61556819217561">
+                    <a href="https://www.instagram.com/p/C2f-3UnNdfX/">
                       <img class="socialicons" src="/images/hutopymedia/icons/black/instagramblack.png"
                         alt="Description image 2">
                     </a>
+                    <!-- x
                     <a href="https://www.facebook.com/profile.php?id=61556819217561">
                       <img class="socialicons" src="/images/hutopymedia/icons/black/xblack.png"
                         alt="Description image 2">
-                    </a>
-                    <a href="https://www.facebook.com/profile.php?id=61556819217561">
+                    </a> -->
+
+                    <a href="https://www.tiktok.com/@guillaumeaime">
                       <img class="socialicons invert-color" src="/images/hutopymedia/icons/white/tiktokwhite.png"
                         alt="Description image 2">
                     </a>
@@ -268,8 +273,8 @@
                   style="border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; margin-top: 15px;">
                   <v-expansion-panels style="min-width: 320px;">
                     <v-col cols="12" offset="-1">
-                      <v-expansion-panel class="background-pink" style="color: white;" :key="i"
-                        text="mettre en lumière le côté humain des entrepreneurs. Chaque service, chaque produit est porteur d’une histoire, d’une passion, d’une vision unique. Mon objectif est de faire rayonner cette unicité, de créer des connexions authentiques entre ces entrepreneurs et leurs clients potentiels. Parce que derrière chaque entreprise, il y a des personnes inspirantes qui méritent d’être entendues et comprises. Et toi, quel est ton objectif pour cette année?"
+                      <v-expansion-panel class="background-pink text-justify" style="color: white;" :key="i"
+                        text="Mettre en lumière le côté humain des entrepreneurs. Chaque service, chaque produit est porteur d’une histoire, d’une passion, d’une vision unique. Mon objectif est de faire rayonner cette unicité, de créer des connexions authentiques entre ces entrepreneurs et leurs clients potentiels. Parce que derrière chaque entreprise, il y a des personnes inspirantes qui méritent d’être entendues et comprises. Et toi, quel est ton objectif pour cette année?"
                         title="À propos : Ma mission est claire :">
                       </v-expansion-panel>
                     </v-col>