@extends('layouts.front.app')
@section('meta')
	<title>Information Technology | {{ 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 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="#itCollapse" aria-expanded="true" aria-controls="itCollapse" href="#"><img src="{{asset('images/cross.png')}}" > Information Technology</a>
                </h5>
                <div class="collapse show" id="itCollapse">
                  <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">Information Technology</span>
                                        </div>
                                        <h2 class="section-title__title text-center mb-5">I.T. SERVICE HELPDESK
                                        </h2>
                                        <div class="row">
                                            <div class="col-lg-8 mx-auto">
                                                {{-- <p>Project</p> --}}
                                                <div>
                                                    <ul>
                                                        <li>Provide support through phone, email and remote desktop applications.</li>
                                                        <li>Logs incidents and monitors helpdesk tickets queue.</li>
                                                        <li>Respond to phone calls received through the helpdesk line.</li>
                                                        <li>Provide support related to hardware and software applications.</li>
                                                        <li>Assist with Active Directory User Management.</li>
                                                        <li>Provide outsourced system support and administration.</li>
                                                        <li>Assist in technical engineering functions associated with AD/Exchange systems, applications, platforms, and various database technical integration.</li>
                                                        <li>Provide advanced Exchange and Active Directory support.</li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </section>
                                '> <img src="{{asset('images/square.png')}}" > I.T. Service Helpdesk</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">Information Technology</span>
                                        </div>
                                        <h2 class="section-title__title text-center mb-5">I.T. COMPLIANCE
                                        </h2>
                                        <div class="row">
                                            <div class="col-lg-8 mx-auto">
                                                {{-- <p>Project</p> --}}
                                                <div>
                                                    <ul>
                                                        <li>Maintain IT Control Framework.</li>
                                                        <li>Continuous monitoring activities.</li>
                                                        <li>Weekly / Monthly / Quarterly / Annual oversight activities.</li>
                                                        <li>Provide support to Internal and External Auditors.</li>
                                                        <li>Review / update policies, standards and controls.</li>
                                                        <li>Work with OpU on remediation plans.</li>
                                                        <li>Deployment of IT Controls for newly acquired OpU’s.</li>
                                                        <li>Assist new OpU IT management in establishing a control framework.</li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </section>
                                '> <img src="{{asset('images/square.png')}}" > I.T. Compliance</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">Information Technology</span>
                                        </div>
                                        <h2 class="section-title__title text-center mb-5">I.T. SECURITY
                                        </h2>
                                        <div class="row">
                                            <div class="col-lg-8 mx-auto">
                                                {{-- <p>Project</p> --}}
                                                <div>
                                                    <ul>
                                                        <li>Actively monitor system and network for intrusions.</li>
                                                        <li>Identify security flaws and vulnerabilities.</li>
                                                        <li>Perform security audit, risk analysis, network forensics and penetration testing.</li>
                                                        <li>Perform malware analysis and reverse engineering.</li>
                                                        <li>Develop a procedural set of responses to security problems.</li>
                                                        <li>Establish protocols for communication within an organization and dealings with law enforcement during security incidents.</li>
                                                        <li>Create a program development plan that includes security gap assessments, policies, procedures, playbooks, training and tabletop testing.</li>
                                                        <li>Produce detailed incident reports and technical briefs for management, administrators and end-users.</li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </section>
                                '> <img src="{{asset('images/square.png')}}" > I.T. Security</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">Information Technology</span>
                                        </div>
                                        <h2 class="section-title__title text-center mb-5">SOFTWARE DEVELOPMENT
                                        </h2>
                                        <div class="row">
                                            <div class="col-lg-8 mx-auto">
                                                {{-- <p>Project</p> --}}
                                                <div>
                                                    <ul>
                                                        <li>Software Development and Application life cycle management.</li>
                                                        <li>Desktop Solutions using VB. Net/C#, WPF (MVVM).</li>
                                                        <li>Mobile Enterprise Solutions using Windows Phone 8.1.</li>
                                                        <li>Single Page Applications – Web Solutions using MVC5/ASP.NET and Durandal 2.</li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </section>
                                '> <img src="{{asset('images/square.png')}}" > Software Development</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">Information Technology</span>
                                        </div>
                                        <h2 class="section-title__title text-center mb-5">BACK-OFFICE SERVICES
                                        </h2>
                                        <div class="row">
                                            <div class="col-lg-8 mx-auto">
                                                <h6>FINANCIAL MANAGEMENT DUTIES
                                                </h6>
                                                <div class="mb-2">
                                                    <ul>
                                                        <li>IT accruals.</li>
                                                        <li>IT forecasting of costs and variance explanations.
                                                        </li>
                                                        <li>IT budgeting planning
                                                        </li>
                                                        <li>Monitor IT Procurement Mailbox for invoices and maintenance renewals.
                                                        </li>
                                                        <li>Review purchase agreements to determine proper AP Coding.
                                                        </li>
                                                        <li>Manage MS Licensing portal for MS benefits and reservations for Office 365.
                                                        </li>
                                                    </ul>
                                                </div>
                                                <h6>FINANCIAL MANAGEMENT DUTIES
                                                </h6>
                                                <div>
                                                    <ul>
                                                        <li>Create Purchase Orders for Professional Fees, IT hardware/software purchases, Contractors, Maintenance renewals.
                                                        </li>
                                                        <li>Review SW Maintenance agreements for accuracy compared to budget, escalate any variances.
                                                        </li>
                                                        <li> Received against Pos monthly, complete Open PO report monthly.
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </section>
                                '> <img src="{{asset('images/square.png')}}" > Back Office Support (Finance and Admin)</a>
                            </h6>
                          </li>
                      </ul>
                  </div>
                </div>
            </li>
            <li class="mb-3">
                <h5 class="">
                    <a class="border-bottom pb-1 link hover-primary" href="{{url('services/others')}}"><img src="{{asset('images/cross.png')}}" > Others</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/it-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">Information Technology</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>With our 24x7 support, Helpdesk can respond quickly and effectively to requests and incidents received from all different locations worldwide. It is perfect for users who travel abroad and work during after-hours.

                        </p>
                    </div>
                    {{-- <h2 class="section-title__title text-start mb-5">Engineering Design and Drafting 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-5.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="#">Information Technology</a></h3>
                                    <p class="services-one__text">
                                        <ul>
                                            <li>I.T Service Helpdesk</li>
                                            <li>I.T. Compliance</li>
                                            <li>I.T. Security</li>
                                            <li>Software Development</li>
                                            <li>Back Office Support (Finance and Admin)</li>
                                        </ul>
                                        </p>
                                    
                                </div>
                            </div>
                        </div>
                        
                        <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