correction v3

components/About/FAQ.vue

@@ -8,12 +8,12 @@
 
       <v-col cols="6" class="help-col">
         <div class="ml-6">
-          <h4 class="subtitle-team">
+          <h4 class="subtitle-team ml-12">
             Chez Opentalent, nous avons à coeur de répondre à vos interrogations
             et de vous apporter la solution faite pour vous.
           </h4>
           <nuxt-link to="/nous-contacter">
-            <v-btn class="button-faq ml-6 mt-12">
+            <v-btn class="button-faq ml-12 mt-12">
               Nous contacter
             </v-btn></nuxt-link
           >
@@ -34,6 +34,7 @@
   color: white;
   padding: 19px 28px;
   gap: 9px;
+  margin-left: 2rem;
 }
 
 .help-img {

components/Home/Caroussel.vue

@@ -104,7 +104,7 @@ const carouselItems = ref([
       "Pour les petits comme pour les GRANDS établissements d’enseignement artistique tels que les écoles de musique, de danse, de théâtre, d'art, de cirque et conservatoire.<br> Il permet la gestion au quotidien et en temps réel de votre établissement, de gérer vos élèves et vos professeurs, vos emplois du temps, le suivi pédagogique, vos salles, la facturation et les encaissements…",
     buttonClass: "btn-school",
     image: "/images/carousel/school/Fille_School.png",
-    color: "rgba(195, 229, 231, 1)",
+    color: "rgba(32, 147, 190, 0.4)",
     link: "/opentalent_school",
     name: "Cindy Blanchard",
     school: "Conservatoire de Musique",

components/Layout/Carousel/TrustCompanie.vue

@@ -3,11 +3,15 @@
     <v-row justify="center">
       <h2 class="title text-center" :style="{ color: titleColor }">
         Plus de&nbsp;
-        <span style="color: #c3e5e7">{{ structureCount }}</span>&nbsp; {{ trustMessage }}
+        <span style="color: #c3e5e7">{{ structureCount }}</span
+        >&nbsp; {{ trustMessage }}
       </h2>
     </v-row>
 
-    <v-row justify="center">
+    <v-row justify="center"> </v-row>
+
+    <v-container>
+      <v-row>
       <div
         class="carousel-button"
         @click="goPrevious"
@@ -16,8 +20,20 @@
           color: carouselButtonColor,
         }"
       >
-      <i class="fas fa-chevron-left" :style="{ color: iconColor }" />
+        <i class="fas fa-chevron-left" :style="{ color: iconColor }" />
       </div>
+      <Carousel
+        ref="carousel"
+        class="carrousel elevation-4 mb-12"
+        :items-to-show="4"
+        :items-to-scroll="2"
+      >
+        <Slide v-for="(item, index) in items" :key="index">
+          <div class="card">
+            <v-img class="card-img" :src="item.src" alt="Card image cap" />
+          </div>
+        </Slide>
+      </Carousel>
       <div
         class="carousel-button"
         @click="goNext"
@@ -26,22 +42,11 @@
           color: carouselButtonColor,
         }"
       >
-      <i class="fas fa-chevron-right" :style="{ color: iconColor }" />
+        <i class="fas fa-chevron-right" :style="{ color: iconColor }" />
       </div>
     </v-row>
+    </v-container>
 
-    <Carousel
-      ref="carousel"
-      class="carrousel elevation-6 mb-12"
-      :items-to-show="4"
-      :items-to-scroll="2"
-    >
-      <Slide v-for="(item, index) in items" :key="index">
-        <div class="card">
-          <v-img class="card-img" :src="item.src" alt="Card image cap" />
-        </div>
-      </Slide>
-    </Carousel>
   </LayoutContainer>
 </template>
 
@@ -58,12 +63,12 @@ const props = defineProps({
   iconColor: String,
   trustMessage: {
     type: String,
-    default: 'nous font confiance' 
+    default: "nous font confiance",
   },
   structureCount: {
-    type: String, 
-    default: '5000 structures'
-  }
+    type: String,
+    default: "5000 structures",
+  },
 });
 
 const goPrevious = () => {
@@ -73,10 +78,17 @@ const goPrevious = () => {
 const goNext = () => {
   carousel.value.next();
 };
-
 </script>
 
 <style scoped>
+.v-row {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  max-width: 1300px;
+  margin-right: auto;
+  margin-left: auto;
+}
 .carousel-button i {
   color: black;
 }
@@ -105,8 +117,6 @@ const goNext = () => {
   background-color: white;
   margin-top: 2rem;
   border-radius: 20px;
-  height: 13em;
-  width: 60rem;
   margin-left: auto;
   margin-right: auto;
   box-shadow: #071b1f;

components/Layout/Prefooter.vue

@@ -71,7 +71,7 @@ const { smAndDown, lgAndUp } = useDisplay();
 
 .vertical-bar {
   height: 4rem;
-  border: 0.1rem solid black;
+  border: 0.1rem solid rgb(205, 205, 205);
   margin-top: 3rem;
 }
 

components/Logiciels/Artist/Formations.vue

@@ -1,5 +1,5 @@
 <template>
-  <div id="Formations">
+  <div id="Webinaires">
     <LayoutContainer>
       <div class="container-green 2">
         <v-row>

pages/opentalent_manager.vue

@@ -82,4 +82,4 @@ onMounted(() => {
     margin-bottom: -28rem;
   }
 }
-</style>
+</style>

pages/opentalent_school.vue

@@ -56,22 +56,6 @@ const squaresData = [
   },
 ];
 
-// onMounted(() => {
-//   const stickyMenu = document.getElementById("sticky-menu");
-//   const footer = document.getElementById("layout-footer");
-
-//   const observer = new IntersectionObserver(
-//     ([entry]) => {
-//       shouldShowStickyMenu.value = !entry.isIntersecting;
-//     },
-//     {
-//       root: null,
-//       threshold: 0,
-//     }
-//   );
-
-//   observer.observe(footer);
-// });
 </script>
 
 <style scoped>