@extends('layouts.front.app')
@section('meta')
	<title>Leadership | {{ env('APP_NAME') }}</title>
    <meta name="description" content="Providing high-quality workforce and hosted services to Quanta Operating units" />

@stop
@section('css')
<style>
</style>
@endsection
@section('content')
<div class="primary-content position-relative">
            
    <div class="d-none d-md-block fixed bg-light position-fixed my-5 wow fadeInLeft animated"  style="width: 25%; z-index: 3; visibility: visible; animation-duration: 1500ms; animation-delay: 0ms; animation-name: fadeInLeft;" data-wow-duration="1500ms" data-wow-delay="0ms">
        <div class="py-4 px-3 ps-lg-5" style="background: var(--thm-primary);">
            <h3 class="text-white ">Our Company</h3>
        </div>
        <ul class="mx-3 mx-lg-5 widget__links-lis list-unstyled py-5">
            <li class="mb-3">
                <h5 class=""><a class="border-bottom pb-1 link hover-primary" href="{{url('our-company/about-quanta')}}"> <img src="{{asset('images/square.png')}}" alt="">  About Quanta</a></h5>
            </li>
            <li class="mb-3">
                <h5 class=""><a class="border-bottom pb-1 link hover-primary" href="{{url('our-company/vision-mission')}}"> <img src="{{asset('images/square.png')}}" alt="">  Vision & Mission</a></h5>
            </li>
            <li class="mb-3">
                <h5 class=""><a class="border-bottom pb-1 link hover-primary active-insidenav" href="#"> <img src="{{asset('images/square.png')}}" alt="">  Leadership</a></h5>
            </li>
            <li class="mb-3">
                <h5 class=""><a class="border-bottom pb-1 link hover-primary" href="{{url('our-company/history')}}"> <img src="{{asset('images/square.png')}}" alt="">  History</a></h5>
            </li>
            {{-- <li class="mb-3">
                <h5 class=""><a class="border-bottom pb-1 link hover-primary" href="{{url('our-company/making-difference')}}"> <img src="{{asset('images/square.png')}}" alt="">  BUSINESS DEVELOPMENT</a></h5>
            </li> --}}
        </ul>
    </div>

    <!--Page Header Start-->
    <section class="page-header" style="background-position:center; background-size: cover; background-image: url({{asset('/images/backgrounds/leadership-banner-1894x818.png')}});">

        <div class="container">
            <div class="offset-md-3 page-header__inner">
                {{-- <ul class="thm-breadcrumb list-unstyled">
                    <li><a href="index.html">Home</a></li>
                    <li><span>/</span></li>
                    <li>Leadership</li>
                </ul> --}}
                <h2 class="text-uppercase text-website-secondary">Leadership</h2>
            </div>
        </div>
    </section>
    <!--Page Header End-->

    <!--Team One Start-->
    <section class="team-one about-page-team">
        <div class="team-one__container">
            <div class="row">
                <div class="col offset-md-3">
                    <div class="section-title text-center">
                        <br>
                        <span class="section-title__tagline">Quanta  Philippines  ROHQ  </span>
                        <h2 class="section-title__title">The Team</h2>
                    </div>
                    <div class="row">
                        <div class="offset-lg-4 offset-sm-3 offset-md-3 col-xl-4 col-lg-4 col-sm-6 wow fadeInLeft" data-wow-delay="0ms"
                            data-wow-duration="1000ms">
                            <!-- Team One Single -->
                            <div class="team-one__single">
                                {{-- <div class="team-one__img">
                                    <img src="{{asset('/images/team/team-one-img-1.jpg')}}" alt="">
                                    <div class="team-one__social">
                                        <a href="#"><i class="fab fa-twitter"></i></a>
                                        <a href="#"><i class="fab fa-facebook"></i></a>
                                        <a href="#"><i class="fab fa-pinterest-p"></i></a>
                                        <a href="#"><i class="fab fa-instagram"></i></a>
                                    </div>
                                </div> --}}
                                <div class="team-one__content">
                                    <h3 class="team-one__name">Wynand De Wit</h3>
                                    <p class="team-one__title mb-3">President | Vice President Operations</p>
                                    {{-- <a href="{{url('#')}}" class="active-subnav p-3 text-uppercase">Read more</a> --}}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row align-items-end">
                        <div class="text-center">
                            <h5 class="section-title__title mb-5">Executive</h5>
                        </div>
                        <div class="col-xl-3 col-lg-4 col-sm-6 wow fadeInLeft" data-wow-delay="0ms"
                            data-wow-duration="1000ms">
                            <!-- Team One Single -->
                            <div class="team-one__single">
                                <div class="team-one__img">
                                    {{-- <img src="{{asset('/images/team/team-one-img-1.jpg')}}" alt="">
                                    <div class="team-one__social">
                                        <a href="#"><i class="fab fa-twitter"></i></a>
                                        <a href="#"><i class="fab fa-facebook"></i></a>
                                        <a href="#"><i class="fab fa-pinterest-p"></i></a>
                                        <a href="#"><i class="fab fa-instagram"></i></a>
                                    </div> --}}
                                </div>
                                <div class="team-one__content">
                                    <h3 class="team-one__name">Maria Glaiza Gumangan</h3>
                                    <p class="team-one__title mb-3">Chief Finance Officer</p>
                                    {{-- <a href="{{url('#')}}" class="active-subnav p-3 text-uppercase">Read more</a> --}}

    
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4 col-sm-6 wow fadeInLeft" data-wow-delay="100ms"
                            data-wow-duration="1000ms">
                            <!--Team One Single-->
                            <div class="team-one__single">
                                <div class="team-one__img">
                                    {{-- <img src="{{asset('/images/team/team-one-img-2.jpg')}}" alt="">
                                    <div class="team-one__social">
                                        <a href="#"><i class="fab fa-twitter"></i></a>
                                        <a href="#"><i class="fab fa-facebook"></i></a>
                                        <a href="#"><i class="fab fa-pinterest-p"></i></a>
                                        <a href="#"><i class="fab fa-instagram"></i></a>
                                    </div> --}}
                                </div>
                                <div class="team-one__content">
                                    <h3 class="team-one__name">Engr. Aldrin Alberto</h3>
                                    <p class="team-one__title mb-3">Director of Engineering</p>
                                    {{-- <a href="{{url('#')}}" class="active-subnav p-3 text-uppercase">Read more</a> --}}

                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4 col-sm-6 wow fadeInLeft" data-wow-delay="100ms"
                            data-wow-duration="1000ms">
                            <!--Team One Single-->
                            <div class="team-one__single">
                                <div class="team-one__img">
                                    {{-- <img src="{{asset('/images/team/team-one-img-2.jpg')}}" alt="">
                                    <div class="team-one__social">
                                        <a href="#"><i class="fab fa-twitter"></i></a>
                                        <a href="#"><i class="fab fa-facebook"></i></a>
                                        <a href="#"><i class="fab fa-pinterest-p"></i></a>
                                        <a href="#"><i class="fab fa-instagram"></i></a>
                                    </div> --}}
                                </div>
                                <div class="team-one__content">
                                    <h3 class="team-one__name">Maria Christina Barnuevo</h3>
                                    <p class="team-one__title mb-3">HR Office Manager</p>
                                    {{-- <a href="{{url('#')}}" class="active-subnav p-3 text-uppercase">Read more</a> --}}

                                </div>
                            </div>
                        </div>
    
                        <!--<div class="offset-lg-2 col-xl-4 col-lg-4 col-sm-6 wow fadeInLeft" data-wow-delay="100ms"-->
                        <!--    data-wow-duration="1000ms">-->
                            <!--Team One Single-->
                        <!--    <div class="team-one__single">-->
                        <!--        <div class="team-one__img">-->
                        <!--            {{-- <img src="{{asset('/images/team/team-one-img-2.jpg')}}" alt="">-->
                        <!--            <div class="team-one__social">-->
                        <!--                <a href="#"><i class="fab fa-twitter"></i></a>-->
                        <!--                <a href="#"><i class="fab fa-facebook"></i></a>-->
                        <!--                <a href="#"><i class="fab fa-pinterest-p"></i></a>-->
                        <!--                <a href="#"><i class="fab fa-instagram"></i></a>-->
                        <!--            </div> --}}-->
                        <!--        </div>-->
                        <!--        <div class="team-one__content">-->
                        <!--            <h3 class="team-one__name"></h3>-->
                        <!--            <p class="team-one__title mb-3">Project Manager</p>-->
                        <!--            {{-- <a href="{{url('#')}}" class="active-subnav p-3 text-uppercase">Read more</a> --}}-->

                        <!--        </div>-->
                        <!--    </div>-->
                        <!--</div>-->
    
                        <div class="col-xl-3 col-lg-4 col-sm-6 wow fadeInLeft" data-wow-delay="100ms"
                            data-wow-duration="1000ms">
                            <!--Team One Single-->
                            <div class="team-one__single">
                                <div class="team-one__img">
                                    {{-- <img src="{{asset('/images/team/team-one-img-2.jpg')}}" alt="">
                                    <div class="team-one__social">
                                        <a href="#"><i class="fab fa-twitter"></i></a>
                                        <a href="#"><i class="fab fa-facebook"></i></a>
                                        <a href="#"><i class="fab fa-pinterest-p"></i></a>
                                        <a href="#"><i class="fab fa-instagram"></i></a>
                                    </div> --}}
                                </div>
                                <div class="team-one__content">
                                    <h3 class="team-one__name">Marvin Crescini</h3>
                                    <p class="team-one__title mb-3">Safety Consultant</p>
                                    {{-- <a href="{{url('#')}}" class="active-subnav p-3 text-uppercase">Read more</a> --}}

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--Team One End-->

