infojune/src/components/SoftBox.vue

  <template>
<div id="softbox">
<img width="200px" :src="getImgUrl(img)" :alt='name'>
  <h3>{{name}}</h3>
  <p>{{desc}}</p>
  <a target="_blank" :href="href" :class="buttonType">Aller</a>
<span class="licence">{{licence}}</span>
</div>
</template>
<script>


export default {

  props: {
    img:String,
    name:String,
    desc:String,
    href:String,
    licence:String,
    pubkey:String,
    buttonType:String,
    buttonValue:String,
  },

methods: {
getImgUrl(pic) {
    return require('../assets/'+pic)
},



}
}
</script>
<style>
#softbox{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.licence{
margin-top:10px;
}

</style>