<template>
<v-container>
  <div class="container">
    <v-row>
      <v-col cols="6">
          <h6>Découvrez nos dernières actualités</h6>
          <h2>Quoi de neuf ?</h2>
      </v-col>

      <v-col cols="6">
          <v-btn class="btn-news" color="primary" text>VOIR TOUTES LES ACTUALITÉS</v-btn>
      </v-col>
    </v-row>
    

    <v-row>
      <!-- caroussel des aactualités-->
      <v-col cols="12">
        <v-carousel cycle height="400" hide-delimiters>
          <v-carousel-item
            v-for="(item,i) in items"
            :key="i"
            :src="item.src"
          >
            <v-row>
              <v-col cols="6">
                <v-row>
                  <p>Logiciel de Gestion et  communication en ligne</p>

                </v-row>

                <v-row>
                  <p>Logiciel de Gestion et  communication en ligne</p>

                </v-row>
              </v-col>
            </v-row>
          </v-carousel-item>
        </v-carousel>
      </v-col>
            
    </v-row>
  </div>
</v-container>
</template>

<style scoped>
</style>