Browse Source

Merge branch 'hotfix/V8-6184'

Vincent 1 year ago
parent
commit
91d1b9047d
2 changed files with 55 additions and 0 deletions
  1. 52 0
      components/Formation/Qualite.vue
  2. 3 0
      pages/formations.vue

+ 52 - 0
components/Formation/Qualite.vue

@@ -0,0 +1,52 @@
+<template>
+  <AnchoredSection id="satisfaction">
+    <LayoutContainer>
+      <v-row class="center-90">
+        <v-col cols="12">
+          <LayoutUISubTitle> ÉVALUATION DE LA QUALITÉ </LayoutUISubTitle>
+
+          <div class="bloc-quali">
+            <p>Les participants évaluent nos formations dans l’objectif d’avoir une amélioration continue de nos prestations. En 2023, nos formations ont obtenu un niveau de satisfaction de…</p>
+          </div>
+        </v-col>
+      </v-row>
+
+      <v-container>
+        <v-row class="card-container mb-12">
+          <v-col lg="3" class="d-flex justify-center align-center small-padding">
+            <CommonCardStat number="83%" text="Satisfaction formation" />
+          </v-col>
+
+          <v-col lg="3" class="d-flex justify-center align-center">
+            <CommonCardStat number="87%" text="Satisfaction formateur" />
+          </v-col>
+        </v-row>
+      </v-container>
+
+    </LayoutContainer>
+  </AnchoredSection>
+</template>
+
+<script setup lang="ts">
+import AnchoredSection from '~/components/Layout/AnchoredSection.vue'
+</script>
+
+<style scoped lang="scss">
+.bloc-quali {
+  text-align: justify;
+  margin: 18px;
+}
+
+.card-container {
+  margin-left: auto;
+  margin-right: auto;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.card {
+  color: var(--on-alt-theme) !important;
+  background: var(--primary-color);
+}
+</style>

+ 3 - 0
pages/formations.vue

@@ -27,6 +27,8 @@
 
     <FormationOPCA />
 
+    <FormationQualite />
+
     <FormationCertification />
 
     <FormationParticipation />
@@ -49,6 +51,7 @@ const menus: Array<MenuScroll> = [
   { anchor: 'presentation', label: 'Présentation' },
   { anchor: 'catalog', label: 'Catalogue' },
   { anchor: 'financing', label: 'Financement' },
+  { anchor: 'satisfaction', label: 'Satisfaction' },
   { anchor: 'certification', label: 'Certification' },
   { anchor: 'inscription', label: 'Inscription' },
   { anchor: 'testimonials', label: 'Témoignages' },