@extends('layouts.app')
@section('style')
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.css"/>
<style>
    .profile {
        float: left;
        margin-right: 16px;
        margin-bottom: 16px;
    }
</style>
@endsection
@section('content')
<div>
    <section class="section-bg">
        <div class="container mb-4" data-aos="fade-up">
            <div class="section-title">
                <h3>Ketua Umum <span>PSMTI</span></h3>
            </div>
            <div class="shadow-lg bg-body-tertiary rounded" style="padding: 56px;">
                <div class="section-title">
                    <h4><span>{{$sekarang->nama}}</span></h4>
                </div>
                <div style="min-height: 300px;">
                    <span style="line-height: 1.8; text-align: justify;">
                        <img class="profile rounded" src="{{ URL::asset(config('app.path_images').'/ketua/' . $sekarang->foto) }}" style="width: 225px; height: auto;" width="100" height="100" alt="Berita">
                                            </span>
                </div>
            </div>
        </div>
    </section>
</div>
@endsection
@section('javascript')
<script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.umd.js"></script>
<script type="text/javascript">
    Fancybox.bind();
</script>
@endsection