bio.vue

<template>
    <div class="card card-profile text-center">
        <img
            src="storage/images/florence.jpg"
            class="card-img-top"
            alt="Header Image"
        >
        <div class="card-block">
            <img
                src="storage/images/machiavelli.png"
                class="card-profile-img"
                alt="Profile Image"
            >
            <h4 class="card-title">
                Niccolò Machiavelli
                <small>Italian Diplomat</small>
            </h4>
            <a
                href="storage/documents/the-prince.pdf"
                class="card-bio-link"
            >
                the-prince.pdf
            </a>
            <p class="card-bio">
                Diplomat, Politician, Historian, Philosopher, Writer, Playwright and Poet. The father of modern political philosophy and the first modern man.
            </p>
        </div>
    </div>
</template>

<script>
export default {
    data: () => ({}),

    mounted () {}
}
</script>