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>