site_logiciels/components/About/Histoire.vue

<template>
  <LayoutContainer>
    <v-row>
      <v-col cols="3">
        <h5 class="title">
          Qui sommes-nous
        </h5>
      </v-col>

      <v-col cols="9">
        <h3 class="italic-title">
          “Imaginé par des musiciens pour des musiciens, Opentalent se veut être
          la référence pour la gestion et la promotion du spectacle vivant sur
          les territoires.”
        </h3>
      </v-col>
    </v-row>

    <v-row>
      <v-col cols="6">
        <v-img
          class="passion-img"
          src="/images/about/passion.jpg"
        />
      </v-col>

      <v-col cols="6">
        <h2 class="passion-title">
          Une histoire de passionnés
        </h2>
        <p class="passion-details">
          En 2005, Guillaume Corcoba, musicien depuis toujours et à ce moment là
          président d'un orchestre d'harmonie, mais également membre du conseil
          d'administration de sa fédération, réfléchit à un outil pour
          centraliser les informations de sa structure, mais également au niveau
          fédéral. Il souhaite simplifier la gestion des structures culturelles
          et en faire la promotion, car pour lui, le milieu culturel est
          indispensable. Il est rapidement rejoint par Michel Pernet-Solliet,
          lui aussi musicien, et ils montent ensemble Openassos, qui deviendra
          quelques années plus tard, Opentalent. Opentalent c'est un ensemble de
          3 logiciels spécialement dédiés à la culture et un portail culturel
          pour en faire la promotion.
        </p>

        <h2 class="culture-title">
          La Culture au service du développement territorial
        </h2>
        <p class="culture-details">
          Qui n'a jamais entendu que la culture coûtait trop cher ? On l'entend
          , ha ça oui on l'a même trop entendu ! Mais la culture c'est avant
          tout un facteur de lien social incroyable. On se retrouve, on échange,
          on partage... on vit ensemble. On crée des vrais moments et on
          développe des groupes de passionnés. On participe à rendre nos
          collectivités attractives et surtout on les fait vivre, toute l'année,
          à toutes les saisons. Depuis plusieurs décennies, un grand nombre de
          territoires s'appuie sur le développement de la culture comme un outil
          de développement territorial pour faire face à la
          désindustrialisation, à une croissance démographique ralentie ou
          encore une image défavorable. Ce modèle de développement par la
          culture pour pallier un déficit d’attractivité touristique inspire de
          plus en plus de politiques de développement territorial.
        </p>
      </v-col>
    </v-row>
  </LayoutContainer>
</template>

<script setup></script>

<style scoped>
.culture-details {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
  color: #091d20;
  width: 30rem;
}

.culture-title {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 400;
  font-size: 34px;
  line-height: 38px;
  color: #071b1f;
  margin-bottom: 3rem;
  width: 25rem;
}
.passion-title {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 600;
  font-size: 42px;
  line-height: 42px;
  color: #071b1f;
  flex: none;
  margin-bottom: 3rem;
}

.passion-details {
  font-family: "Barlow";
  font-family: "Barlow";
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
  color: #091d20;
  width: 30rem;
  margin-bottom: 2rem;
}

.passion-img {
  width: 60%;
  height: 100%;
  margin-left: 5rem;
  border-radius: 4rem;
}

.title {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 600;
  font-size: 10px;
  line-height: 15px;
  display: flex;
  align-items: center;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #071b1f;
}

.italic-title {
  font-family: "Barlow";
  font-style: italic;
  font-weight: 300;
  font-size: 34px;
  line-height: 40px;
  color: #091d20;
  width: 50rem;
  margin-left: 14rem;
  margin-bottom: 3rem;
}
</style>