@extends('layouts.front.app')
@section('meta')
<title>Others | {{ 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">Services</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('services/engineering-design-and-drafting-service')}}"><img src="{{asset('images/cross.png')}}" alt=""> Engineering Design and Drafting Service</a>-->
    <!--            </h5>-->

    <!--        </li>-->
    <!--        <li class="mb-3">-->
    <!--            <h5 class="">-->
    <!--                <a class="border-bottom pb-1 link hover-primary" href="{{url('services/information-technology')}}"><img src="{{asset('images/cross.png')}}" > Information Technology</a>-->
    <!--            </h5>-->

    <!--        </li>-->
    <!--        <li class="mb-3">-->
    <!--            <h5 class="">-->
    <!--                <a class="border-bottom pb-1 link hover-primary active-insidenav" type="button" data-bs-toggle="collapse" data-bs-target="#othersCollapse" aria-expanded="true" aria-controls="othersCollapse" href="#"><img src="{{asset('images/cross.png')}}" > Others</a>-->
    <!--            </h5>-->
    <!--            <div class="collapse show" id="othersCollapse">-->
    <!--              <div class="card card-body bg-transparent border-0">-->
    <!--                  <ul class="mb-1 widget__links-lis list-unstyled">-->
    <!--                      <li class="mb-3">-->
    <!--                        <h6>-->
    <!--                            <a class="border-bottom pb-1 link hover-primary modal-btn" type="button" data-bs-toggle="modal" data-bs-target="#modal" aria-expanded="false" aria-controls="teCollapse" href="#"-->
    <!--                            data-content='-->
    <!--                            <section class="my-5">-->
    <!--                                <div class="container">-->
    <!--                                    <div class="section-title text-center">-->
    <!--                                        <span class="section-title__tagline">Others</span>-->
    <!--                                    </div>-->
    <!--                                    <h2 class="section-title__title text-center mb-5">LABOR RECRUITMENT-->
    <!--                                    </h2>-->
    <!--                                    <div class="row">-->
    <!--                                        <div class="col-lg-8 mx-auto">-->
    <!--                                            {{-- <p>Project</p> --}}-->
    <!--                                            <div>-->
    <!--                                                <ul>-->
    <!--                                                    <li>Recruitment consultation and strategy</li>-->
    <!--                                                    <li>Recruitment process optimization-->
    <!--                                                    </li>-->
    <!--                                                    <li>Talent pipeline development-->
    <!--                                                    </li>-->
    <!--                                                    <li>Screening and interviewing-->
    <!--                                                    </li>-->
    <!--                                                    <li>Onboarding and post-hire-->
    <!--                                                    </li>-->
    <!--                                                    <li>Payroll and compensation management-->
    <!--                                                    </li>-->
    <!--                                                    <li>Staff training and evaluation-->
    <!--                                                    </li>-->
    <!--                                                    <li>Recruitment and onboarding-->
    <!--                                                    </li>-->
    <!--                                                </ul>-->
    <!--                                            </div>-->
    <!--                                        </div>-->
    <!--                                    </div>-->
    <!--                                </div>-->
    <!--                            </section>-->
    <!--                            '>  <img src="{{asset('images/square.png')}}" > Labor Recruitment</a>-->
    <!--                        </h6>-->
    <!--                      </li>-->
    <!--                      <li class="mb-3">-->
    <!--                        <h6>-->
    <!--                            <a class="border-bottom pb-1 link hover-primary modal-btn" type="button" data-bs-toggle="modal" data-bs-target="#modal" aria-expanded="false" aria-controls="teCollapse" href="#"-->
    <!--                            data-content='-->
    <!--                            <section class="my-5">-->
    <!--                                <div class="container">-->
    <!--                                    <div class="section-title text-center">-->
    <!--                                        <span class="section-title__tagline">Others</span>-->
    <!--                                    </div>-->
    <!--                                    <h2 class="section-title__title text-center mb-5">JOURNEY LINEMAN-->
    <!--                                    </h2>-->
    <!--                                    <div class="row">-->
    <!--                                        <div class="col-lg-8 mx-auto">-->
    <!--                                            {{-- <p>Project</p> --}}-->
    <!--                                            <div>-->
    <!--                                                <ul>-->
    <!--                                                    <li>Setting Towers / Poles</li>-->
    <!--                                                    <li>Maintaining and Repairing Overhead Distribution or Transmission Lines-->
    <!--                                                    </li>-->
    <!--                                                    <li>Stringing New Wire or Maintaining Old Wire-->
    <!--                                                    </li>-->
    <!--                                                    <li>Installing and Maintaining Insulators-->
    <!--                                                    </li>-->
    <!--                                                    <li>Installing and Maintaining Transformers and Other Equipment-->
    <!--                                                    </li>-->
    <!--                                                    <li>Supervising Ground man and Apprentices-->
    <!--                                                    </li>-->
    <!--                                                    <li>Installing, and Maintaining an Underground Distribution Systems-->
    <!--                                                    </li>-->
    <!--                                                    <li>Assembly and Erection of Substation-->
    <!--                                                    </li>-->
    <!--                                                    <li>Installing and Maintaining Traffic Signals and Outdoor Lighting-->
    <!--                                                    </li>-->
    <!--                                                    <li>Tree Trimming-->
    <!--                                                    </li>-->
    <!--                                                </ul>-->
    <!--                                            </div>-->
    <!--                                        </div>-->
    <!--                                    </div>-->
    <!--                                </div>-->
    <!--                            </section>-->
    <!--                            '>  <img src="{{asset('images/square.png')}}" > Journey Lineman</a>-->
    <!--                        </h6>-->
    <!--                      </li>-->
    <!--                      <li class="mb-3">-->
    <!--                        <h6>-->
    <!--                            <a class="border-bottom pb-1 link hover-primary modal-btn" type="button" data-bs-toggle="modal" data-bs-target="#modal" aria-expanded="false" aria-controls="teCollapse" href="#"-->
    <!--                            data-content='-->
    <!--                            <section class="my-5">-->
    <!--                                <div class="container">-->
    <!--                                    <div class="section-title text-center">-->
    <!--                                        <span class="section-title__tagline">Others</span>-->
    <!--                                    </div>-->
    <!--                                    <h2 class="section-title__title text-center mb-5">SAFETY CONSULTATION-->
    <!--                                    </h2>-->
    <!--                                    <div class="row">-->
    <!--                                        <div class="col-lg-8 mx-auto">-->
    <!--                                            {{-- <p>Project</p> --}}-->
    <!--                                            <div>-->
    <!--                                                <ul>-->
    <!--                                                    <li>Management commitment</li>-->
    <!--                                                    <li>Assessment process</li>-->
    <!--                                                    <li>Safety procedure</li>-->
    <!--                                                    <li>Safety Training</li>-->
    <!--                                                    <li>Additional:-->
    <!--                                                        <ul>-->
    <!--                                                            <li>Design Review</li>-->
    <!--                                                            <li>Planning Assistance</li>-->
    <!--                                                            <li>Submission Reviews</li>-->
    <!--                                                            <li>Daily Oversight (If applicable)</li>-->
    <!--                                                            <li>Safety Meetings</li>-->
    <!--                                                            <li>Safety Program Audits</li>-->
    <!--                                                            <li>Hazard Evaluations</li>-->
    <!--                                                            <li>Accident Investigations</li>-->
    <!--                                                        </ul>-->
    <!--                                                    </li>-->
    <!--                                                </ul>-->
    <!--                                            </div>-->
    <!--                                        </div>-->
    <!--                                    </div>-->
    <!--                                </div>-->
    <!--                            </section>-->
    <!--                            '>  <img src="{{asset('images/square.png')}}" > Safety Consultation</a>-->
    <!--                        </h6>-->
    <!--                      </li>-->
    <!--                      <li class="mb-3">-->
    <!--                        <h6>-->
    <!--                            <a class="border-bottom pb-1 link hover-primary modal-btn" type="button" data-bs-toggle="modal" data-bs-target="#modal" aria-expanded="false" aria-controls="teCollapse" href="#"-->
    <!--                            data-content='-->
    <!--                            <section class="my-5">-->
    <!--                                <div class="container">-->
    <!--                                    <div class="section-title text-center">-->
    <!--                                        <span class="section-title__tagline">Others</span>-->
    <!--                                    </div>-->
    <!--                                    <h2 class="section-title__title text-center mb-5">PROJECT MANAGEMENT-->
    <!--                                    </h2>-->
    <!--                                    <div class="row">-->
    <!--                                        <div class="col-lg-8 mx-auto">-->
    <!--                                            {{-- <p>Project</p> --}}-->
    <!--                                            <div>-->
    <!--                                                <ul>-->
    <!--                                                    <li>Specialize in planning, coordinating, and executing projects according to specific requirements and constraints. We perform activities related to project work, from conceptualization to completion.-->
    <!--                                                    </li>-->
    <!--                                                </ul>-->
    <!--                                            </div>-->
    <!--                                        </div>-->
    <!--                                    </div>-->
    <!--                                </div>-->
    <!--                            </section>-->
    <!--                            '>  <img src="{{asset('images/square.png')}}" > Project Management</a>-->
    <!--                        </h6>-->
    <!--                      </li>-->
    <!--                  </ul>-->
    <!--              </div>-->
    <!--            </div>-->
    <!--        </li>-->
    <!--    </ul>-->
    <!--</div>-->

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

        <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>services</li>
                </ul> --}}
                <!--<h2 class="text-uppercase text-website-secondary">OTHERS</h2>-->
            </div>
        </div>
    </section>
    <!--Page Header End-->

    <section class="services-one services-page">
        <div class="container">
            <div class="row">
                <div class="col offset-md-3">
                    <div class="section-title text-start">
                        {{-- <span class="section-title__tagline">Services</span> --}}
                        <!-- <p>The labor pool in the Philippines is known for its tech competency and attention to detail, operating in a fiscal and financial system almost identical to conditions in the West. The Philippines is one of the most dynamic economies in the East Asia region, with sound economic fundamentals and a globally recognized competitive workforce.

                        </p> -->
                    </div>
                    <h2 class="section-title__title text-start mb-5">Other Services</h2>
                    <div class="row">
                        <div class="col-xl-6 col-lg-6 wow fadeInRight animate" data-wow-duration="1500ms" data-wow-delay="200ms" style="visibility: visible; animation-duration: 1500ms;animation-delay: 200ms; animation-name: fadeInRight;">

                            <div class="services-one__single">
                                <div class="services-one__img">
                                    <img src="{{asset('/images/resources/services-one-img-6.jpg')}}" alt="">
                                    <div class="services-one__icon">
                                        <span class="icon-engineering"></span>
                                    </div>
                                </div>
                                <div class="services-one__content">
                                    <h3 class="services-one__title"><a href="#">Other Services</a></h3>
                                    <p class="services-one__text">
                                    <ul>
                                        <li>Labor Recruitment</li>
                                        <li>Journey Lineman</li>
                                        <!-- <li>Safety Consultation</li>
                                        <li>Project Management</li> -->
                                        <!--<li>Back Office Support (Finance and Admin)</li>-->
                                    </ul>
                                    </p>

                                </div>
                            </div>
                        </div>

                    </div>

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


<div class="modal fade" id="modal" tabindex="-1" aria-labelledby="modal" aria-hidden="true">
    <div class="modal-dialog modal-xl">
        <div class="modal-content rounded-0">
            <div class="modal-header border-0">
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div id="content">

                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('js')
<script>
    $('.modal-btn').click(function() {
        // alert()
        // console.log($(this))
        // $("#title").text($(this).data( "title" ))
        $("#content").html($(this).data("content"))
        // $("#img").attr('src', 'uploads/trusted-providers/'+ $(this).data( "img" ) )
    });
</script>
@endsection