site_logiciels/components/Logiciels/Artist/Banner.vue

<template>
  <LayoutContainer>
    <v-row>
      <LayoutUIBannerTitle
        :leftText="'School'"
        :centerText="'Opentalent Artist'"
        :rightText="'Manager'"
      />
    </v-row>

    <v-row>
      <v-col cols="12">
        <LayoutUIBanner
          :imageSrc="'/images/logiciels/artist/banner.jpg'"
          imageAlt="'line'"
          :squareText="'École de musique, d\'art, de danse, de cirque, conservatoireset MJC'"
          :logoSrc="'/images/logo/logiciels/Artist-noir.png'"
          :squareColor="'#fac20a'"
          :blueSquareColor="'#FFF'"
        />
      </v-col>
    </v-row>
  </LayoutContainer>
</template>

<script setup></script>

<style scoped>

.container-title {
  display: flex;
  justify-content: space-around;
  line-height: 16px;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.18em;
  border-bottom: 0.1rem solid #eaeaea;
}

.text-left {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 600;
  font-size: 3rem;
  line-height: 85px;
  color: #000000;
  opacity: 0.1;
  margin-top: 2rem;
  margin-left: 5rem;
}
.text-right {
  margin-top: 2rem;
  font-family: "Barlow";
  font-style: normal;
  font-weight: 600;
  font-size: 3rem;
  line-height: 85px;
  text-align: center;
  color: #000000;
  text-align: right;
  opacity: 0.1;
  margin-right: 5rem;
}


.logiciel {
  font-family: "Barlow";
  font-style: normal;
  font-size: 3rem;
  line-height: 85px;
  text-align: center;
  color: #000000;
  margin-left: 6rem;
  margin-right: 4rem;
}

</style>