site_logiciels/components/Formation/Certification.vue

<template>
  <AnchoredSection id="certification">
    <LayoutContainer>
      <v-row>
        <v-col cols="5">
          <LayoutUISubTitle>
            DES FORMATIONS CERTIFIÉES
          </LayoutUISubTitle>

          <LayoutUITitle>
            Certification Qualiopi : Marque de certification
          </LayoutUITitle>

          <div class="bloc-certif ml-12 mt-6 mr-12">
            <p>
              Nos formations sont certifiées Qualiopi - Actions de formation.
            </p>

            <p class="details-certifications">
              La marque « Qualiopi » vise à :
            </p>

            <ul>
              <li>
                attester de la qualité du processus mis en œuvre par les
                prestataires d’actions concourant au développement des
                compétences ;
              </li>
              <li>
                permettre une plus grande lisibilité de l’offre de formation
                auprès des entreprises et des usagers.
              </li>
            </ul>
          </div>
        </v-col>

        <v-col cols="7">
          <v-img src="/images/formation/qualiopi.jpg" />
        </v-col>
      </v-row>
    </LayoutContainer>
  </AnchoredSection>
</template>

<script setup lang="ts">
import AnchoredSection from "~/components/Layout/AnchoredSection.vue";
</script>

<style scoped lang="scss">
.v-row {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.bloc-certif {
  text-align: justify;
}

ul {
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
  color: #091d20;
  margin-top: 1rem;
}

.details-certifications {
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
  color: #091d20;
  margin-top: 1rem;
}
</style>