Qualite.vue 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. <template>
  2. <AnchoredSection id="satisfaction">
  3. <LayoutContainer>
  4. <v-row class="center-90">
  5. <v-col cols="12">
  6. <LayoutUISubTitle> ÉVALUATION DE LA QUALITÉ </LayoutUISubTitle>
  7. <div class="bloc-quali">
  8. <p>
  9. Les participants évaluent nos formations dans l’objectif d’avoir
  10. une amélioration continue de nos prestations. En 2023, nos
  11. formations ont obtenu un niveau de satisfaction de…
  12. </p>
  13. </div>
  14. </v-col>
  15. </v-row>
  16. <v-container>
  17. <v-row class="card-container mb-12">
  18. <v-col
  19. lg="3"
  20. class="d-flex justify-center align-center small-padding"
  21. >
  22. <CommonCardStat number="83%" text="Satisfaction formation" />
  23. </v-col>
  24. <v-col lg="3" class="d-flex justify-center align-center">
  25. <CommonCardStat number="87%" text="Satisfaction formateur" />
  26. </v-col>
  27. </v-row>
  28. </v-container>
  29. </LayoutContainer>
  30. </AnchoredSection>
  31. </template>
  32. <script setup lang="ts">
  33. import AnchoredSection from '~/components/Layout/AnchoredSection.vue'
  34. </script>
  35. <style scoped lang="scss">
  36. .bloc-quali {
  37. text-align: justify;
  38. margin: 18px;
  39. }
  40. .card-container {
  41. margin-left: auto;
  42. margin-right: auto;
  43. display: flex;
  44. justify-content: center;
  45. align-items: center;
  46. }
  47. .card {
  48. color: var(--on-alt-theme) !important;
  49. background: var(--primary-color);
  50. }
  51. </style>