{% extends 'main_base.html.twig' %}
{% block styles %}{% endblock %}
{% block content %}
    <section class="position-relative" id="banner">
        <img src="{{ asset('assets/main/img/yatirim-komitemiz-banner.png') }}" alt="Banner" class="w-100 img-fluid">
        <div class="position-absolute start-0 bottom-0 w-100">
            <div class="container-90 px-20">
                <ol class="breadcrumb pb-2">
                    <li class="breadcrumb-item"><a href="#" class="text-white">ANASAYFA</a></li>
                    <li class="breadcrumb-item text-dark">YATIRIM KOMİTEMİZ</li>
                </ol>
            </div>
        </div>
    </section>
    <section class="bg-white py-20" id="yonetim">
        <div class="container-80">
            <div class="row">
                {% for i in 1..8 %}
                    <div class="col-sm-6 col-lg-6 mb-10 animate__animated" data-animate="animate__fadeInUp">
                        <div class="card shadow-sm bg-white bg-hover-dark text-hover-light">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-lg-4 d-flex flex-center text-center">
                                        <img src="/fonuniq/public/assets/main/img/metin-kartal.png" alt="metin kartal" class="">
                                        <img src="/fonuniq/public/assets/main/img/linkedin.png" width="47" height="45" alt="linkedin" class="bg-success ms-lg-n5 ms-sm-n5 mt-n5 p-3 rounded-circle">
                                    </div>
                                    <div class="col-lg-8">
                                        <h3 class="mb-0 text-reset">METİN KARTAL</h3>
                                        <div class="mb-5 fs-5 text-gray-700">Yatırım Komitesi Üyesi</div>
                                        <p>
                                            Lorem Ipsum is simply dummy text of the printing and
                                            typesetting industry. Lorem Ipsum has been the industry’s
                                            standard dummy text ever since the 1500s, when an unknown
                                            printer took a galley of type and scrambled it to make a type
                                            specimen book.
                                        </p>
                                        <div class="text-end">
                                            <a href="">Detaylı İnceleyin</a>
                                        </div>
                                    </div>
                                </div>                            </div>
                        </div>
                    </div>
                {% endfor %}
            </div>
        </div>
    </section>
    <section id="yetkiBelgelerimiz">
        <div class="container-80 py-20">
            <div class="row">
                <div class="col-lg-8">
                    <h2>Sertifika ve Belgeler</h2>
                    <p>Sistemimize ait yetki belgeleri ve uzmanlık alanlarımızı görmek istermisiniz ?</p>
                </div>
                <div class="col-lg-4 text-end">
                    <a href="" class="btn btn-lg btn-bg-dark btn-active-success btn-text-success btn-active-text-dark rounded-pill">Yetki Belgelerimiz</a>
                </div>
            </div>
        </div>
    </section>
{% endblock %}