@extends('frontend.main')
@section('content')
    
    <section class="page-title-light breadcrumb_section parallax_bg overlay_bg_50" style="background: url({{asset('img/img16.jpg')}})">
        <div class="page-title-light2">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-sm-6">
                        <div class="heading-title">
                            <h1>{{$service->name}}</h1>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <nav aria-label="breadcrumb">
                          <ol class="breadcrumb justify-content-sm-end">
                            <li class="breadcrumb-item"><a href="#">Home</a></li>
                            <li class="breadcrumb-item active" aria-current="page">{{$service->name}}</li>
                          </ol>
                        </nav>
                    </div>
                </div>
            </div>  
        </div>
    </section>

    <!--Hosting Section-->
    <section class="hosting-section">
        <div class="auto-container">
            <div class="sec-title centered">
                <h2>Software Development</h2>
            </div>
            <div class="row clearfix">

                <!--Image Column-->
                <div class="image-column col-lg-6 col-md-12 col-sm-12">
                    <div class="image wow slideInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
                        <img src="{{asset('frontend/images/resource/hosting.jpg')}}" alt="" />
                    </div>
                </div>

                <!--Content Column-->
                <div class="content-column col-lg-6 col-md-12 col-sm-12">
                    <div class="inner-column">
                        <h2> Key Features:</h2>
                        <ul class="list-style-one">
                            <li>N+1 UPS redundancy.</li>
                            <li>Multiple Diesel Generator backup</li>
                            <li>Fully-redundant and conditioned power, mechanical systems & electrical distribution, and comprehensive suppression with
                                fully controlled physical and logical access</li>
                            <li>On-site 24×7 support provides quick request responses at any conditions</li>
                            <li>High-availability network and system environment with access to high speed local network</li>
                        </ul>
                    </div>
                </div>

            </div>
        </div>
    </section>
    <!--End Hosting Section-->

    <!--Info Listing Section-->
    <section class="info-listing-section">
        <div class="auto-container">
            <div class="sec-title centered">
                <h2 style="color: white;">AWT Software Development</h2>
            </div>
            <div class="cloud-one"></div>
            <div class="cloud-two"></div>
            <div class="row clearfix">

                <!--Hosting Info Block-->
                <div class="hosting-info-block col-lg-12 col-md-12 col-sm-12">
                    <div class="inner-block">
                        <h3> Our team of technical experts and developers provide you with the right assistance in developing and customizing your
                            software requirement and application need.
                        </h3>
                    </div>
                </div>

            </div>
        </div>
    </section>
    <!--End Info Listing Section-->
    <!--App Section-->
    <section class="app-section">
        <div class="auto-container">
            <div class="row clearfix">
                <div class="app-block col-lg-12 col-md-12 col-sm-12">
                    <div class="inner-box">
                        <div class="content">
                            <h3>
                                Account Management System :
                                <a href="{{route('get_quote', 'Account Management System')}}" class="theme-btn btn-style-two float-sm-right float-xs-right">
                                    Get a Quote
                                </a>
                            </h3>
                        </div>
                    </div>
                </div>
                <div class="app-block col-lg-12 col-md-12 col-sm-12">
                    <div class="inner-box">
                        <div class="content">
                            <h3>
                                HR Management System :
                                <a href="{{route('get_quote', 'HR Management System')}}" class="theme-btn btn-style-two float-sm-right float-xs-right">
                                    Get a Quote
                                </a>
                            </h3>
                        </div>
                    </div>
                </div>
                <div class="app-block col-lg-12 col-md-12 col-sm-12">
                    <div class="inner-box">
                        <div class="content">
                            <h3>
                                Vehicle Booking System :
                                <a href="{{route('get_quote', 'Vehicle Booking System')}}" class="theme-btn btn-style-two float-sm-right float-xs-right">
                                    Get a Quote
                                </a>
                            </h3>
                        </div>
                    </div>
                </div>
                <div class="app-block col-lg-12 col-md-12 col-sm-12">
                    <div class="inner-box">
                        <div class="content">
                            <h3>
                                Custom System :
                                <a href="{{route('get_quote', 'Custom System')}}" class="theme-btn btn-style-two float-sm-right float-xs-right">
                                    Contact Us
                                </a>
                            </h3>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection