

<?php $__env->startSection('content'); ?>


<div class="max-w-screen-xl mt-16 p-4 bg-white dark:bg-gray-800 mx-auto px-4 sm:px-6 lg:px-8 relative py-26 lg:mt-20">
    <div class="relative">
        <div class="lg:grid lg:grid-flow-row-dense lg:grid-cols-2 lg:gap-8 lg:items-center">
            <div class="lg:col-start-2 lg:max-w-2xl ml-auto">
                <p class="text-base leading-6 text-indigo-500 font-semibold uppercase">
                    About Us
                </p>
                <h4 class="mt-2 text-2xl leading-8 font-extrabold text-gray-900 dark:text-white sm:text-3xl sm:leading-9">
                Sed ac magna sit amet risus tristique interdum, at vel velit in hac habitasse platea dictumst.
                </h4>
                <p class="mt-4 md:text-lg text-sm leading-6 text-gray-500 dark:text-gray-300">
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, quam nec venenatis lobortis, mi risus tempus nulla, sed porttitor est nibh at nulla. Praesent placerat enim ut ex tincidunt vehicula. Fusce sit amet dui tellus.
                </p>
            </div>
            <div class="mt-10 lg:-mx-4 relative relative-20 lg:mt-0 lg:col-start-1">
                <div class="relative space-y-4">
                    <div class="flex items-end justify-center lg:justify-start space-x-4">
                        <img class="rounded-lg shadow-lg w-32 md:w-56" width="200" src="<?php echo e(asset('images/pexels-johannes-havn-1716008.jpg')); ?>" alt="1"/>
                        <img class="rounded-lg shadow-lg w-40 md:w-64" width="260" src="<?php echo e(asset('images/tekton-YhKP9j4-5FQ-unsplash.jpg')); ?>" alt="2"/>
                    </div>
                    <div class="flex items-start justify-center lg:justify-start space-x-4 ml-12">
                        <img class="rounded-lg shadow-lg w-24 md:w-40" width="170" src="<?php echo e(asset('images/john-cameron-tm9Rt6BTMys-unsplash.jpg')); ?>" alt="3"/>
                        <img class="rounded-lg shadow-lg w-32 md:w-56" width="200" src="<?php echo e(asset('images/pexels-gustavo-fring-4173096.jpg')); ?>" alt="4"/>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<section class="bg-white dark:bg-gray-900">
    <div class="container px-6 py-10 mx-auto">
        <div class="lg:flex lg:items-center">
            <div class="w-full space-y-12 lg:w-1/2 ">
                <div>
                    <h1 class="text-3xl font-semibold text-gray-800 capitalize lg:text-4xl dark:text-white">Lorem ipsum dolor sit amet consectetur adipisicing elit</h1>

                    <div class="mt-2">
                        <span class="inline-block w-40 h-1 bg-blue-500 rounded-full"></span>
                        <span class="inline-block w-3 h-1 ml-1 bg-blue-500 rounded-full"></span>
                        <span class="inline-block w-1 h-1 ml-1 bg-blue-500 rounded-full"></span>
                    </div>
                </div>

                <div class="md:flex md:items-start md:-mx-4">
                    <span class="inline-block p-2 text-blue-500 bg-blue-100 rounded-xl md:mx-4 dark:text-white dark:bg-blue-500">
                        <svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 18.657A8 8 0 016.343 7.343S7 9 9 10c0-2 .5-5 2.986-7C14 5 16.09 5.777 17.656 7.343A7.975 7.975 0 0120 13a7.975 7.975 0 01-2.343 5.657z" />
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.879 16.121A3 3 0 1012.015 11L11 14H9c0 .768.293 1.536.879 2.121z" />
                        </svg>
                    </span>

                    <div class="mt-4 md:mx-4 md:mt-0">

                        <p class="mt-3 text-gray-500 dark:text-gray-300">
                            Lorem ipsum dolor sit amet consectetur adipisicing elit. Provident ab nulla quod dignissimos vel non corrupti doloribus voluptatum eveniet
                        </p>
                    </div>
                </div>
            </div>

            <div class="lg:flex md:items-center lg:w-1/2 md:justify-center mt-10">
                <img class="w-[28rem] h-[28rem] object-cover xl:w-[34rem] xl:h-[34rem] rounded-full" src="<?php echo e(asset('images/pexels-pixabay-162568.jpg')); ?>" alt="">
            </div>
        </div>

        <hr class="my-12 border-gray-200 dark:border-gray-700">

    </div>
</section>

<?php if(count($directors) < 1): ?>
<?php else: ?>
<!-- component -->
<section class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-4 py-12">
    <div class="text-center pb-12">
        <h2 class="text-base font-bold text-indigo-600">
            We have the best team
        </h2>
        <h1 class="font-bold text-3xl md:text-4xl lg:text-5xl font-heading text-gray-900">
            Check out our awesome Board of Directors
        </h1>
    </div>
    <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-2 lg:grid-cols-3 gap-6">
        <?php $__currentLoopData = $directors; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $director): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
        <div class="w-full bg-white rounded-lg p-12 flex flex-col justify-center items-center">
            <div class="mb-8">
            <?php if($director->image != null): ?>
                <img class="object-center object-cover rounded-full h-36 w-36" src="<?php echo asset('storage/images/'.$director->image); ?>" alt="photo">
            <?php else: ?>
                <img class="object-center object-cover rounded-full h-36 w-36" src="<?php echo asset('asset/img/download.png'); ?>" alt="photo">
            <?php endif; ?>
            </div>
            <div class="text-center">
                <p class="text-xl text-gray-700 font-bold mb-2"><?php echo e($director->name); ?></p>
                <p class="text-base text-gray-400 font-normal"><?php echo e($director->position); ?></p>
            </div>
        </div>
        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
    </div>
</section>
<?php endif; ?>



<script>
    var scrollToElement = function(el, ms){
        var speed = (ms) ? ms : 600;
        $('html,body').animate({
            scrollTop: $(el).offset().top
        }, speed);
    }
</script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH C:\wamp64\www\jango\resources\views/about.blade.php ENDPATH**/ ?>