@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-image: linear-gradient(to right,#009fe3,#00dcdd);">
                    <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 f-w 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>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-0PJFNHLGNE"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-0PJFNHLGNE');
</script>
            </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;">Markest Bilgi Teknolojileri</h4>
                            </header>
                            <div class="text-muted">
                                <p style="font-size: 20px;">
                                    Markest Bilgi Teknolojileri yazılım ve proje yönetimi konusunda deneyimli bir ekip tarafından kurumsal bir çatı altında 2023 te kurulmuştur. Markest Bilgi Property teknoloji geliştiren bir firma olarak kurumsal müşterilerinin hem yenilikçi dijital platform ile gayrimenkul satış süreçlerinde hem de varlık yönetim sistemleri anlamında bütünleşik yazılım hizmeti sunmaktadır.
                                </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