Certification.vue 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118
  1. <template>
  2. <div id="Certification">
  3. <LayoutContainer>
  4. <div class="title-container mt-12 mb-6">
  5. <v-icon size="6" class="fa-solid fa-circle icon-title" />
  6. <h4 class="subtitle">DES FORMATIONS CERTIFIFIÉES</h4>
  7. </div>
  8. <h2 class="title-certification ml-8">Certification</h2>
  9. <v-row class="ml-6 ">
  10. <v-col cols="4">
  11. <h2 class="title-certification">
  12. Qualiopi : Marque de certification
  13. </h2>
  14. <p class="details-certifications">
  15. Nos formations sont certifiées Qualiopi - Actions de formation.
  16. </p>
  17. <p class="details-certifications">La marque « Qualiopi » vise à :</p>
  18. <ul class="list-qualiopi">
  19. <li>
  20. attester de la qualité du processus mis en œuvre par les
  21. prestataires d’actions concourant au développement des compétences
  22. ;
  23. </li>
  24. <li>
  25. permettre une plus grande lisibilité de l’offre de formation
  26. auprès des entreprises et des usagers.
  27. </li>
  28. </ul>
  29. </v-col>
  30. <v-col cols="5">
  31. <v-img src="/images/formation/qualiopi.jpg" class="qualiopi-img" />
  32. </v-col>
  33. </v-row>
  34. </LayoutContainer>
  35. </div>
  36. </template>
  37. <script setup></script>
  38. <style scoped>
  39. .title-container {
  40. display: flex;
  41. justify-content: center;
  42. align-items: center;
  43. font-weight: 600;
  44. font-size: 1.5rem;
  45. line-height: 18px;
  46. color: #091d20;
  47. width: 20rem;
  48. margin-left: 2rem;
  49. }
  50. .subtitle {
  51. color: #071b1f;
  52. font-family: "Barlow";
  53. font-size: 1rem;
  54. font-style: normal;
  55. font-weight: 600;
  56. line-height: 15px;
  57. letter-spacing: 1.8px;
  58. text-transform: uppercase;
  59. }
  60. .icon-title {
  61. margin-right: 0.7rem;
  62. color: #64afb7;
  63. }
  64. .qualiopi-img {
  65. margin-bottom: 5rem;
  66. bottom: 4rem;
  67. }
  68. .list-qualiopi {
  69. font-family: "Barlow";
  70. font-style: normal;
  71. font-weight: 300;
  72. font-size: 16px;
  73. line-height: 20px;
  74. color: #091d20;
  75. margin-top: 1rem;
  76. }
  77. .details-certifications {
  78. font-family: "Barlow";
  79. font-style: normal;
  80. font-weight: 300;
  81. font-size: 16px;
  82. line-height: 20px;
  83. color: #091d20;
  84. margin-top: 1rem;
  85. }
  86. .title-certification {
  87. font-family: "Barlow";
  88. font-style: normal;
  89. font-weight: 600;
  90. font-size: 42px;
  91. line-height: 42px;
  92. color: #071b1f;
  93. flex: none;
  94. order: 1;
  95. flex-grow: 0;
  96. margin-bottom: 2rem;
  97. }
  98. .icon-title {
  99. color: #9edbdd;
  100. font-size: 2rem;
  101. margin-right: 1rem;
  102. }
  103. .title-container {
  104. display: flex;
  105. align-items: center;
  106. margin-bottom: 2rem;
  107. margin-top: 4rem;
  108. }
  109. </style>