17 lines
596 B
Vue
17 lines
596 B
Vue
<script setup lang="ts">
|
|
const props = defineProps<{
|
|
title: string,
|
|
description: string
|
|
}>()
|
|
</script>
|
|
|
|
<template>
|
|
<div class="h-full w-[90%] m-auto flex flex-row bg-white">
|
|
<img class="rounded-full h-[450px] w-[450px] m-10" src="/photo_web.JPG" />
|
|
<div class="mt-8 flex flex-col">
|
|
<h1 class="text-5xl w-[530px]">{{ title }}</h1>
|
|
<h3 class="text-3xl font-normal w-[530px] h-[215px] overflow-hidden text-ellipsis">{{ description }}</h3>
|
|
<h3 class="text-2xl font-light italic text-gray-500 mt-2 ml-[410px]">Read more...</h3>
|
|
</div>
|
|
</div>
|
|
</template> |