@extends('frontend.layouts.main-en')

@section('styles')
    <!-- AOS Animation CSS -->
    <link href="{{ asset('build/frontend/assets/css/aos.css') }}" rel="stylesheet" />
    <!-- Style CSS -->
    <link rel="stylesheet" href="{{ asset('build/frontend/assets/css/style.css') }}" />

    <!-- Swiper Slider -->
    <link rel="stylesheet" href="{{ asset('build/frontend/assets/css/swiper-bundle.min.css') }}" />
@endsection

@section('content')
    <div class="-mt-[82px] flex-grow overflow-x-hidden lg:-mt-[106px]">
        <div
            class="bg-[url(../build/frontend/assets/images/inner-page-hero-bg.png)] bg-cover bg-bottom bg-no-repeat pt-[82px] lg:pt-[106px]">
            <div class="relative">
                <div class="container">
                    <div class="relative w-full py-14 md:my-14 md:inline-block md:py-0 lg:my-[128px]">
                        <div class="heading relative mb-8 text-center lg:mb-0 lg:w-1/2 ltr:lg:text-left rtl:lg:text-right">
                            <h6>Member of the Supervisory Board and Chairman of the Risk Committee</h6>
                            <h4 class="!text-white">Dr Boris Korenak</h4>
                            <ul class="items-center justify-center pt-6 sm:flex lg:justify-start">
                                <li class="flex items-center justify-center">
                                </li>
                                <li>
                                </li>
                                <li>
                                </li>
                            </ul>
                        </div>
                        <div class="top-0 mt-6 ltr:right-0 rtl:left-0 md:mt-0 lg:absolute" data-aos="fade-left"
                            data-aos-duration="1000">
                            <img src="{{ asset('') }}build/frontend/assets/images/team/boris-korenak.jpg"
                                alt="blog-detail-hero"
                                class="mx-auto h-80 rounded-[32px] object-cover sm:h-[400px] sm:w-[445px]" />
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <section class="bg-gradient-to-t from-white to-transparent py-14 dark:bg-none md:py-[100px]">
            <div class="container">
                <div class="prose max-w-full dark:prose-invert">
                    <h2>&nbsp;</h2>



                    <p>Dr Boris Korenak leads the company Investometrix from Canada, recognized as a global CFA Institute Prep
                    Partner. He is a consultant at the Ministry of Finance of the Republic of Serbia under the World Bank
                    program. He is engaged as a lecturer at the Belgrade Banking Academy, ESEM MBA program, and CFA exam
                    preparation courses.</p>
                    <p>He has worked in the derivatives and collateral department as a Derivative Analyst
                    and later as Associate Director at Sun Life Capital Management – Sun Life Financial, the largest
                    investment firm in Canada. He also worked on the Trading Floor within DMCC and Evanson Institute in
                    Dubai Knowledge Park, United Arab Emirates.</p>
                    <p>In addition to the Portfolio Manager license issued by the
                    Securities Commission, he holds CFA and CIPM desingations issued by the CFA Institute, as well as the
                    FRM license from the Global Association of Risk Professionals (USA).</p>
                    <p>At Eclectica Capital a.d., he
                    serves as a member of the Supervisory Board and Chairman of the Risk Committee.</p>

                </div>
            </div>
        </section>

        @include('frontend.pages.en.team-slider')

    </div>
@endsection

@section('scripts')
    <!-- AOS Animation JS -->
    <script src="{{ asset('build/frontend/assets/js/aos.js') }}"></script>
    <!-- Custom Js -->
    <script src="{{ asset('build/frontend/assets/js/custom.js') }}"></script>


    <!-- Swiper Slider JS -->
    <script src="{{ asset('build/frontend/assets/js/swiper-bundle.min.js') }}"></script>

    <script>
        // Logo Slider
        var logoSwiper = new Swiper('.logo-slider', {
            loop: true,
            slidesPerView: 'auto',
            spaceBetween: 10,
            speed: 4000,
            autoplay: {
                delay: 0,
                disableOnInteraction: false,
            },
            breakpoints: {
                320: {
                    slidesPerView: 1.7,
                },
                600: {
                    slidesPerView: 2,
                },
                1000: {
                    slidesPerView: 3,
                },
                1142: {
                    slidesPerView: 5,
                },
            },
        });
    </script>
@endsection