FAQ.vue 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. <template>
  2. <AnchoredSection id="help">
  3. <LayoutContainer>
  4. <v-row no-gutters class="alt-theme">
  5. <v-col cols="12" md="6">
  6. <v-img
  7. src="/images/pages/qui-sommes-nous/contact/Opentalent_a_votre_service.png"
  8. alt="Un homme et une femme tous les deux le sourire aux lèvres se serre la main"
  9. cover
  10. />
  11. </v-col>
  12. <v-col cols="12" md="6">
  13. <div class="d-flex flex-column">
  14. <h4>
  15. Chez Opentalent, nous avons à c&oelig;ur de répondre à vos
  16. interrogations et de vous apporter la solution faite pour vous.
  17. </h4>
  18. <v-btn to="/nous-contacter" class="inv-theme mt-12">
  19. Nous contacter
  20. </v-btn>
  21. </div>
  22. </v-col>
  23. </v-row>
  24. </LayoutContainer>
  25. </AnchoredSection>
  26. </template>
  27. <script setup lang="ts">
  28. import AnchoredSection from '~/components/Layout/AnchoredSection.vue'
  29. </script>
  30. <style scoped lang="scss">
  31. .v-col {
  32. height: 25rem;
  33. }
  34. .v-img {
  35. height: 25rem;
  36. }
  37. h4 {
  38. font-weight: 400;
  39. font-size: 2rem;
  40. line-height: 34px;
  41. width: 60%;
  42. margin: 3rem auto 2rem auto;
  43. color: var(--on-primary-color);
  44. text-align: justify;
  45. @media (max-width: 600px) {
  46. width: 80%;
  47. margin-left: 10%;
  48. }
  49. }
  50. .v-btn {
  51. width: 195px;
  52. height: 53px;
  53. background: var(--secondary-color) !important;
  54. border-radius: 6px;
  55. color: var(--on-secondary-color);
  56. padding: 19px 28px;
  57. gap: 9px;
  58. margin-right: auto;
  59. margin-left: auto;
  60. @media (max-width: 1240px) {
  61. width: 40%;
  62. margin-left: 30%;
  63. margin-bottom: 48px;
  64. }
  65. @media (max-width: 600px) {
  66. width: 80%;
  67. margin-left: 10%;
  68. }
  69. }
  70. </style>