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

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


<!--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/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">JONATHAN PRATER</h3>
                        <p class="team-one__title">President</p>
                        <p class="team-one__title">Jprater@QuantaServices.com <br>
                            Manila Cell: +(63) 9772773148 <br>
                            Manila Landline: (+63) 661-9398 <br>
                            Landline 713-985-6417 <br>
                            USA Cell  832-646-5460
                        </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) 661-9398 <br>
                            Landline 713-985-6417 <br>
                        </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