</div>

<!--Testimonial One Start-->
@include('include.testimonials')
<!--Testimonial One End-->

<!--We Building Two Start-->
{{-- <section class="we-building-two">
    <div class="we-building-two-bg jarallax" data-jarallax data-speed="0.2" data-imgPosition="50% 0%"
        style="background-image: url({{asset('/images/backgrounds/we-building-2-bg.jpg')}})"></div>
    <div class="container">
        <div class="row">
            <div class="col-xl-12">
                <div class="we-building-two__inner">
                    <div class="we-building__video-link">
                        <a href="https://youtu.be/8ObUH-4uUlU" class="video-popup">
                            <div class="we-building__video-icon">
                                <span class="icon-play-button"></span>
                                <i class="ripple"></i>
                            </div>
                        </a>
                    </div>
                    <h2 class="we-building__video-title">We’re Building the Future <br> and Restoring the Past
                    </h2>
                </div>
            </div>
        </div>
    </div>
</section> --}}
<!--We Building Two End-->

<!--Brand One Start-->
<section class="brand-one about-page-brand">
    <div class="container">
        <div class="thm-swiper__slider swiper-container" data-swiper-options='{"spaceBetween": 100, "slidesPerView": 5, "autoplay": { "delay": 5000 }, "breakpoints": {
            "0": {
                "spaceBetween": 30,
                "slidesPerView": 2
            },
            "375": {
                "spaceBetween": 30,
                "slidesPerView": 2
            },
            "575": {
                "spaceBetween": 30,
                "slidesPerView": 3
            },
            "767": {
                "spaceBetween": 50,
                "slidesPerView": 4
            },
            "991": {
                "spaceBetween": 50,
                "slidesPerView": 5
            },
            "1199": {
                "spaceBetween": 100,
                "slidesPerView": 5
            }
        }}'>
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="{{asset('/images/brand/brand-1-1.png')}}" alt="">
                </div><!-- /.swiper-slide -->
                <div class="swiper-slide">
                    <img src="{{asset('/images/brand/brand-1-2.png')}}" alt="">
                </div><!-- /.swiper-slide -->
                <div class="swiper-slide">
                    <img src="{{asset('/images/brand/brand-1-3.png')}}" alt="">
                </div><!-- /.swiper-slide -->
                <div class="swiper-slide">
                    <img src="{{asset('/images/brand/brand-1-4.png')}}" alt="">
                </div><!-- /.swiper-slide -->
                <div class="swiper-slide">
                    <img src="{{asset('/images/brand/brand-1-5.png')}}" alt="">
                </div><!-- /.swiper-slide -->
                <div class="swiper-slide">
                    <img src="{{asset('/images/brand/brand-1-1.png')}}" alt="">
                </div><!-- /.swiper-slide -->
                <div class="swiper-slide">
                    <img src="{{asset('/images/brand/brand-1-2.png')}}" alt="">
                </div><!-- /.swiper-slide -->
                <div class="swiper-slide">
                    <img src="{{asset('/images/brand/brand-1-3.png')}}" alt="">
                </div><!-- /.swiper-slide -->
                <div class="swiper-slide">
                    <img src="{{asset('/images/brand/brand-1-4.png')}}" alt="">
                </div><!-- /.swiper-slide -->
                <div class="swiper-slide">
                    <img src="{{asset('/images/brand/brand-1-5.png')}}" alt="">
                </div><!-- /.swiper-slide -->
            </div>
        </div>
    </div>
</section>
<!--Brand One End-->

<!--CTA One Start-->
<section class="cta-one">
    <div class="cta-one-bg jarallax" data-jarallax data-speed="0.2" data-imgPosition="50% 0%"
        style="background-image: url({{asset('/images/backgrounds/cta-one-bg.jpg')}})"></div>
    <div class="container">
        <div class="row">
            <div class="col-xl-12">
                <div class="cta-one__inner wow fadeInUp" data-wow-delay="100ms" data-wow-duration="1500ms">
                    <div class="cta-one__title">
                        <h2>Provide You Quality Work that <br> Meets Your Expectation</h2>
                    </div>
                    <div class="cta-one__btn-box">
                        <a href="{{url('our-company/about-quanta')}}" class="btn-style-one cta-one__btn">
                            <i class="btn-curve"></i>
                            <span class="btn-title">Discover More</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--CTA One End-->
@endsection