{% extends 'main_base.html.twig' %}
{% block styles %}
    <style>
        #icerikBilgilendirme {
            position: relative;
            z-index: 1;
        }

        #icerikBilgilendirme .section-image {
            margin-top: -20%;
        }
    </style>
{% endblock %}
{% block content %}
    <section class="position-relative" id="banner">
        <img src="{{ asset('assets/main/img/hakkimizda-banner.jpg') }}" 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">HAKKIMIZDA</li>
                </ol>
            </div>
        </div>
    </section>
    <section id="icerikBilgilendirme">
        <div class="icerik-row">
            <div class="container-80">
                <div class="row">
                    <div class="col-lg-9">
                        <p class="fw-normal fs-1 mb-10">Kadim bir geçmişin yetiştirdiği nesillerin farklı amaçlar ancak aynı merak duygusuyla ürettikleri Teknolojik fikirler;</p>
                        <p class="fw-normal fs-1 text-gray-500">yeryüzünü ve toplumu tanıma ve tanımlama noktasında bir imkân vermiş mevcut ilerleyişin, teknolojik gelişmenin ve fikri değişimin temelini oluşturmuştur.</p>
                    </div>
                    <div class="col-lg-3">
                        <div class="animate__animated" data-animate="animate__fadeInUp">
                            <img src="{{ asset('assets/main/img/lifebuoy.png') }}" alt="">
                            <h3 class="mt-2">Proje Sahibi</h3>
                            <p class="fs-5">
                                Lorem Ipsum is simply dummy text of the printing
                                and typesetting industry.
                            </p>
                        </div>
                        <div class="animate__animated" data-animate="animate__fadeInUp">
                            <img src="{{ asset('assets/main/img/projeyi-fonlayan-kisi.png') }}" alt="">
                            <h3 class="mt-2">Projeyi Fonlayan kişi / kişiler</h3>
                            <p class="fs-5">
                                Lorem Ipsum is simply dummy text of the
                                printing and typesetting industry.
                            </p>
                        </div>
                        <div class="animate__animated" data-animate="animate__fadeInUp">
                            <img src="{{ asset('assets/main/img/kitle-fonlama-platformu') }}" alt="">
                            <h3 class="mt-2">Kitle Fonlama Platformu</h3>
                            <p class="fs-5">
                                Lorem Ipsum is simply dummy text of the
                                printing and typesetting industry.
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="d-flex justify-content-center align-items-center animate__animated" id="istatistik" data-animate="animate__fadeIn">
        <p class="mw-750px text-center fw-bolder fs-1 text-white">
            Ülkemizin girişimci ruhunu tetikleyerek filizlenmesi için,
            destek mekanizmalarını daha iyi kullanabilmeleri için ortak paydada
            aracı olmayı hedefliyoruz...
        </p>
    </section>
    <section class="bg-white" id="icerikBilgilendirme">
        <div class="icerik-row">
            <div class="container-80">
                <h1 class="mb-10 text-success">FONUNIQ UZMANLARI;</h1>
                <div class="section-content">
                    <img src="/fonuniq/public/assets/main/img/fonuniq-square.png" alt="Fonuniq" class="animate__animated animate__fadeInUp me-0 me-20 me-lg-20 me-md-20 me-sm-20 mt-5 mt-lg-n20 mt-md-0 mt-md-n20 mt-n20 mt-sm-n15 section-image w-150px w-md-200px w-sm-175px" data-animate="animate__fadeInUp">
                    <p class="fs-2 text-gray-500">
                        Bu, FONUNIQ’ın bölgedeki önemli ulusal ve uluslararası markalar
                        da dahil olmak üzere olgun ve oldukça karmaşık bir ortamda
                        gerekli talepleri karşılayabilecek ve performans gösterebilecek
                        işçileri yetiştirmeye yönelik eğitim programıdır.
                    </p>
                    <p class="fs-2 text-gray-500">
                        Bu program aynı zamanda bize, zorluklara göğüs germek ve kalkınma planımızın bir parçası olmak isteyen
                        yüksek potansiyelli çalışanları belirleme fırsatı da sağlıyor.
                    </p>
                </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="{{ path('app_main_takimimiz') }}" 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 %}