@extends('layout.layout')

@section('title', 'Hakkımızda')

@section('styles')
    @parent
@stop

@section('content')
    <!-- start main container -->
    <main class="bg-light">        
        <section>
            <header class="text-center bg_parallax bg-white">
                <div class="bg_shadow py-5" style="background: #212529;">
                    <div class="container py-3 position-relative text_shadow text-white">
                        <div class="row justify-content-center">
                            <div class="col-md-10 col-lg-8 col-xl-6">
                                <h2 class="font-weight-bold h1 section_title">Hakkımızda</h2>
                                <nav class="d-inline-block" aria-label="breadcrumb">
                                    <h2 class="sr-only">Breadcrumb</h2>
                                    <ol class="breadcrumb bg-transparent py-0">
                                        <li class="breadcrumb-item"><a class="text-light font-weight-bold" href="{{ route('home') }}">Anasayfa</a></li>
                                        <li class="breadcrumb-item active text-white" aria-current="page">Hakkımızda</li>
                                    </ol>
                                </nav> 
                            </div>
                        </div>
                    </div>
                </div>
            </header>
            <div class="container py-5">
                <div class="row py-3">
                    {{-- <div class="col-lg-6 order-1 order-lg-0">
                        <div class="bg_cover" style="background-image: url(assets/img/600x600.jpg); min-height: 360px; height: 100%;"></div>
                    </div> --}}
                    <div class="col-lg-12 order-0 order-lg-1 mb-5 mb-lg-0">
                        <section class="bg-white p-3 px-lg-4 pt-4 border d-print-none" style="height: 100%;">
                            <header class="border-bottom border-dark mb-4">
                                <h4 class="text-dark font-weight-bold mb-3" style="font-size: 35px;">Ekibimiz</h4>
                            </header>
                            <div class="text-muted">
                                <p style="font-size: 20px;">
                                    Ekibimizde yer alan şehir plancıları, mimarlar, inşaat mühendisleri, iktisatçılar ve gayrimenkul değerleme uzmanları ile birlikte oluşturduğumuz multi disipliner bir anlayışla Kurumsal firmaların portföylerinde yer alan gayrimenkullerin teknolojik altyapı ve yapay zeka kullanımı ile gayrimenkul ekosistemini (danışmanlık, yönetim, pazarlama ve satış süreci) oluşturmak ve firmalara kaynak sağlamak hedefiyle kurulduk.
                                </p>
                            </div> 

                            {{-- <div class="nav nav-pills text-center mt-5" id="pills-tab" role="tablist">

                                <a
                                    class="nav-link active btn btn-dark font-weight-bold py-3 mb-3 px-0"
                                    id="tab_mission"
                                    data-toggle="pill"
                                    href="#pills_mission"
                                    role="tab"
                                    aria-controls="pills_mission"
                                    aria-selected="true"
                                    >
                                    <i class="fas fa-medal fa-2x"></i> <span class="d-inline-block w-100">Our Mission</span>
                                </a>
                                <a
                                    class="nav-link btn btn-primary font-weight-bold py-3 mb-3 mx-3 px-0"
                                    id="tab_vision"
                                    data-toggle="pill"
                                    href="#pills_vision"
                                    role="tab"
                                    aria-controls="pills_vision"
                                    aria-selected="false"
                                    >
                                    <i class="fas fa-medal fa-2x"></i> <span class="d-inline-block w-100">Our Vision</span>
                                </a>
                                <a
                                    class="nav-link btn btn-success font-weight-bold py-3 mb-3 px-0"
                                    id="tab_cvalue"
                                    data-toggle="pill"
                                    href="#pills_values"
                                    role="tab"
                                    aria-controls="pills_values"
                                    aria-selected="false"
                                    >
                                    <i class="fas fa-medal fa-2x"></i> <span class="d-inline-block w-100">Our Value</span>
                                </a>
                            </div>
                            <div class="tab-content border border-dark mb-3 bg-light" id="pills-tabContent">
                                <div
                                    class="bg-white p-3 clearfix tab-pane fade active show slow_3s text-muted"
                                    id="pills_mission"
                                    role="tabpanel"
                                    >
                                    <p>
                                        Curabitur in dignissim lectus. Ut tincidunt enim quis neque tempor, mollis imperdiet felis convallis.
                                        Phasellus commodo magna eget varius semper. Morbi id dictum sem. Ut varius volutpat sapien in congue. Nam ex nulla, scelerisque at porttitor at, egestas at dolor.
                                    </p>

                                </div>
                                <div
                                    class="bg-white p-3 clearfix tab-pane fade slow_3s text-muted"
                                    id="pills_vision"
                                    role="tabpanel"
                                    >

                                    <p>
                                        Nulla sit amet nunc ac dolor egestas rhoncus id et nunc. Donec volutpat sem eget tellus volutpat pretium. Pellentesque mollis, nibh id maximus ultrices, lectus metus porta dui, quis scelerisque purus turpis et libero.
                                    </p>

                                </div>
                                <div
                                    class="bg-white p-3 clearfix tab-pane fade slow_3s text-muted"
                                    id="pills_values"
                                    role="tabpanel"
                                    >

                                    <p>
                                        Praesent laoreet venenatis justo, in lacinia metus elementum sit amet.
                                        Morbi id dictum sem. Ut varius volutpat sapien in congue. Nam ex nulla, scelerisque at porttitor at, egestas at dolor.
                                    </p>
                                </div>
                            </div> --}}
                        </section>
                    </div>
                </div>
            </div>


            {{-- <div class="container pb-5">
                <div class="row text-dark text-center no-gutters">
                    <div class="col-sm-4 py-4">
                        <div class="d-inline-block p-4 bg-primary">
                            <p class="h3 font-weight-bold text-light"><i class="fas fa-trophy fa-2x"></i> 33</p>
                        </div>
                        <p class="font-weight-bold mb-0 mt-3 h5">Our Employees</p>
                    </div>
                    <div class="col-sm-4 py-4">
                        <div class="d-inline-block p-4 bg-primary">
                            <p class="h3 font-weight-bold text-light"><i class="fas fa-trophy fa-2x"></i> 125</p>
                        </div>
                        <p class="font-weight-bold mb-0 mt-3 h5">Project Done</p>
                    </div>
                    <div class="col-sm-4 py-4">
                        <div class="d-inline-block p-4 bg-primary">
                            <p class="h3 font-weight-bold text-light"><i class="fas fa-trophy fa-2x"></i> 320</p>
                        </div>
                        <p class="font-weight-bold mb-0 mt-3 h5">Happy Client</p>
                    </div>
                </div>
            </div> --}}

            <!-- Start Call To Action -->
            {{-- <div class="bg_parallax" style="background-image: url(assets/img/1920x1000.jpg)">
                <div class="bg_shadow">
                    <div class="container py-5 text-center text-white">
                        <div class="row justify-content-center">
                            <div class="col-lg-9 col-xl-7">
                                <p class="h2 font_exbold mb-4 text_shadow">We help you find the place for your happiness</p>
                                <p class="h5 text_shadow">
                                    At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div> --}}
            <!-- End Call To Action -->
        </section>
    </main>
    <!-- end main container -->
@stop

@section('scripts')
    @parent
    <script>
        
    </script>
@endsection