initial commit

resources/js/views/pages/home/OurStory/OurLeaderShip.vue

@@ -0,0 +1,52 @@
+<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>