<template>

<div class="">
        <div class="max-w-[443px]   h-[393px] p-[22px]  shadowing rounded-[38px]">
            <img class="max-w--120px border-[3px] border-blue-300 h-[120px] rounded-[16px] mb-[10px]" :src="founder.image" alt="">
            <span class="leading-[16.94px] h-[20px] text-[14px] font-medium	font-Inter">{{founder.title.slice(0,8)}}</span><br>
            <span  class="leading-[21.78px] h-[21px] text-[18px] text-blue-300 font-semibold	 	font-Inter">{{founder.title.slice(8,)}}</span><br>
            <span class="leading-[19.36px] h-[152px] text-black-300 text-[16px] font-normal		font-Inter" >{{founder.detils}}</span>

        </div>


   </div>
</template>
<script>
export default {
    props: ["founder"],
};
</script>
