site_logiciels/components/Formation/OPCA.vue

<template>
  <LayoutContainer>
    <div class="title">
      <v-icon class="fa-brands fa-react icon" />
      <h4>Présentation d'opentalent school</h4>
    </div>

    <v-row class="row">
      <v-col cols="6">
        <v-img
          src="/images/formation/programme.jpg"
          class="opca-img"
        />
      </v-col>

      <v-col
        cols="6"
        class="col-opca"
      >
        <v-row>
          <h3 class="title-opca">
            Des formations éligibles par votre OPCA
          </h3>
        </v-row>

        <v-row>
          <div class="details-opca">
            <p>
              Les formations dispensées par Opentalent entrent dans le cadre de
              la formation professionnelle continue et peuvent être pris en
              charge par votre OPCA (Uniformation, AFDAS, ...). Si votre
              formation est prise en charge par un organisme accrédité, des
              documents pourront vous être demandés (convention de
              formation...). Nous pouvons vous fournir tous les éléments
              nécessaires mais les démarches restent de votre responsabilité.
              Afin de réduire le coût,nos formations sont exonérées de TVA.
            </p>

            <p>
              Enregistrée sous le n° 82 74 02696 74. Cet enregistrement ne vaut
              pas l’agrément de l’état.
            </p>
          </div>
        </v-row>
      </v-col>
    </v-row>
  </LayoutContainer>
</template>

<script setup></script>

<style scoped>
.row,
.title {
  margin-left: 5rem;
  margin-right: 5rem;
}

.opca-img {
  width: 70%;
  border-radius: 2rem;
}

.details-opca {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
  margin-right: 15rem;
  margin-top: 2rem;
  color: #ffffff;
}

.title-opca {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 600;
  font-size: 42px;
  line-height: 42px;
  color: #ffffff;
  margin-top: 2rem;
  margin-right: 8rem;
}
.icon {
  margin-right: 0.5rem;
}
.title {
  display: flex;
  align-items: center;
  font-family: "Barlow";
  font-style: normal;
  font-weight: 600;
  font-size: 10px;
  line-height: 15px;
  margin-bottom: 2rem;
  display: flex;
  align-items: center;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-top: 4rem;
  color: #ffffff;
}

.container {
  background: #0e2d32;
}
</style>