Infos-Chloé

src/views/manualusers/ChloeProfile.vue

@@ -28,7 +28,7 @@
       <!-- 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/cloe.beaugrand">
+          <a href="https://www.facebook.com/chloegestionmedias">
             <v-img class="socialicons-mobile" src="/images/hutopymedia/icons/black/facebookblack.png"
               alt="Facebook"></v-img>
           </a>
@@ -43,7 +43,7 @@
 
         <!-- 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/cloe.bg/">
+          <a href="https://www.instagram.com/chloe.photo_gms">
             <v-img class="socialicons-mobile" src="/images/hutopymedia/icons/black/instagramblack.png"
               alt="Instagram"></v-img>
           </a>
@@ -69,11 +69,14 @@
           class="social-icon-group-mobile">
           <v-expansion-panels style="min-width: 320px;">
             <v-col cols="12" offset="-1">
-              <v-expansion-panel class="background-pink text-justify" style="color: white;"
+              <v-expansion-panel class="background-pink text-justify" style="color: white;" text="
-                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 :">
+                      Axé sur l’être humain et le désir de performer, j’ai trouvé mon X avec les médias sociaux → Mon but est d’aider les entreprises à communiquer et à prospérer en renforçant leur image de marque à travers leur communauté! 
+Chaque collaboration est une aventure marketing inspirante!
 
 
+Je suis authentique, créative, stratégique, caféinée et à l’écoute. Et surtout, j’ai hâte de travailler avec vous!
+" title="À propos de moi.">
               </v-expansion-panel>
             </v-col>
           </v-expansion-panels>
@@ -234,11 +237,11 @@
                 <v-spacer></v-spacer>
                 <v-col cols="7" style="margin-top: 1%; margin-bottom: -2%;">
                   <v-row>
-                    <a href="https://www.facebook.com/cloe.beaugrand">
+                    <a href="https://www.facebook.com/chloegestionmedias">
                       <img class="socialicons" src="/images/hutopymedia/icons/black/facebookblack.png"
                         alt="Description image 2">
                     </a>
-                    <a href="https://www.instagram.com/cloe.bg/">
+                    <a href="https://www.instagram.com/chloe.photo_gms">
                       <img class="socialicons" src="/images/hutopymedia/icons/black/instagramblack.png"
                         alt="Description image 2">
                     </a>
@@ -253,8 +256,14 @@
                   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 text-justify" style="color: white;" text="Allo"
+                      <v-expansion-panel class="background-pink text-justify" style="color: white;" text="
-                        title="À propos">
+                      
+                      Axé sur l’être humain et le désir de performer, j’ai trouvé mon X avec les médias sociaux → Mon but est d’aider les entreprises à communiquer et à prospérer en renforçant leur image de marque à travers leur communauté! 
+Chaque collaboration est une aventure marketing inspirante!
+
+
+Je suis authentique, créative, stratégique, caféinée et à l’écoute. Et surtout, j’ai hâte de travailler avec vous!
+" title="À propos de moi.">
                       </v-expansion-panel>
                     </v-col>
                   </v-expansion-panels>
@@ -265,9 +274,101 @@
         </v-container>
 
         <!--   <PostContentMenu style="margin-top: -30px;"></PostContentMenu>  Post   -->
