correction tableau comparatif

components/Home/News.vue

@@ -61,12 +61,10 @@ import "vue3-carousel/dist/carousel.css";
 const carousel = ref(null);
 
 const goPrevious = () => {
-  console.log("goPrevious a été appelé");
   carousel.value.prev();
 };
 
 const goNext = () => {
-  console.log("goNext a été appelé");
   carousel.value.next();
 };
 

components/Home/Solution.vue

@@ -35,18 +35,18 @@
           <v-col cols="6">
             <ul class="list-solutions">
               <li class="details-solution">Gestion des membres</li>
-              <li class="details-solution">Gestion des membres</li>
-              <li class="details-solution">Gestion des membres</li>
-              <li class="details-solution">Gestion des membres</li>
+              <li class="details-solution">Agenda</li>
+              <li class="details-solution">Matériel & médiathèque</li>
+              <li class="details-solution">Export de données</li>
             </ul>
           </v-col>
 
           <v-col cols="6">
-            <ul>
-              <li class="details-solution">Gestion des membres</li>
-              <li class="details-solution">Gestion des membres</li>
-              <li class="details-solution">Gestion des membres</li>
-              <li class="details-solution">Gestion des membres</li>
+            <ul class="list-solutions">
+              <li class="details-solution">Communication </li>
+              <li class="details-solution">Statistiques</li>
+              <li class="details-solution">Site internet</li>
+              <li class="details-solution">Partage de données en réseau</li>
             </ul>
           </v-col>
         </v-row>
@@ -81,18 +81,18 @@
           <v-col cols="6">
             <ul class="list-solutions">
               <li class="details-solution">Gestion des membres</li>
-              <li class="details-solution">Gestion des membres</li>
-              <li class="details-solution">Gestion des membres</li>
-              <li class="details-solution">Gestion des membres</li>
+              <li class="details-solution">Agenda du réseau</li>
+              <li class="details-solution">Matériel & médiathèque</li>
+              <li class="details-solution">Gestion administrative</li>
             </ul>
           </v-col>
 
           <v-col cols="6">
-            <ul>
-              <li class="details-solution">Gestion des membres</li>
-              <li class="details-solution">Gestion des membres</li>
-              <li class="details-solution">Gestion des membres</li>
-              <li class="details-solution">Gestion des membres</li>
+            <ul class="list-solutions">
+              <li class="details-solution">Statistiques réseau</li>
+              <li class="details-solution">Cotisations</li>
+              <li class="details-solution">Site internet</li>
+              <li class="details-solution">Communication</li>
             </ul>
           </v-col>
         </v-row>
@@ -119,19 +119,19 @@
         <v-row>
           <v-col cols="6">
             <ul class="list-solutions">
-              <li class="details-solution">Gestion des membres</li>
-              <li class="details-solution">Gestion des membres</li>
-              <li class="details-solution">Gestion des membres</li>
-              <li class="details-solution">Gestion des membres</li>
+              <li class="details-solution">Gestion des personnes</li>
+              <li class="details-solution">Préinscription en ligne*</li>
+              <li class="details-solution">Agenda</li>
+              <li class="details-solution">Suivi pédagogique</li>
             </ul>
           </v-col>
 
           <v-col cols="6">
-            <ul>
-              <li class="details-solution">Gestion des membres</li>
-              <li class="details-solution">Gestion des membres</li>
-              <li class="details-solution">Gestion des membres</li>
-              <li class="details-solution">Gestion des membres</li>
+            <ul class="list-solutions">
+              <li class="details-solution">Règlements</li>
+              <li class="details-solution">Communication</li>
+              <li class="details-solution">Site internet</li>
+              <li class="details-solution">Statistiques</li>
             </ul>
           </v-col>
         </v-row>
@@ -164,14 +164,12 @@
 }
 
 .list-solutions {
-  margin-left: 0.5rem;
-  margin-top: 0.5rem;
+  margin-top: 0.9rem;
   font-size: 0.5rem;
 }
 
 .details-solution {
   font-size: 0.5rem;
-  margin-top: 0.5rem;
   width: 10rem;
   margin-left: 1rem;
   font-family: "Barlow";

components/Logiciels/School/Premium.vue

@@ -1,12 +1,17 @@
 <template>
   <div id="Comparatif">
     <LayoutContainer>
-      <div class="d-flex justify-center align-center">
+      <v-row>
+        <div class="d-flex justify-center align-center">
         <v-icon size="10" class="fa-solid fa-circle icon-title"></v-icon>
-        <h5 class="subtitle">Découvrez les avantages de la solution</h5>
+        <h5 class="subtitle">Comparatif de nos solutions</h5>
       </div>
+      </v-row>
+      <v-row>
+        <h3 class="title">Et si vous passiez à la version Premium</h3>
+
+      </v-row>
 
-      <h3 class="title">Et si vous passiez à la version Premium</h3>
       <table class="table-comparatif">
         <thead>
           <tr>
@@ -170,6 +175,10 @@ color: #454545;
 padding-right: 5rem;
 }
 
+.ttc{
+  text-transform: uppercase;
+}
+
 .price, .month{
   font-family: 'Barlow';
 font-style: normal;
@@ -204,6 +213,8 @@ color: #454545;
 }
 .icon-title {
   color: rgba(32, 147, 190, 0.6);
+  font-size: 1.5rem;
+  margin-left: 3rem;
 }
 .subtitle {
   font-family: "Barlow";
@@ -211,12 +222,11 @@ color: #454545;
   font-weight: 500;
   font-size: 0.9rem;
   margin-left: 0.5rem;
-  margin-right: 73rem;
 }
 
 .title {
   font-size: 1.5rem;
-  font-weight: 500;
+  font-weight: 600;
   margin-left: 3rem;
   width: 27rem;
   font-family: "Barlow";
@@ -234,10 +244,10 @@ color: #454545;
   line-height: 34px;
 }
 .table-comparatif {
-  width: 80rem;
+  width: 80%;
   margin-top: 1rem;
-  margin-left: 5rem;
-  margin-right: 5rem;
+  margin-right: auto;
+  margin-left: auto;
   border: none;
   border-collapse: collapse;
 }

components/Logiciels/School/Projet.vue

@@ -140,13 +140,12 @@
   font-style: normal;
 }
 .contact {
-  margin-top: 2rem;
-  margin-bottom: 3rem;
+  margin-bottom: .5rem;
   margin-right: 10rem;
 }
 
 .icon-title {
-  margin-bottom: 1rem;
+  margin-bottom: .5rem;
   margin-right: 1rem;
   color: rgba(32, 147, 190, 0.6);
 }
@@ -172,7 +171,7 @@
 }
 
 .contact-container {
-  margin-left: 10rem;
+  margin-left: 5rem;
   font-weight: 600;
   font-size: 12px;
   line-height: 16px;
@@ -188,6 +187,6 @@
   color: #0e2d32;
 }
 .femme-casque {
-  width: 15rem;
+  width: 18rem;
 }
 </style>