<script setup>



</script>
<template>
    <section id="landingFeatures" class="landing-features">
        <div class="container">
            <div class="text-center ">
                <span class="text-center">LEADERSHIP</span>
            </div>
            <h1 class="text-center">
                <span class="text-center"><b>Meet Our Founders</b></span>
            </h1>
            <div class="text-center mx-7 py-2 mb-5">
                <span class="">Together, our founders created an online men’s health clinic that uses the power of
                    proactive
                    medicine to keep men healthy and performing optimally at every age and every stage of life.</span>
            </div>
            <div class="row">
                <div class="col-lg-6">
                    <img class="leadership-img img-fluid" :src="'assets/img/pages/about-craig.jpg'">
                    <h1 class="text-center">Craig Larsen</h1>
                    <p class="text-center">Co-Founder & CEO</p>
                </div>
                <div class="col-lg-6">
                    <img class="leadership-img text-center img-fluid" :src="'assets/img/pages/about-leif.jpg'">
                    <h1 class="text-center">Craig Larsen</h1>
                    <p class="text-center">Co-Founder & CEO</p>
                </div>
            </div>



        </div>
    </section>
</template>

<style>
.leadership-img {
    position: relative;
    display: block;
    margin: 0 auto;
}

@media (max-width:567px) {
    .features-icon-box {
        text-align: center;
    }

}
</style>
