@extends('layouts.front.app')
@section('meta')
<title>About Quanta | {{ 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 text-uppercase">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 active-insidenav" href="#"> <img src="{{asset('images/square.png')}}" alt=""> About QPROHQ
                    </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" 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/about-banner-1894x818.png')}});">
        <div class="container">
            <div class="offset-md-3 page-header__inner">
                {{-- <ul class="thm-breadcrumb list-unstyled">
                    <li><a href="{{url('/')}}">Home</a></li>
                <li><span>/</span></li>
                <li>About QPROHQ
                </li>
                </ul> --}}
                <!-- <h2 class="text-uppercase text-website-secondary">About </h2> -->
            </div>
        </div>
    </section>
    <!--Page Header End-->

    <!--About Page Start-->
    <section class=" my-5">
        <div class="container">
            <div class="row">
                <div class="col offset-md-3">
                     <div class="about-page__right ms-0" style="color: #000000;">
                        <div class="section-title text-left">
                            <!--<span class="section-title__tagline">Quanta  Philippines  ROHQ  </span>-->
                            <h2 class="section-title__title">About </h2>
                        </div>
                        <!-- <p class="about-page__right-text">We provide consultancy services for the electric power, pipeline and industrial, and telecommunications industries.With our group of highly skilled workforce in the field of engineering, safety, and energized linemen,   the branch allows our clients to focus on their business while we do all the work. </p> -->
                        <p style="font-size:18px;" >Quanta Philippines ROHQ (QPROHQ) is the offshoring business of Quanta Services located in Manila, Philippines that focused on providing high-quality workforce and hosted services to Quanta Operating units
                        </p>
                        <p style="font-size:18px;" >Our business of your company and employ a local specialists to handle the following:
                        </p>
                        <ul style="font-size:18px;">
                            <li>Engineering </li>
                            <li>IT</li>
                            <li>Back-office</li>
                            <li>Recruitment</li>
                            <li>HR</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--About Page End-->
</div>






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