site_logiciels/components/Formation/OPCA.vue

<template>
  <div id="Financement">
    <LayoutContainer>
      <div class="title-container mt-12 mb-6">
        <v-icon size="6" class="fa-solid fa-circle icon-title" />
        <h4 class="subtitle">Accessibilité</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>
  </div>
</template>

<script setup></script>

<style scoped>
.title-container {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 18px;
  color: #091d20;
  width: 20rem;
  margin-left: 2rem;
}

.subtitle {
  color: #071b1f;
  font-family: "Barlow";
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 15px;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  color: white;
}
.icon-title {
  margin-right: 0.7rem;
  color: #64afb7;
}

.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>