site_logiciels/components/Formation/Participation.vue

<template>
  <LayoutContainer>
    <div class="container-title">
      <v-icon class="fa-brands fa-react icon-title"></v-icon>
      <h6 class="subtitle-inscription text-center">Inscription</h6>
    </div>
    <h2 class="title-participation text-center">
      Vous souhaitez participer à une formation ?
    </h2>
    <v-row>
      <v-col cols="12">
        <v-img
          class="participation-img"
          src="/images/formation/participation.jpg"
        ></v-img>
      </v-col>
    </v-row>

    <v-row>
      <v-col cols="12">
        <p class="details-participations">
        Utilisez le menu "Contact" situé en haut et en bas de la page pour plus
        d'informations. Nous vous répondons sous 48h (hors week-ends). Délais
        d'accès: Après accord, nous mettons tout en oeuvre pour vous mettre à
        disposition un formateur sous 1 mois.
      </p>

      <p class="details-participations">
        Nos formations peuvent être accessibles aux personnes en situation de
        handicap. Chaque situation étant unique, nous vous demandons de préciser
        à l’inscription votre handicap. Nous pourrons ainsi confirmer l’ensemble
        des possibilités afin de vous permettre de suivre la formation dans les
        meilleures conditions en accord avec votre employeur. Pour toutes
        informations complémentaires, nous vous conseillons les structures
        suivantes : ONISEP, AGEFIPH et FIPHFP. Pour le bon déroulement de la
        formation, il est nécessaire de disposer d’un espace de travail calme et
        équipé d’au moins un ordinateur, connecté à internet, et dont le
        navigateur (Mozilla Firefox, Google Chrome, ou Apple Safari) est à jour.
        Nous recommandons d’utiliser un ordinateur par personne. Les
        participants devront également avoir des ordinateurs équipés de micros
        et de haut-parleurs, préférablement des micro-casques pour un meilleur
        confort d’écoute.
      </p>
      </v-col>

    </v-row>
  </LayoutContainer>
</template>

<style scoped>

.details-participations {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
  margin-top: 1rem;
  display: flex ;
  margin-left: 23rem;
  margin-right: 23rem;
}

.participation-img{
  margin-top: 2rem;
  width: 40%;
  margin-left: auto;
  margin-right: auto;
  border-radius: 20%;
}
.title-participation {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 600;
  font-size: 42px;
  line-height: 42px;
  text-align: center;
  color: #ffffff;
}
.icon-title {
  font-size: 1rem;
  margin-right: 1rem;
}
.container-title {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 2rem;
}
.container {
  background-color: #0e2d32;
  color: #ffffff;
}
.subtitile-inscription {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
  color: #091d20;
  margin-top: 1rem;
}
</style>