@extends('partials.main')
@section('titel') {{'Home Page'}} @endsection
@section('content')


<div class="content-wrapper-image ">
    <section class="mainimage">



<div class=" col-12 rev"  >


</div>
</section>
<!-- Revolution Slider -->

<section class="section-wrap main-slider-image " style="background-image: url('img/revolution/home-1/1.jpg');">
    <div class="container">
        <div class="title-row text-center">

            <h2  class="section-title main-slider-text white">A WORLD WITHOUT <br>
                BORDERS</h2>

        </div>
    </div>

</section> <!-- end testimonials -->

<!-- Intro -->
<section style="text-align: center" class="section-wrap intro pb-40">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                {{-- <h2 style="text-align: center;display: inline;" class="intro__title">20 years of Experience</h2> --}}
                <p >Having begun as one man’s aspiration, AQO Holdings is the fullfillment of a lifelong passion and dream of key individuals.</p>
                <p>Today it has grown into a vast enterprise that is aiming to achieve the best for society. Driven with belief of creating value that will enhace communities, AQO Holdings caters to the multiple business sectors, providing value and excellence through all aspects of products and services. </p>
                <div class="row mb-lg-48">
                    <div class="col">
                        <div class="feature">
                            <img src="img/services/Excellence.png"  alt="" class="homeimg" >
                            <h4 class="feature__title">Excellence</h4>
                        </div>
                    </div>
                    <div class="col">
                        <div class="feature">
                            <img src="img/services/Honest-icon.png"  alt="" class="homeimg" >
                            <h4 class="feature__title">Honest</h4>
                        </div>
                    </div>
                    <div class="col">
                        <div class="feature">
                            <img src="img/services/responsibility-icon.png"  alt="" class="homeimg" >
                            <h4 class="feature__title">Responsibility</h4>
                        </div>
                    </div>
                    <div class="col">
                        <div class="feature">
                            <img src="img/services/ethical.png"  alt="" class="homeimg" >
                            <h4 class="feature__title">Ethical</h4>
                        </div>
                    </div>
                    <div class="col">
                        <div class="feature">
                            <img src="img/services/Innovation-icon.png"  alt="" class="homeimg" >

                            <h4 class="feature__title">Innovation</h4>
                        </div>
                    </div>
                </div>
            </div>
{{--            <div class="col-lg-5">--}}
{{--                <img src="img/logo-old.png" class="img-full-width" alt="">--}}
{{--            </div>--}}
        </div>
    </div>
</section> <!-- end intro -->


<!-- Services -->
<div class="services">
    {{-- <h2 style="text-align: center;margin-bottom: 40px;" class="section-title mt-2">AQO Group of Companies Flagship</h2> --}}
    <div class="row no-gutters">
        <div class="col-lg-6">
            <a href="{{url('manufacturing')}}" class="service service--dark-overlay">
                <div class="service__img" style="background-image: url(img/services/1.jpg);"></div>
                <h3 class="service__title">Manufacturing</h3>
            </a>
        </div>
        <div class="col-lg-6">
            <a href="{{url('services')}}" class="service service-">
                <div class="service__img" style="background-image: url(img/services/2.jpeg);"></div>
                <h3 class="service__title">Sports & Entertainment</h3>
            </a>
        </div>
        <div class="col-lg-6">
            <a href="{{url('realestate')}}" class="service service-">
                <div class="service__img" style="background-image: url(img/services/3.jpg);"></div>
                <h3 class="service__title">Real Estate</h3>
            </a>
        </div>
        <div class="col-lg-6">
            <a href="{{url('services')}}" class="service service-">
                <div class="service__img" style="background-image: url(img/services/4.jpg);"></div>
                <h3 class="service__title">Services
                </h3>
            </a>
        </div>
    </div>
</div> <!-- end services -->






<!-- Testimonials -->
<section class="section-wrap4 " style="background:#01194c">
    <div class="container">
        <div class="title-row text-center ">

            <h2  class="section-title white">Creating Brands to Help Those in Need</h2>
            <p class="brand-text white">Stemming from an ardent desire to give back to the country, AQO Holdings comprises of international standard brands that equally contribute towards the development and upliftment of deserving individuals and communities.  </p>
           <a  href="/brand" class=" btn btn-learn" style="color: #002855;">Learn More</a>
        </div>
    </div>

</section> <!-- end testimonials -->


