{% extends 'main_base.html.twig' %}
{% block styles %}{% endblock %}
{% block content %}
    <section class="position-relative" id="banner">
        <img src="{{ asset('assets/main/img/iletisim-banner.png') }}" alt="Banner" class="img-fluid w-100">
        <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">YETKİ BELGELERİ</li>
                </ol>
            </div>
        </div>
    </section>
    <section class="bg-white py-20" id="form">
        <div class="container-90 px-20">
            <div class="fw-boldest mx-auto w-75">
                Türkiye’nin lider Spk lisansının şirketi olarak, yetkinlik ve uzmanlığımızı T.C Ulaştırma Denizcilik ve Haberleşme Bakanlığı Karayolu Düzenleme Genel Müdürlüğünün belirttiği şartlar ve kurallar dahilinde sağlıyoruz.

            </div>
            <div id="yetkibelgesi" class="row d-flex justify-content-center mt-10">
                <div class="col-lg-2 col-sm-6 mb-sm-5 animate__animated animate__delay-4  animate__fadeInUp" data-animate="animate__fadeInUp">
                    <div class="h-100 card position-relative overflow-hidden yetki-card text-dark">
                        <div class="">
                            <div class="rounded-pill bo yetki-daire-left w-20px h-20px position-absolute bottom-25"></div>
                            <div class="rounded-pill bo yetki-daire-right w-20px h-20px position-absolute bottom-25"></div>
                        </div>
                        <div class="card-body text-center">
                            <img class="mt-15" src="{{ asset('assets/main/img/yetki-belgeleri/sermaye-piyasası-kurulu.png') }}" height="78" alt="">
                            <h3 class="card-title fs-7 mt-15 fw-normal">Sermaye Piyasası Kurulu G-050 (388) </h3>
                            <p class="mb-0 card-content mt-6 fs-8">01.01.2016 tarihinden itibaren “Geniş Yetkili Aracı Kurum” olarak yetkilendirilmiştir</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-2 col-sm-6 mb-sm-5 animate__animated animate__delay-4 animate__fadeInUp" data-animate="animate__fadeInUp">
                    <div class="h-100 card position-relative overflow-hidden yetki-card text-dark">
                        <div class="">
                            <div class="rounded-pill bo yetki-daire-left w-20px h-20px position-absolute bottom-25"></div>
                            <div class="rounded-pill bo yetki-daire-right w-20px h-20px position-absolute bottom-25"></div>
                        </div>
                        <div class="card-body text-center">
                            <img class="mt-15" src="{{ asset('assets/main/img/yetki-belgeleri/yetki-belgesi.png') }}"" height="78" alt="">
                            <h3 class="card-title fs-7 mt-15 fw-normal">Sermaye Piyasası Kurulu G-050 (388) </h3>
                            <p class="mb-0 card-content  mt-6 fs-8">01.01.2016 tarihinden itibaren “Geniş Yetkili Aracı Kurum” olarak yetkilendirilmiştir</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-2 col-sm-6 mb-sm-5 animate__animated animate__delay-4 animate__fadeInUp" data-animate="animate__fadeInUp">
                    <div class="h-100 card position-relative overflow-hidden yetki-card text-dark">
                        <div class="">
                            <div class="rounded-pill bo yetki-daire-left w-20px h-20px position-absolute bottom-25"></div>
                            <div class="rounded-pill bo yetki-daire-right w-20px h-20px position-absolute bottom-25"></div>
                        </div>
                        <div class="card-body text-center">
                            <img class="mt-15" src="{{ asset('assets/main/img/yetki-belgeleri/sermaye-piyasası-kurulu.png') }}"" height="78" alt="">
                            <h3 class="card-title fs-7 mt-15 fw-normal">Sermaye Piyasası Kurulu G-050 (388) </h3>
                            <p class="mb-0 card-content mt-6 fs-8">01.01.2016 tarihinden itibaren “Geniş Yetkili Aracı Kurum” olarak yetkilendirilmiştir</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-2 col-sm-6 mb-sm-5 animate__animated animate__delay-4 animate__fadeInUp" data-animate="animate__fadeInUp">
                    <div class="h-100 card position-relative overflow-hidden yetki-card text-dark">
                        <div class="">
                            <div class="rounded-pill bo yetki-daire-left w-20px h-20px position-absolute bottom-25"></div>
                            <div class="rounded-pill bo yetki-daire-right w-20px h-20px position-absolute bottom-25"></div>
                        </div>
                        <div class="card-body text-center">
                            <img class="mt-15" src="{{ asset('assets/main/img/yetki-belgeleri/yetki-belgesi.png') }}"" height="78" alt="">
                            <h3 class="card-title fs-7 mt-15 fw-normal">Sermaye Piyasası Kurulu G-050 (388) </h3>
                            <p class="mb-0 card-content mt-6 fs-8">01.01.2016 tarihinden itibaren “Geniş Yetkili Aracı Kurum” olarak yetkilendirilmiştir</p>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </section>
    <section id="yetkiBelgelerimiz">
        <div class="container-80 py-20">
            <div class="row">
                <div class="col-lg-8">
                    <h2>Ekibimiz</h2>
                    <p>Alanında uzman kadromuzu İNCELEMEK 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">Uzman
                        Kadromuz</a>
                </div>
            </div>
        </div>
    </section>
{% endblock %}