@extends('layouts.new_landing')

@section('content')
<!-- Page Breadcrumbs Start -->
{{-- <div id="about-us-header" class="slider bg-navy-blue bg-fixed pos-rel breadcrumbs-page">
    <div class="container" style="z-index: 2; position: relative;">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="#"><i class="icofont-home"></i></a></li>
                <li class="breadcrumb-item"><a href="#">Pages</a></li>
                <li class="breadcrumb-item active" aria-current="page">About Us</li>
            </ol>
        </nav>

        <h1>About Us</h1>
        <div class="breadcrumbs-description">
            Meet the amazing team behind this project and find out more about how we work.
        </div>
    </div>
</div> --}}
<!-- Page Breadcrumbs End -->

<!-- Main Body Content Start -->
<main id="body-content">

    <!-- What Makes Us Special Start -->
    <section id="what-is-ekaer-pro" class="wide-tb-80">
        <div class="container pos-rel">
            <div class="row align-items-center">

                <div class="col-md-6 wow fadeInLeft" data-wow-duration="0" data-wow-delay="0s">
                    <h2 class="mb-4 fw-7 txt-blue">
                        Mi is az <span class="fw-6 txt-orange">EKÁER pro</span>
                    </h2>

                    <p>Elsőként, mi is az EKÁER? Az EKÁER az Elektronikus Közúti Áruforgalom Ellenőrző Rendszer rövidítése.
					Sokkal fontosabb azonban, hogy bizonyos árúcsoportok szállításához kötelező az EKÁER szám igénylés Európa szerte.
					Azért mert valami kötelező, nem kell hogy bonyolult és használhatatlan legyen -legalábbis nálunk biztos nem-</p>

                    <p>Ezért hoztuk létre az EKÁER pro oldalt. Azt gondoljuk, ha már valamit igényelni kell és időbe/energiába kerül,
						az legyen egyszerü, gyors és hatékony. Szeretni még így is nehéz, de legalább könnyen tanulható és gördülékeny. Próbáld ki!</p>
                </div>


                <div class="col-md-6 wow fadeInRight" data-wow-duration="0" data-wow-delay="0s">
                    <img src="{{ asset('images/landing/map-bg-gray.png') }}" alt="" title="">
                </div>

            </div>

        </div>
    </section>
    <!-- What Makes Us Special End -->

    <!-- What Makes Us Special Start -->
    {{-- <section class="bg-light-gray wide-tb-100 pb-5 why-choose">
        <div class="container pos-rel">
            <div class="row">
                <!-- Heading Main -->
                <div class="col-sm-12 wow fadeInDown" data-wow-duration="0" data-wow-delay="0s">
                    <h1 class="heading-main">
                        <span>Our Goodness</span>
                        What Makes Us Special
                    </h1>
                </div>
                <!-- Heading Main -->

                <!-- Icon Box 2 -->
                <div class="col-12 col-lg-4 wow fadeInUp" data-wow-duration="0" data-wow-delay="0s">
                    <div class="icon-box-2">
                        <div class="media">
                            <div class="service-icon">
                                <i class="icofont-id"></i>
                            </div>
                            <div class="service-inner-content media-body">
                                <h4 class="h4-md">Trusted Franchise</h4>
                                <p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis.
                                    Vivamus ac ultrices diam, vitae accumsan tellus.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Icon Box -->

                <!-- Icon Box 2 -->
                <div class="col-12 col-lg-4 wow fadeInUp" data-wow-duration="0" data-wow-delay="0.2s">
                    <div class="icon-box-2">
                        <div class="media">
                            <div class="service-icon">
                                <i class="icofont-live-support"></i>
                            </div>
                            <div class="service-inner-content media-body">
                                <h4 class="h4-md">Customer Support</h4>
                                <p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis.
                                    Vivamus ac ultrices diam, vitae accumsan tellus.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Icon Box -->

                <!-- Icon Box 2 -->
                <div class="col-12 col-lg-4 wow fadeInUp" data-wow-duration="0" data-wow-delay="0.4s">
                    <div class="icon-box-2">
                        <div class="media">
                            <div class="service-icon">
                                <i class="icofont-history"></i>
                            </div>
                            <div class="service-inner-content media-body">
                                <h4 class="h4-md">Reliability & Punctuality</h4>
                                <p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis.
                                    Vivamus ac ultrices diam, vitae accumsan tellus.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Icon Box -->
            </div>

        </div>
    </section> --}}
    <!-- What Makes Us Special End -->

    <!-- Client Testimonials Start -->
    {{-- <section class="wide-tb-60 p-0 bg-light-gray">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 offset-lg-2 col-md-10 offset-md-1 wow pulse animated" data-wow-duration="0"
                    data-wow-delay="0.7s">
                    <div class="bg-fixed pos-rel video-popup">
                        <div class="bg-overlay black opacity-50"></div>
                        <div class="zindex-fixed pos-rel">
                            <a href="#" class="play-video"><i class="icofont-play icofont-4x"></i></a>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </section> --}}
    <!-- Client Testimonials End -->

    <!-- Counter Start -->
    {{-- <section class="wide-tb-100 mb-spacer-md">
        <div class="container wide-tb-100 pb-0">
            <div class="row d-flex align-items-center">
                <!-- Counter Col Start -->
                <div class="col col-12 col-lg-3 col-sm-6 wow slideInUp" data-wow-duration="0" data-wow-delay="0s">
                    <div class="counter-style-1 light-bg">
                        <p class="mb-1"><i class="icofont-google-map"></i></p>
                        <span class="counter">15</span>
                        <div>
                            Our Locations
                        </div>
                    </div>
                </div>
                <!-- Counter Col End -->

                <!-- Counter Col Start -->
                <div class="col col-12 col-lg-3 col-sm-6 wow slideInUp" data-wow-duration="0" data-wow-delay="0.3s">
                    <div class="counter-style-1 light-bg">
                        <p class="mb-1"><i class="icofont-globe"></i></p>
                        <span class="counter">110</span>
                        <span>+</span>
                        <div>
                            Clients Worldwide
                        </div>
                    </div>
                </div>
                <!-- Counter Col End -->

                <!-- Spacer For Medium -->
                <div class="w-100 d-none d-sm-block d-lg-none spacer-30"></div>
                <!-- Spacer For Medium -->

                <!-- Counter Col Start -->
                <div class="col col-12 col-lg-3 col-sm-6 wow slideInUp" data-wow-duration="0" data-wow-delay="0.6s">
                    <div class="counter-style-1 light-bg">
                        <p class="mb-1"><i class="icofont-vehicle-delivery-van"></i></p>
                        <span class="counter">240</span>
                        <span>+</span>
                        <div>
                            Owned Vehicles
                        </div>
                    </div>
                </div>
                <!-- Counter Col End -->

                <!-- Counter Col Start -->
                <div class="col col-12 col-lg-3 col-sm-6 wow slideInUp" data-wow-duration="0" data-wow-delay="0.9s">
                    <div class="counter-style-1 light-bg">
                        <p class="mb-1"><i class="icofont-umbrella-alt"></i></p>
                        <span class="counter">2340</span>
                        <div>
                            Tonnes Transported
                        </div>
                    </div>
                </div>
                <!-- Counter Col End -->
            </div>
        </div>
    </section> --}}
    <!-- Counter End -->

    <!-- Tracking Your Freight Start -->
    <section class="pos-rel bg-light-theme">
        <div class="container-fluid">
            <div class="row align-items-center">
                <div class="col-lg-5 col-12 p-0">
                    <img src="{{ asset('images/landing/why-choose.png') }}" class="w-100" alt="">
                </div>
                <div class="col-lg-6 col-12">

                    <div class="p-5 about-whoose">
                        <!-- Heading Main -->
                        <h1 class="heading-main text-left mb-4">
                            <span>Miért nyerő az</span>
                            EKÁER pro
                        </h1>
                        <!-- Heading Main -->

                        <!-- Tracking Form -->
                        <ul class="list-unstyled icons-listing theme-orange w-half mb-0">
                            <li class="wow fadeInUp" data-wow-duration="0" data-wow-delay="0s"><i
                                    class="icofont-check"></i>Egyszerü, gyors és hatékony
                            </li>
                            <li class="wow fadeInUp" data-wow-duration="0" data-wow-delay="0.1s"><i
                                    class="icofont-check"></i>Helyetted dolgozik és figyelmeztetet</li>
                            <li class="wow fadeInUp" data-wow-duration="0" data-wow-delay="0.2s"><i
                                    class="icofont-check"></i>Ingyenes és mennyiségi korlátok nélküli</li>
                            <li class="wow fadeInUp" data-wow-duration="0" data-wow-delay="0.3s"><i
                                    class="icofont-check"></i>Szuper .PDF bizonylatot küld </li>
                            <li class="wow fadeInUp" data-wow-duration="0" data-wow-delay="0.4s"><i
                                    class="icofont-check"></i>Interaktív cégkeresője még hatékonyabbá tesz</li>
                            <li class="wow fadeInUp" data-wow-duration="0" data-wow-delay="0.5s"><i
                                    class="icofont-check"></i>Eszközfüggetlen, mobilról is elérhetőek a funkciók</li>
                            <li class="wow fadeInUp" data-wow-duration="0" data-wow-delay="0.6s"><i
                                    class="icofont-check"></i>Csoportos EKÁER szám igénylés lehetősége</li>
                            <li class="wow fadeInUp" data-wow-duration="0" data-wow-delay="0.7s"><i
                                    class="icofont-check"></i>Klassz 'müszerfal' ahol nyomon követhetsz mindent</li>
                        </ul>
                        <!-- Tracking Form -->
                    </div>

                </div>
            </div>
        </div>
    </section>
    <!-- Tracking Your Freight End -->

    <!-- Our Team Start -->
    {{-- <section class="wide-tb-100 pb-0 team-section-bottom pos-rel">
        <div class="container">
            <!-- Heading Main -->
            <div class="col-sm-12">
                <h1 class="heading-main">
                    <span>Face Behind Logzee</span>
                    Our Team
                </h1>
            </div>
            <!-- Heading Main -->

            <div class="row pb-4">
                <!-- Team Column One -->
                <div class="col-sm-12 col-md-4 wow fadeInUp" data-wow-duration="0" data-wow-delay="0s">
                    <div class="team-section-two">
                        <img src="{{ asset('images/landing/team/team-1.jpg') }}" alt="" class="rounded">
                        <h4 class="h4-md txt-orange">John Morise</h4>
                        <h5 class="h5-md txt-ligt-gray">Founder</h5>
                    </div>
                </div>
                <!-- Team Column One -->

                <!-- Team Column One -->
                <div class="col-sm-12 col-md-4 wow fadeInUp" data-wow-duration="0" data-wow-delay="0.1s">
                    <div class="team-section-two">
                        <img src="{{ asset('images/landing/team/team-2.jpg') }}" alt="" class="rounded">
                        <h4 class="h4-md txt-orange">Kevin Mash</h4>
                        <h5 class="h5-md txt-ligt-gray">Head Operational</h5>
                    </div>
                </div>
                <!-- Team Column One -->

                <!-- Team Column One -->
                <div class="col-sm-12 col-md-4 wow fadeInUp" data-wow-duration="0" data-wow-delay="0.2s">
                    <div class="team-section-two">
                        <img src="{{ asset('images/landing/team/team-3.jpg') }}" alt="" class="rounded">
                        <h4 class="h4-md txt-orange">Mike Douglos</h4>
                        <h5 class="h5-md txt-ligt-gray">Team Lead Support</h5>
                    </div>
                </div>
                <!-- Team Column One -->
            </div>
        </div>
    </section> --}}
    <!-- Our Team End -->

    <!-- Free Quote Start -->
    {{-- <section class="bg-white wide-tb-100 mb-spacer-md">
        <div class="container">
            <!-- Heading Main -->
            <div class="col-sm-12">
                <h1 class="heading-main">
                    <span>Request a </span>
                    Free Quote
                </h1>
            </div>
            <!-- Heading Main -->

            <div class="row">
                <!-- Right Text Start -->
                <div class="col-lg-4 wow fadeInRight" data-wow-duration="0" data-wow-delay="0.2s">
                    <div class="align-self-stretch h-100 align-items-center d-flex bg-with-text">
                        Whether you require distribution or fulfillment, defined freight forwarding, or a complete
                        supply chain solution, we are here for you.
                    </div>
                </div>
                <!-- Right Text Start -->

                <!-- Spacer For Medium -->
                <div class="w-100 d-none d-sm-block d-lg-none spacer-30"></div>
                <!-- Spacer For Medium -->

                <div class="col-lg-8 wow fadeInLeft" data-wow-duration="0" data-wow-delay="0.2s">
                    <!-- Free Quote From -->
                    <form action="#" method="post" novalidate="novalidate" class="rounded-field gray-field">
                        <div class="form-row mb-4">
                            <div class="col">
                                <input type="text" name="name" class="form-control" placeholder="Your Name">
                            </div>
                            <div class="col">
                                <input type="text" name="email" class="form-control" placeholder="Email">
                            </div>
                        </div>
                        <div class="form-row mb-4">
                            <div class="col">
                                <select title="Please choose a package" required="" name="package"
                                    class="form-control wide" aria-required="true" aria-invalid="false">
                                    <option value="">Transport Type</option>
                                    <option value="Type 1">Type 1</option>
                                    <option value="Type 2">Type 2</option>
                                    <option value="Type 3">Type 3</option>
                                    <option value="Type 4">Type 4</option>
                                </select>
                            </div>
                            <div class="col">
                                <select title="Please choose a package" required="" name="package"
                                    class="form-control wide" aria-required="true" aria-invalid="false">
                                    <option value="">Type of freight</option>
                                    <option value="Type 1">Type 1</option>
                                    <option value="Type 2">Type 2</option>
                                    <option value="Type 3">Type 3</option>
                                    <option value="Type 4">Type 4</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-row mb-4">
                            <div class="col">
                                <textarea rows="7" placeholder="Message" class="form-control"></textarea>
                            </div>
                        </div>
                        <div class="form-row text-center">
                            <button type="submit" class="form-btn mx-auto btn-theme bg-orange">Request Quote <i
                                    class="icofont-rounded-right"></i></button>
                        </div>
                    </form>
                    <!-- Free Quote From -->
                </div>

            </div>
        </div>
    </section> --}}
    <!-- Free Quote End -->

    <!-- Clients Start -->
    {{-- <section class="wide-tb-100 bg-fixed clients-bg pos-rel">
        <div class="bg-overlay blue opacity-80"></div>
        <div class="container">
            <div class="row">
                <!-- Heading Main -->
                <div class="col-sm-12 wow fadeInDown" data-wow-duration="0" data-wow-delay="0s">
                    <h1 class="heading-main">
                        <span>SOME OF OUR</span>
                        Clients
                    </h1>
                </div>
                <!-- Heading Main -->

                <div class="col-sm-12 wow fadeInUp" data-wow-duration="0" data-wow-delay="0.2s">
                    <div class="owl-carousel owl-theme" id="home-clients">

                        <!-- Client Logo -->
                        <div class="item">
                            <img src="{{ asset('images/landing/clients/client1.png') }}" alt="">
                        </div>
                        <!-- Client Logo -->

                        <!-- Client Logo -->
                        <div class="item">
                            <img src="{{ asset('images/landing/clients/client2.png') }}" alt="">
                        </div>
                        <!-- Client Logo -->

                        <!-- Client Logo -->
                        <div class="item">
                            <img src="{{ asset('images/landing/clients/client3.png') }}" alt="">
                        </div>
                        <!-- Client Logo -->

                        <!-- Client Logo -->
                        <div class="item">
                            <img src="{{ asset('images/landing/clients/client4.png') }}" alt="">
                        </div>
                        <!-- Client Logo -->

                        <!-- Client Logo -->
                        <div class="item">
                            <img src="{{ asset('images/landing/clients/client5.png') }}" alt="">
                        </div>
                        <!-- Client Logo -->

                        <!-- Client Logo -->
                        <div class="item">
                            <img src="{{ asset('images/landing/clients/client6.png') }}" alt="">
                        </div>
                        <!-- Client Logo -->

                    </div>
                </div>
            </div>
        </div>
    </section> --}}
    <!-- Clients End -->

    <!-- Frequently Asked Questions Start -->
    {{-- <section class="wide-tb-100 faqs">
        <div class="container">
            <div class="row">
                <!-- Heading Main -->
                <div class="col-sm-12">
                    <h1 class="heading-main">
                        <span>Frequently Asked</span>
                        Questions
                    </h1>
                </div>
                <!-- Heading Main -->

                <!-- Questions -->
                <div class="col-sm-12 col-md-6 wow fadeInUp" data-wow-duration="0" data-wow-delay="0s">
                    <h4 class="h4-md mb-3">Lobortis sit magna ornare magna egestas?</h4>
                    <p>Etiam sit amet mauris suscipit sit amet in odio. Integer congue leo metus. Vitae arcu mollis
                        blandit ultrice ligula egestas magna suscipit lectus magna suscipit luctus undo blandit
                        vitae purus laoreet</p>
                </div>
                <!-- Questions -->

                <!-- Questions -->
                <div class="col-sm-12 col-md-6 wow fadeInUp" data-wow-duration="0" data-wow-delay="0.2s">
                    <h4 class="h4-md mb-3">Aliquam dapibus pretium ornare?</h4>
                    <p>Feugiat eros ligula massa lipsum primis in orci luctus et ultrices posuere cubilia curae
                        congue lorem. ante ipsum primis in faucibus bibendum sit amet in odio</p>
                </div>
                <!-- Questions -->

                <!-- Questions -->
                <div class="col-sm-12 col-md-6 wow fadeInUp" data-wow-duration="0" data-wow-delay="0.4s">
                    <h4 class="h4-md mb-3">Placeat axime facere omnis volute?</h4>
                    <p>Etiam sit amet mauris suscipit sit amet in odio. Integer congue leo metus. Vitae arcu mollis
                        blandit ultrice ligula egestas magna suscipit lectus magna suscipit luctus undo blandit
                        vitae purus laoreet</p>
                </div>
                <!-- Questions -->

                <!-- Questions -->
                <div class="col-sm-12 col-md-6 wow fadeInUp" data-wow-duration="0" data-wow-delay="0.6s">
                    <h4 class="h4-md mb-3">Dapibus lobortis pretium ornare?</h4>
                    <p>Feugiat eros ligula massa lipsum primis in orci luctus et ultrices posuere cubilia curae
                        congue lorem. ante ipsum primis in faucibus bibendum sit amet in odio</p>
                </div>
                <!-- Questions -->

                <!-- Questions -->
                <div class="col-sm-12 col-md-6 wow fadeInUp" data-wow-duration="0" data-wow-delay="0.8s">
                    <h4 class="h4-md mb-3">An interdum lobortis pretium ornare?</h4>
                    <p>Etiam sit amet mauris suscipit sit amet in odio. Integer congue leo metus. Vitae arcu mollis
                        blandit ultrice ligula egestas magna suscipit lectus magna suscipit luctus undo blandit
                        vitae purus laoreet</p>
                </div>
                <!-- Questions -->

                <!-- Questions -->
                <div class="col-sm-12 col-md-6 wow fadeInUp" data-wow-duration="0" data-wow-delay="0.9s">
                    <h4 class="h4-md mb-3">Interdum lobortis pretium ornare?</h4>
                    <p>Feugiat eros ligula massa lipsum primis in orci luctus et ultrices posuere cubilia curae
                        congue lorem. ante ipsum primis in faucibus bibendum sit amet in odio</p>
                </div>
                <!-- Questions -->
            </div>
        </div>
    </section> --}}
    <!-- Frequently Asked Questions End -->

    <!-- Callout Start -->
    {{-- <section class="wide-tb-80 bg-scroll bg-img-6 pos-rel callout-style-1">
        <div class="bg-overlay blue opacity-60"></div>
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-4 col-md-12 mb-0 wow slideInUp" data-wow-duration="0" data-wow-delay="0.1s">
                    <h4 class="h4-xl">Interested in working with Logzee?</h4>
                </div>
                <div class="col wow slideInUp" data-wow-duration="0" data-wow-delay="0.2s">
                    <div class="center-text">
                        We don’t just manage suppliers, we micro-manage them. We have a consultative, personalized
                        approach
                    </div>
                </div>
                <div class="col-sm-auto wow slideInUp" data-wow-duration="0" data-wow-delay="0.3s">
                    <a href="#" class="btn btn-theme bg-white bordered">Get In Touch <i
                            class="icofont-rounded-right"></i></a>
                </div>
            </div>
        </div>
    </section> --}}
    <!-- Callout End -->

    <!-- Google Map Start -->
    <section class="map-bg">
        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1994.1745558212888!2d19.03134990627685!3d47.52990560858993!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4741d9510495ee63%3A0x5b629de1c51273aa!2sBudapest%2C%20Montevide%C3%B3%20utca%205%2C%201037!5e0!3m2!1sen!2shu!4v1649932899356!5m2!1sen!2shu" width="100%" height="400" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
        {{-- <div id="map-holder" class="pos-rel">
            <div id="map_extended">
                <p>This will be replaced with the Google Map.</p>
            </div>
        </div> --}}
    </section>
    <!-- Google Map Start -->
</main>
@endsection