+        <!-- Card nouvelle boutique -->
+        <v-container>
+          <v-card class="flow-menu m-0 youtube-card">
+
+            <div
+              style="background-color: rgba(255, 255, 255, 0.1); margin-left: -5%; margin-right: -5%; margin-bottom: -5%;">
+              <v-container style="margin-top: -15px;">
+                <v-img src="images/usersmedia/chloebeaugrand/pictures/posts/postsChloeBeaugrand01.png"
+                  title="Guillaumem"></v-img>
+
+                <!-- Date -->
+                <v-row class="text-right">
+                  <v-col>
+                    <h1 style=" margin-right: 40px; margin-top: 10px">
+                      23-04-2024
+                    </h1>
+                  </v-col>
+                </v-row>
+
+                <p class="text-justify pa-10" style="margin-bottom: -3%; font-size: 1em">Quand on observe des gens
+                  réaliser un
+                  Rubik’s Cube ça a l’air si facile pour eux qu’on est vraiment impressionnés et peut-être même
+                  découragés…<br><br>
+
+                  Mais saviez-vous que pour résoudre ce casse-tête, il suffit d’une série de mouvements exécutés à
+                  répétitions
+                  dans le même ordre jusqu’à la fin?<br><br>
+
+                  La gestion de médias sociaux peut donner l’impression d’être un vrai casse-tête!
+
+                  La clé c’est de comprendre chaque élément individuellement et ensuite en faire un tout.
+                </p>
+
+                <!-- Like dislike commment Section -->
+                <div style="height: 20px;"></div>
+                <div
+                  style="z-index: 500; margin-bottom: 2%; background-color: rgba(0, 0, 0, 1); height: 3px; width: 100%; margin-top: 20px;">
+                </div>
+                <div style="background-color: rgba(0, 0, 0, 1); height: 3px; width: 100%; margin-top: 20px;">
+                </div>
+
+                <!-- Comments -->
+                <v-text-field style="margin-left: 2%; margin-bottom: 15px;"
+                  placeholder="Commentaire (Commentaire, Aime et Partagez sont non fonctionnel pour le moment)"></v-text-field>
+              </v-container>
+            </div>
+          </v-card>
+        </v-container>
 
 
+        <!-- Card nouvelle boutique -->
+        <v-container>
+          <v-card class="flow-menu m-0 youtube-card">
 
+            <div
+              style="background-color: rgba(255, 255, 255, 0.1); margin-left: -5%; margin-right: -5%; margin-bottom: -5%;">
+              <v-container style="margin-top: -15px;">
+                <v-img src="images/usersmedia/chloebeaugrand/pictures/posts/postsChloeBeaugrand02.png"
+                  title="Guillaumem"></v-img>
+
+                <!-- Date -->
+                <v-row class="text-right">
+                  <v-col>
+                    <h1 style=" margin-right: 40px; margin-top: 10px">
+                      23-04-2024
+                    </h1>
+                  </v-col>
+                </v-row>
+
+                <p class="text-justify pa-10" style="margin-bottom: -3%; font-size: 1em">
+                  Que ce soit pour un portrait créatif, la gestion totales de tes médias sociaux où pour devenir
+                  autonome à
+                  les gérer par toi-même → Je suis là pour ça!
+                  <br><br>
+
+                  Je te promets qu’on passera un bon moment ET que tu auras des résultats à la hauteur de tes attentes
+                  <v-icon icon="    mdi-emoticon"></v-icon>
+                </p>
+
+
+                <!-- Like dislike commment Section -->
+                <div style="height: 20px;"></div>
+                <div
+                  style="z-index: 500; margin-bottom: 2%; background-color: rgba(0, 0, 0, 1); height: 3px; width: 100%; margin-top: 20px;">
+                </div>
+                <div style="background-color: rgba(0, 0, 0, 1); height: 3px; width: 100%; margin-top: 20px;">
+                </div>
+
+                <!-- Comments -->
+                <v-text-field style="margin-left: 2%; margin-bottom: 15px;"
+                  placeholder="Commentaire (Commentaire, Aime et Partagez sont non fonctionnel pour le moment)"></v-text-field>
+              </v-container>
+            </div>
+          </v-card>
+        </v-container>
       </v-col>
 
       <!-- "Large-Monitor-RightCol" Donation -->

src/views/manualusers/HutopyProfile.vue

@@ -318,7 +318,7 @@
                   </v-col>
                 </v-row>
 
-                <p class="text-justify pa-10" style="margin-bottom: -3%; font-size: 1em">C'est parti pour 2024 ! De
+                <p class="text-justify pa-10" style="margin-bottom: -3%; font-size: 1em">
 
                   Bonjour, Nous sommes fiers de vous présenter la version 0.10 d'Hutopy. Nous sommes au début d'une
                   aventure