Skip to content
Snippets Groups Projects
Select Git revision
  • 8ebb6d45faff0324f5dba5b53394e887a8861530
  • master default protected
2 results

ExperienceView.vue

Blame
  • ExperienceView.vue 1.54 KiB
    <template>
      <TitleComposant label="Expériences" class="q-mt-xl" />
      <div class="q-my-lg">
        <div v-for="experience in experiences" :key="experience.title">
          <div class="text-h4 text-bold text-center q-my-sm" >{{experience.title}}</div>
          <div class="row justify-center non-selectable">
            <img :src="'/clement.franckelemon.etu/portfolio-2025/spa/'+experience.logo" width="30%" />
          </div>
          <div class="text-h5 text-center q-mt-xs">{{experience.periode}}</div>
          <div class="text-h5 text-center q-mb-md">{{experience.position}}</div>
          <div class="text-h6" v-for="content in experience.content" :key="content">
            <div class="q-mb-lg q-mx-xl">{{content}}</div>
          </div>
          <div class="q-mx-lg q-pt-sm" style="margin-bottom: 125px">
            <div class="row justify-evenly q-my-lg" style="row-gap: 80px; column-gap: 25px">
              <div v-for="competence in experience.comptences" :key="competence.name" class="non-selectable column items-center" :class=" $q.screen.lt.md ? 'col-4' : 'col-3'">
                <img class="full-width" :src="'/clement.franckelemon.etu/portfolio-2025/spa/'+competence.src" />
                <span class="q-ma-xs text-h6 text-bold sub-title text-uppercase" style="line-height: 1.2rem" :style="$q.screen.lt.md && 'font-size: 15px;'" >{{competence.name}}</span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </template>
    
    <script setup lang="ts">
    import TitleComposant from 'components/TitleComposant.vue'
    import experiences from 'components/experiences'
    </script>
    
    <style scoped>
    
    </style>