@extends('layouts.front.app')
@section('meta')
	<title>Making Difference | {{ 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" href="{{url('our-company/leadership')}}"> <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 active-insidenav" href="#"> <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/vission-mission-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>Making Difference</li>
                </ul> --}}
                <!--<h2 class="text-uppercase text-website-secondary">BUSINESS DEVELOPMENT</h2>-->
            </div>
        </div>
    </section>
    <!--Page Header End-->

    <!--About Page Start-->
    <section class="about-page">
        <div class="container">
            <div class="row">
                <div class="col offset-md-3">
                    <div class="row">
                        <div class="col-xl-6">
                            <div class="about-page__images-box">
                                <ul class="list-unstyled about-page__img-list">
                                    <li>
                                        <div class="about-page__img">
                                            <img class="img-fluid" src="{{asset('/images/md/sq1.png')}}" alt="">
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-xl-6">
                            <div class="about-page__right">
                                <div class="section-title text-left">
                                    <!--<span class="section-title__tagline">Quanta  Philippines  ROHQ  </span>-->
                                    <h2 class="section-title__title">BUSINESS DEVELOPMENT</h2>
                                </div>
                                <p class="about-page__right-text">" Your Presence is a gift "</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--About Page End-->

</div>


<!--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-->


<!--Team One Start-->
<section class="team-one about-page-team">
    <div class="team-one__container">
        <div class="section-title text-center">
            <br>
            <span class="section-title__tagline">Meet the team</span>
            <h2 class="section-title__title">The Professionals</h2>
        </div>
        <div class="row">
            <div class="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/DE Wit Wynand.png')}}" 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">Vice President Operations</p>
                        <p class="team-one__title">Wdewit@QuantaServices.com<br>
                            Manila Cell: +63 9542615971 <br>
                            Manila Landline: +63 8 635 6692 
                        </p>
                    </div>
                </div>
            </div>
            <!--<div class="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">ALDRIN ALBERTO</h3>-->
            <!--            <p class="team-one__title">Director of Engineering</p>-->
            <!--            <p class="team-one__title">aalberto@QuantaServices.com  <br>-->
            <!--                Manila Cell: +63 9163346207 <br>-->
            <!--                Manila Landline: +63 8 635 6692-->
            <!--            </p>-->
            <!--        </div>-->
            <!--    </div>-->
            <!--</div>-->
            <!--<div class="col-xl-4 col-lg-4 col-sm-6 wow fadeInRight" 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-3.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">ADRIAN MACABUAG</h3>-->
            <!--            <p class="team-one__title">Project Manager</p>-->
            <!--            <p class="team-one__title">AMacabuag@QuantaServices.com  <br>-->
            <!--                Manila Cell (+63) 9177928877 <br>-->
            <!--                Manila Landline   (+63) 661-9398 <br>-->
            <!--                Landline 713-985-6417 <br>-->
            <!--            </p>-->
            <!--        </div>-->
            <!--    </div>-->
            <!--</div>-->
        </div>
    </div>
</section>
<!--Team One 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