<section style="background:#ffffff" class="customer-logos slider">

    <div class="slide"><img src="img/partners/slider1.png"></div>
    <div class="slide"><img src="img/partners/slider2.png"></div>
    <div class="slide"><img src="img/partners/slider3.png"></div>
    <div class="slide"><img src="img/partners/slider4.png"></div>
    <div class="slide"><img src="img/partners/slider5.png"></div>
    <div class="slide"><img src="img/partners/slider6.png"></div>
    <div class="slide"><img src="img/partners/slider7.png"></div>
    <div class="slide"><img src="img/partners/slider1.png"></div>
    <div class="slide"><img src="img/partners/slider2.png"></div>
    <div class="slide"><img src="img/partners/slider3.png"></div>
    <div class="slide"><img src="img/partners/slider4.png"></div>
    <div class="slide"><img src="img/partners/slider5.png"></div>
    <div class="slide"><img src="img/partners/slider6.png"></div>
    <div class="slide"><img src="img/partners/slider7.png"></div>

     {{-- <div class="slide"><img src="img/partners/slider3.png"></div>
    <div class="slide"><img src="img/partners/slider2.png"></div>
    <div class="slide"><img src="img/partners/slider4.png"></div> --}}
  </section>



{{-- <section >

<!-- Partners -->
    <div style="background:#ffffff" class="partners bg-light text-center">
        <div class="container">
            <div class="row">
                <div class="col-sm-2">
                    <a href="javascript:;">
                        <img style="margin-top: 18px;margin-bottom: 5px;width:300px" src="img/partners/1.png" alt="">
                    </a>
                </div>
                <div class="col-sm-2">
                    <a href="javascript:;">
                        <img style="margin-top: 18px;margin-bottom: 5px;width:300px" src="img/partners/2.png" alt="">
                    </a>
                </div>
                <div class="col-sm-2">
                    <a href="javascript:;">
                        <img style="margin-bottom: 5px" src="img/partners/3.jpeg" alt="">
                    </a>
                </div>
                <div class="col-sm-2">
                    <a href="javascript:;">
                        <img style="margin-bottom: 5px;width:300px" src="img/partners/8.png" alt="">
                    </a>
                </div>
                <div class="col-sm-2">
                    <a href="javascript:;">
                        <img style="margin-bottom: 5px" src="img/partners/5.jpeg" alt="">
                    </a>
                </div>
                <div class="col-sm-2">
                    <a href="javascript:;">
                        <img style="background:#fff;" src="img/partners/7.png" alt="">
                    </a>
                </div>
            </div>
        </div>
    </div> <!-- end services -->


</section> --}}
    <!-- From Blog -->
{{-- <section class="section-wrap blog-grid">
    <div class="container">
        <div class="row">
            <div class="col-lg-4">
                <div class="blog-grid__title-col d-flex flex-column mb-lg-48">
                    <div class="title-row">
                        <p class="subtitle">AQO News</p>
                        <h2 class="section-title">Specialized news</h2>
                        <p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequun tur magni dolores eos qui
                        ratione</p>
                    </div>
                    <div style="width: 100%" class="call-us mt-auto">
                        <i class="icon-Dispacher-2 call-us__icon"></i>
                        <span class="call-us__title">Call us anytime</span>
                        <a href="tel:+1 (647) 773-4909" class="call-us__phone-number"> +1 (647) 773-4909</a>
                    </div>
                </div>
            </div>

            <div class="col-lg-7 offset-lg-1">
                <div class="from-blog">
                    <div class="row row-60">
                    @foreach ($post as $post)
                        <div class="col-lg-6">
                            <article class="entry">
                                <div class="entry__img-holder">
                                    <a href="{{route('show',$post->slug)}}">
                                    <img style="object-position: top;" src="{{asset('thumbnails/'.$post->thumbnail)}}" class="entry__img" alt="">

                                    </a>
                                </div>
                                <div class="entry__body">
                                    <ul class="entry__meta">
                                        <li class="entry__meta-date">
                                            <span>{{date('d/m/y',strtotime($post->created_at))}}</span>
                                        </li>
                                    </ul>
                                    <h4 class="entry__title">
                                        <a href="{{route('show',$post->slug)}}">{{$post->shdescription}}</a>
                                    </h4>
                                </div>
                            </article>
                        </div>
                       @endforeach
                    </div>

                    <div class="from-blog__recent-posts">
                        <ul class="from-blog__recent-posts-list">
                        @foreach ($news as $news)
                            <li class="from-blog__recent-posts-item">
                                <span style="background: #002855" class="from-blog__post-number">{{$loop->iteration}}</span>
                                <a href="{{route('show',$post->slug)}}" class="from-blog__post-url">{{$news->titel}}</a>
                            </li>

                            @endforeach
                        </ul>
                    </div>
                </div>
            </div>

        </div>
    </div>
</section> <!-- end from blog --> --}}
<!-- Team -->

    <section>

            <!-- Flickity HTML init -->
            <div class="carousel carousel-main" data-flickity>
                <div class="carousel-cell"><img class="carousel-image" src="img/services/1.jpg"/></div>
                <div class="carousel-cell"><img class="carousel-image" src="img/services/2.jpeg"/></div>
                <div class="carousel-cell"><img class="carousel-image" src="img/services/3.jpg"/></div>
                <div class="carousel-cell"><img class="carousel-image" src="img/services/4.jpg"/></div>
                <div class="carousel-cell"><img class="carousel-image" src="img/services/3.jpg"/></div>

              </div>
            </section>

            <section class="section-wrap3">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-3">
                            <div class="blog-grid__title-col d-flex flex-column mb-lg-48">
                                <div class="title-row">
                                    <p class="subtitle">Leaders of</p>
                                    <h2 class="section-title"> AQO Group</h2>
                                    <p>At AQO Holdings, our people are our strength. Backed by the varying expertise and propelled by their passions and unique talents, AQO Holdings has expanded operations moving into new areas of innovation and service.</p>
                                </div>
                                <a href="/about-us#ourpeople" class=" btn btn-learn" style="color: #002855;">Our People</a>
                            </div>
                        </div>

            <div class="col-lg-8 offset-lg-1">
                <div class="slick-slider slick-team">
                    <div class="team-col">
                        <div class="team hover-trigger">
                            <div class="team__img-holder">
                             <a href="/about-us#ourpeople"> <img src="img/team/1.jpg" alt="" class="team__img"></a>  
{{--                                <div class="hover-overlay">--}}
{{--                                    <div class="team__details text-center">--}}
{{--                                        <div class="socials socials--white">--}}
{{--                                            <a href="#" class="social social-twitter" aria-label="twitter" title="twitter" target="_blank"><i class="ui-twitter"></i></a>--}}
{{--                                            <a href="#" class="social social-facebook" aria-label="facebook" title="facebook" target="_blank"><i class="ui-facebook"></i></a>--}}
{{--                                            <a href="#" class="social social-youtube" aria-label="youtube" title="google plus" target="_blank"><i class="ui-youtube"></i></a>--}}
{{--                                            <a href="#" class="social social-instagram" aria-label="instagram" title="instagram" target="_blank"><i class="ui-instagram"></i></a>--}}
{{--                                        </div>--}}
{{--                                    </div>--}}
{{--                                </div>--}}
                            </div>
                            <h5 class="team__name">Alistair E.J. Quint Ondaatje</h5>
                            <span class="team__occupation">Chairman & Joint Managing Director</span>	<br>
                            <span class="team__occupation"> A Quint Ondaatje Holdings Pvt Ltd Sri Lanka</span> <br>
                            <span class="team__occupation"> AQO Group of Companies Flagship</span>	<br>
                        </div>
                    </div>

                    <div class="team-col">
                        <div class="team hover-trigger">
                            <div class="team__img-holder">
                                <img src="img/team/2.jpg" alt="" class="team__img">
                                <div class="hover-overlay">
                                    <div class="team__details text-center">
                                        <div class="socials socials--white">
                                           

                                            <a onclick='openpdfs()' href="javascript:;" ><i class="fa-solid fa-file-lines fa-2x"></i></a>

                                           
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <h5 class="team__name"> Anna-Marie S. Quint Ondaatje </h5>

                            <span class="team__occupation"> Joint Managing Director</span>	<br>
                            <span class="team__occupation">  A Quint Ondaatje Holdings Pvt Ltd Sri Lanka</span>		<br>
                            <span class="team__occupation"> AQO Group of Companies Flagship</span>	<br>
                        </div>
                    </div>


                </div> <!-- end slider -->
            </div>

        </div>
    </div>
</section> <!-- end team -->
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<!--<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>-->
<!--<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>-->

<!--<script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script>-->
             <script>

$( document ).ready(function() {
    $('.home').addClass('current-item-item');

});

function openpdfs(){
    window.open('pdf/Portfolio Anna-Marie Ondaatje Newest.pdf', '_blank').focus();
     window.open('pdf/charity.pdf', '_blank').focus();
}

</script>

{{-- slider --}}
<script src="https://code.jquery.com/jquery-2.2.0.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.js"></script>
<script>
    $(document).ready(function(){
    $('.customer-logos').slick({
        slidesToShow: 5,
        slidesToScroll: 1,
        autoplay: true,
        autoplaySpeed: 1500,
        arrows: false,
        dots: false,
        pauseOnHover: false,
        responsive: [{
            breakpoint: 768,
            settings: {
                slidesToShow: 1
            }
        }, {
            breakpoint: 520,
            settings: {
                slidesToShow: 1
            }
        }]
    });
});
</script>

         </main>
         @endsection