<template>
  <AnchoredSection id="certification">
    <LayoutContainer>
      <v-row class="center-90">
        <v-col cols="12" md="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="12" md="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">
.bloc-certif {
  text-align: justify;
}

ul {
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
  color: var(--primary-color);
  margin-top: 1rem;
}

.details-certifications {
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
  color: var(--primary-color);
  margin-top: 1rem;
}
</style>
