site_logiciels/components/Logiciels/Artist/Solutions.vue

<template>
<LayoutContainer>
  <v-row>
    <h4>Ces solutions peuvent vous intéresser</h4>
  </v-row>

  <v-row class="row-artist">
    <v-col cols="3">
      <v-img
      src="/images/opentalent_artist_black.png"
      >
      </v-img>
    </v-col>
    
    <v-col cols="2">
      <h5>Opentalent Artist</h5>
    </v-col>

    <v-col cols="7">
      <!-- list v-chip-->
      <v-chip-group
      active-class="primary--text"
      column
      >
        <v-chip
        class="ma-2"
        color="primary"
        label
        >
          <span>Agenda</span>
        </v-chip>
        <v-chip
        class="ma-2"
        color="primary"
        label
        >
          <span>Facturation</span>
        </v-chip>
        <v-chip
        class="ma-2"
        color="primary"
        label
        >
          <span>Comptabilité</span>
        </v-chip>
        <v-chip
        class="ma-2"
        color="primary"
        label
        >
          <span>Communication</span>
        </v-chip>
        <v-chip
        class="ma-2"
        color="primary"
        label
        >
          <span>Site internet</span>
        </v-chip>
    </v-chip-group>
    </v-col>

  </v-row>

  <v-row class="row-artist">
    <v-col cols="3">
      <v-img
      src="/images/opentalent_manager_black.jpg"
      >
      </v-img>
    </v-col>
    
    <v-col cols="2">
      <h5>Opentalent Artist</h5>
    </v-col>

    <v-col cols="7">
      <!-- list v-chip-->
      <v-chip-group
      active-class="primary--text"
      column
      >
        <v-chip
        class="ma-2"
        color="primary"
        label
        >
          <span>Agenda</span>
        </v-chip>
        <v-chip
        class="ma-2"
        color="primary"
        label
        >
          <span>Facturation</span>
        </v-chip>
        <v-chip
        class="ma-2"
        color="primary"
        label
        >
          <span>Comptabilité</span>
        </v-chip>
        <v-chip
        class="ma-2"
        color="primary"
        label
        >
          <span>Communication</span>
        </v-chip>
        <v-chip
        class="ma-2"
        color="primary"
        label
        >
          <span>Site internet</span>
        </v-chip>
    </v-chip-group>
    </v-col>

  </v-row>
</LayoutContainer>

</template>

<script setup>
</script>

<style scoped>
</style>