<template>
  <LayoutContainer>
    <div class="container-img">
      <v-row>
        <h5>Vous voulez tirer le meilleur de notre logiciel ?</h5>
      </v-row>

      <v-row>
        <v-col cols="6">
          <h3>
            Quelle que soit votre demande, notre équipe est à vos côtés pour
            vous guider
          </h3>

          <v-btn>
            Consulter notre FAQ
          </v-btn>
        </v-col>

      
        <v-col cols="6">
          <v-btn>
            De nombreux articles tutoriels accessibles 24h/24
          </v-btn>

          <v-btn>
            Support accessible du lundi au vendredi via l’outil en ligne 
          </v-btn>
        </v-col>
      </v-row>
    </div>
  </LayoutContainer>
</template>

<script setup></script>

<style scoped>

/** container image : image cover */
.container-img {
  background-image: url("/images/logiciels/school/faq.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

</style>
