HTML ad tag preview - Powered by Ad Reform

Live Preview

Tag didn’t load? Click here and let us know!
16x17
637 Bytes
Share this result

Previews are deleted daily. Get a permanent share link sent to your inbox:
Script

Open in browser
@extends('sigWEB.sigweb_frontend_dashboard')
@section('SIGWEB_content')
                   
@yield('sigweb_frontend_header')
<!-- ***** START sigweb_frontend_header ***** -->            
<!-- ***** END sigweb_frontend_header ***** -->

@yield('sigweb_frontend_navbar')
<!-- ***** START sigweb_frontend_navbar ***** -->             
<!-- ***** ENDsigweb_frontend_navbar ***** -->
    
<!-- ***** START SIGWEB content ***** -->
<!--***** HOME started *****-->

@php
    // $data_ayekamae_web_home_page = App\Models\Ayekamae_web_home_page::find(1);
    // $data_ayekamae_web_home_page = App\Models\Ayekamae_web_home_page::latest()->get();
    $data_ayekamae_web_home_page = App\Models\Ayekamae_web_home_page::where('web_status', 'approved')->orderBy('updated_at','DESC')->limit(1)->get()
@endphp

@foreach($data_ayekamae_web_home_page as $data_ayekamae_web_home_page) 
<section class="hero-section" id="section_1">
    <div class="section-overlay"></div>
    <div class="container d-flex justify-content-center align-items-center">
        <div class="row">
            <div class="col-12 mt-auto text-center">
                <small class="text-uppercase">{{ $data_ayekamae_web_home_page->headline_additional_title }}</small>
                <h1 class="text-light"><span class="text-capitalize">{{ $data_ayekamae_web_home_page->headline_main_title }}</span></h1>
                <a class="btn custom-btn smoothscroll ms-auto px-4 py-2" href="#section_2">GET STARTED</a>
            </div>
            <div class="col-lg-12 col-12 mt-auto d-flex flex-column flex-lg-row text-center">
                <div class="date-wrap">
                    <h5 class="text-light">
                        <i class="custom-icon bi-clock me-2"></i>
                        <span class="text-capitalize">{{ $data_ayekamae_web_home_page->headline_occasion_title }}</span>
                        {{-- 20<sup class="mr-1">th</sup>— 21<sup class="me-1">st</sup>, Dec 2023 --}}
                    </h5>
                </div>
                <div class="location-wrap mx-auto py-3 py-lg-0">
                    <h5 class="text-light">
                        <i class="custom-icon bi-geo-alt me-2"></i>
                        <span class="text-capitalize">{{ $data_ayekamae_web_home_page->headline_located_title }}</span>
                    </h5>
                </div>
                <div class="social-share mb-0 mr-0 py-0 py-lg-0">
                    <ul class="social-icon d-flex align-items-center justify-content-center mx-0 px-0">
                        <span class="text-light mx-3">Share</span>
                        <li class="social-icon-item">
                            <a href="#" class="social-icon-link">
                                <span class="bi-facebook"></span>
                            </a>
                        </li>
                        <li class="social-icon-item">
                            <a href="#" class="social-icon-link">
                                <span class="bi-twitter"></span>
                            </a>
                        </li>
                        <li class="social-icon-item">
                            <a href="#" class="social-icon-link">
                                <span class="bi-instagram"></span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="video-wrap">
        {{-- <video autoplay="" loop="" muted="" class="custom-video" poster=""> --}}
        <video autoplay="" loop="" class="custom-video" poster="">
            <source src="{{ asset('themeFrontend/video/bps_cmae_tjw.mp4') }}" type="video/mp4">
                Your browser does not support the video tag.
        </video>
    </div>
</section>
@endforeach
<!--***** HOME ended *****-->


<!--***** ABOUT started *****-->
@php
    $data_ayekamae_web_about_page = App\Models\Ayekamae_web_about_page::where('web_status', 'approved')->orderBy('updated_at','DESC')->limit(1)->get()
@endphp
@foreach($data_ayekamae_web_about_page as  $data_ayekamae_web_about_page) 
<section class="about-section section-padding" style="background-color: rgb(88, 88, 78)" id="section_2">
    <div class="container mt-2">
        <div class="section-title" data-aos="fade-down" data-aos-delay="250">
            <h2 style="color: var(--section-text-color)">
                <span class="text-uppercase">{{ $data_ayekamae_web_about_page->about_title }}</span>
            </h2>
        </div>        
        <br>
        <div class="row content">
            <div class="col-lg-6">
                {{-- <h2 style="color: #22aed8">PDAM LEMATANG ENIM</h2> --}}
                <h2 style="color: #22aed8">{{ $data_ayekamae_web_about_page->about_main_title }}</h2>
                {{-- <h3 style="color: azure">PERDA No. 04 Tahun 1986</h3> --}}
                <h3 style="color: azure">{{ $data_ayekamae_web_about_page->about_additional_title }}</h3>
            </div>

            <div class="col-lg-6 pt-4 pt-lg-0">
                <font face="Victor Mono">
                {{-- <p class="about-us" style="text-align: justify; color:rgb(255, 255, 255)">
                        Merupakan Badan Usaha milik Pemerintah Kabupaten Muara Enim yang didirikan berdasarkan Peraturan Daerah Nomor : 4 Tahun 1986 tanggal 9 Mei 1986, yang berkedudukan dan berkantor pusat di Kota Muara Enim. Untuk melaksanakan kegiatan dalam penyediaan air bersih, PDAM Lematang Enim Kabupaten Muara Enim mempunyai beberapa Instalasi Pengelolaan Air (IPA) yang tersebar di Lima Unit Cabang Pelayanan yaitu Cabang Muara Enim, Tanjung Enim, Ujan Mas, Gelumbang, Teluk Lubuk Pendopo, dengan Total Kapasitas Produksi terpasang 757.50 liter/detik yang melayani 34.914 SR pada tahun 2020. Keberadaan Kami di Kabupaten Muara Enim adalah untuk mengusahakan peyediaan air minum (air bersih) untuk kebutuhan masyarakat di wilayah Muara Enim dan sekitarnya. Beberapa tugas utama Kami meliputi :
                </p> --}}
                <p class="about-us" style="text-align: justify; color:rgb(255, 255, 255)">
                    {{-- <span class="text-uppercase"> --}}
                    {{ $data_ayekamae_web_about_page->about_long_description_inception }}
                    {{-- </span> --}}
                </p>
                <br>
                {{-- <ul class="abaout-us" style="text-align: justify">
                    <li class="mb-3" style="color:rgb(255, 0, 234)"><i class="ri-check-line"></i>
                        <p class="about-us" style="text-align: justify; color:rgb(102, 255, 0)">
                        {a}. Mengolah sumber air untuk memperoleh  air bersih dan menyalurkan kepada pelanggan.
                        </p>                                    
                    </li>
                    <li class="mb-3" style="color:rgb(255, 0, 234)"><i class="ri-check-line"></i>
                        <p class="about-us d-inline" style="text-align: justify; color:rgb(102, 255, 0)">
                        {b}. Membangun jaringan pipa transmisi – distribusi dalam rangka mengoptimalkan pendistribusian kepada masyarakat di wilayah pelayanan Kami.
                        </p>
                    </li>
                    <li class="mb-3" style="color:rgb(255, 0, 234)"><i class="ri-check-line"></i>
                        <p class="about-us d-inline" style="text-align: justify; color:rgb(102, 255, 0)">
                        {c}. Melakukan pemeliharaan jaringan pipa transmisi – distribusi untuk menekan kehilangan air.
                        </p>
                    </li>
                </ul>
                <br> --}}

                <p class="about-us" style="text-align: justify; color:rgb(255, 255, 255)"> {{ $data_ayekamae_web_about_page->about_long_description_content }} </p>
                <br>
                {{-- <p class="about-us" style="text-align: justify; color:rgb(255, 255, 255)">
                        PDAM sebagai salah satu Badan Usaha milik Daerah membutuhkan peran serta dan dukungan penuh. Pemerintah Daerah maupun Pusat dalam rangka mengemban tugas sebagai Perusahaan Layanan Publik.
                </p>  --}}

                <p class="about-us" style="text-align: justify; color:rgb(255, 255, 255)">
                    {{ $data_ayekamae_web_about_page->about_long_description_conclusion }}
                </p>
                </font>
            </div>
        </div>
    </div>
</section>
@endforeach
<!--***** ABOUT ended *****-->


<!--***** TEAM started *****-->
<section class="team-section section-padding" style="background: rgb(15, 22, 56)" id="section_3">
    <div class="container mt-2">
        <h2 style="color: var(--section-text-color)">OUR — TEAM</h2>
        <div class="row g-5 mt-5" style="justify-content: center">
            <div class="col-12 text-center"><h3 class="mb-4" style="color: #f59f00">Headquarters Manager</h3></div>
            <div class="col-lg-6 col-12">
                @php
                    $data_ayekamae_web_headquarter_ceo_photo = App\Models\Ayekamae_web_headquarter_ceo_image::where('web_status', 'approved')->orderBy('updated_at','DESC')->limit(1)->get()
                @endphp
                @foreach($data_ayekamae_web_headquarter_ceo_photo as $entry_data_i)
                <div class="personnels-thumb">
                    <img id="headquarter_ceo_img" class="personnels-image img-fluid" style="max-width:fit-content" src="{{ (!empty($entry_data_i->headquarter_ceo_img))? URL::to($entry_data_i->headquarter_ceo_img):URL('UPLoad/sigweb_frontend_images/sigweb_frontend_no_image.png')}}">
                    <div class="personnels-hover">
                        <p style="color:white; text-align:center" class="mb-0"><b>{{ $entry_data_i->nama_headquarter_ceo_img }}</b></p>
                        <hr style="color: white">
                        <p style="color:white; text-align: center" class="mb-0"><b><i class="custom-icon bi-geo-alt me-2"></i>{{ $entry_data_i->lokasi_headquarter_ceo_img }}</b></p>
                        <p style="color:white; text-align: center"> {{ $entry_data_i->short_description_headquarter_ceo_img }} </p>
                    </div>
                </div>
                @endforeach
            </div> 
        </div>
        <div class="row g-4" style="justify-content: center">
            <div class="col-lg-5 col-12">
                @php
                    $data_ayekamae_web_headquarter_geo_photo = App\Models\Ayekamae_web_headquarter_geo_image::where('web_status', 'approved')->orderBy('updated_at','DESC')->limit(1)->get()
                @endphp
                @foreach($data_ayekamae_web_headquarter_geo_photo as  $entry_data_j) 
                <div class="personnels-thumb">
                    <div class="personnels-image-wrap">
                        <img id="headquarter_geo_img" class="personnels-image img-fluid" style="max-width:fit-content" src="{{ (!empty($entry_data_j->headquarter_geo_img))? URL::to($entry_data_j->headquarter_geo_img):URL('UPLoad/sigweb_frontend_images/sigweb_frontend_no_image.png')}}">
                    </div>
                    <div class="personnels-hover">
                        <p style="color:white; text-align:center" class="mb-0"><b>{{ $entry_data_j->nama_headquarter_geo_img }}</b></p>
                        <hr style="color: white;">
                        <p style="color:white; text-align: center" class="mb-0"><b><i class="custom-icon bi-geo-alt me-2"></i>{{ $entry_data_j->lokasi_headquarter_geo_img }}</b></p>
                        <p style="color:white; text-align: center"> {{ $entry_data_j->short_description_headquarter_geo_img }} </p>
                    </div>
                </div>
                @endforeach
            </div>
            <div class="col-lg-5 col-12">
                <div class="personnels-thumb">
                    @php
                        $data_ayekamae_web_headquarter_eeo_photo = App\Models\Ayekamae_web_headquarter_eeo_image::where('web_status', 'approved')->orderBy('updated_at','DESC')->limit(1)->get()
                    @endphp
                    @foreach($data_ayekamae_web_headquarter_eeo_photo as $entry_data_k) 
                    <div class="personnels-image-wrap">
                        <img id="headquarter_eeo_img" class="personnels-image img-fluid" style="max-width:fit-content" src="{{ (!empty($entry_data_k->headquarter_eeo_img))? URL::to($entry_data_k->headquarter_eeo_img):URL('UPLoad/sigweb_frontend_images/sigweb_frontend_no_image.png')}}">
                    </div>
                    <div class="personnels-hover">
                        <p style="color:white; text-align:center" class="mb-0">
                            <b>{{ $entry_data_k->nama_headquarter_eeo_img }}</b>                                        
                        </p>
                        <hr style="color: white;">
                        <p style="color:white; text-align: center" class="mb-0">
                            <b><i class="custom-icon bi-geo-alt me-2"></i>{{ $entry_data_k->lokasi_headquarter_eeo_img }}</b>
                        </p>
                        <p style="color:white; text-align: center">                           
                            {{ $entry_data_k->short_description_headquarter_eeo_img }}
                        </p>
                    </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
    

    <div class="container mt-5">
        <div class="row justify-content-center">
            <div class="col-12 text-center mb-4"><h3 class="mb-4" style="color: #f59f00">Branch Manager</h3></div>
        </div>        
        {{-- <div class="row g-5" style="justify-content: center"> --}}
        <div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 justify-content-center">
            <div class="col">
                @php
                    $data_ayekamae_web_branch_manager_cmae_photo = App\Models\Ayekamae_web_branch_manager_cmae_image::where('web_status', 'approved')->orderBy('updated_at','DESC')->limit(1)->get()
                @endphp
                @foreach($data_ayekamae_web_branch_manager_cmae_photo as $entry_data_n) 
                <div class="personnels-thumb">
                    <div class="personnels-image-wrap">
                        {{-- <img src="{{ asset('themeFrontend/images/sigweb_contact_us.jpg') }}" class="personnels-image img-fluid"> --}}
                        <img id="branch_manager_cmae_img" class="personnels-image img-fluid" style="width:50rem" src="{{ (!empty($entry_data_n->branch_manager_cmae_img))? URL::to($entry_data_n->branch_manager_cmae_img):URL('UPLoad/sigweb_frontend_images/sigweb_frontend_no_image.png')}}">
                    </div>
                    <div class="personnels-hover">
                        <p style="color:white; text-align:center" class="mb-0">
                            <b>{{ $entry_data_n->nama_branch_manager_cmae_img }}</b>                                        
                        </p>
                        <hr style="color: white;">
                        <p style="color:white; text-align: center" class="mb-0">
                            <b><i class="custom-icon bi-geo-alt me-2"></i>{{ $entry_data_n->lokasi_branch_manager_cmae_img }}</b>
                        </p>
                        <p style="color:white; text-align: center">                           
                            {{ $entry_data_n->short_description_branch_manager_cmae_img }}
                        </p>
                    </div>
                </div>
                @endforeach
            </div>
            <div class="col">
                @php
                    $data_ayekamae_web_branch_manager_ctan_photo = App\Models\Ayekamae_web_branch_manager_ctan_image::where('web_status', 'approved')->orderBy('updated_at','DESC')->limit(1)->get()
                @endphp
                @foreach($data_ayekamae_web_branch_manager_ctan_photo as $entry_data_p) 
                <div class="personnels-thumb">
                    <div class="personnels-image-wrap">
                        {{-- <img src="{{ asset('themeFrontend/images/sigweb_contact_us.jpg') }}" class="personnels-image img-fluid"> --}}
                        <img id="branch_manager_ctan_img" class="personnels-image img-fluid" style="width:50rem" src="{{ (!empty($entry_data_p->branch_manager_ctan_img))? URL::to($entry_data_p->branch_manager_ctan_img):URL('UPLoad/sigweb_frontend_images/sigweb_frontend_no_image.png')}}">
                    </div>
                    <div class="personnels-hover">
                        <p style="color:white; text-align:center" class="mb-0">
                            <b>{{ $entry_data_p->nama_branch_manager_ctan_img }}</b>                                        
                        </p>
                        <hr style="color: white;">
                        <p style="color:white; text-align: center" class="mb-0">
                            <b><i class="custom-icon bi-geo-alt me-2"></i>{{ $entry_data_p->lokasi_branch_manager_ctan_img }}</b>
                        </p>
                        <p style="color:white; text-align: center">                           
                            {{ $entry_data_p->short_description_branch_manager_ctan_img }}
                        </p>
                    </div>
                </div>
                @endforeach
            </div>
        </div>
    </div>

    <div class="container mt-3"> 
        <div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 justify-content-center">
            {{-- <div class="col-lg-5 col-12"> --}}
            <div class="col">
                @php
                    $data_ayekamae_web_branch_manager_cmas_photo = App\Models\Ayekamae_web_branch_manager_cmas_image::where('web_status', 'approved')->orderBy('updated_at','DESC')->limit(1)->get()
                @endphp
                @foreach($data_ayekamae_web_branch_manager_cmas_photo as  $entry_data_o) 
                <div class="personnels-thumb">
                    <div class="personnels-image-wrap">
                        {{-- <img src="{{ asset('themeFrontend/images/sigweb_contact_us.jpg') }}" class="personnels-image img-fluid"> --}}
                        <img id="branch_manager_cmas_img" class="personnels-image img-fluid" style="width:50rem" src="{{ (!empty($entry_data_o->branch_manager_cmas_img))? URL::to($entry_data_o->branch_manager_cmas_img):URL('UPLoad/sigweb_frontend_images/sigweb_frontend_no_image.png')}}">
                    </div>
                    <div class="personnels-hover">
                        <p style="color:white; text-align:center" class="mb-0">
                            <b>{{ $entry_data_o->nama_branch_manager_cmas_img }}</b>                                        
                        </p>
                        <hr style="color: white;">
                        <p style="color:white; text-align: center" class="mb-0">
                            <b><i class="custom-icon bi-geo-alt me-2"></i>{{ $entry_data_o->lokasi_branch_manager_cmas_img }}</b>
                        </p>
                        <p style="color:white; text-align: center">                           
                            {{ $entry_data_o->short_description_branch_manager_cmas_img }}
                        </p>
                    </div>
                </div>
                @endforeach
            </div>
            {{-- <div class="col-lg-5 col-12"> --}}
            <div class="col">
                @php
                    $data_ayekamae_web_branch_manager_cbuk_photo = App\Models\Ayekamae_web_branch_manager_cbuk_image::where('web_status', 'approved')->orderBy('updated_at','DESC')->limit(1)->get()
                @endphp
                @foreach($data_ayekamae_web_branch_manager_cbuk_photo as  $entry_data_l) 
                <div class="personnels-thumb">
                    <div class="personnels-image-wrap">
                        <img id="branch_manager_cbuk_img" class="personnels-image img-fluid" style="width:50rem"
                        src="{{ (!empty($entry_data_l->branch_manager_cbuk_img))? URL::to($entry_data_l->branch_manager_cbuk_img):URL('UPLoad/sigweb_frontend_images/sigweb_frontend_no_image.png')}}">
                    </div>
                    <div class="personnels-hover">
                        <p style="color:white; text-align:center" class="mb-0">
                            <b>{{ $entry_data_l->nama_branch_manager_cbuk_img }}</b>                                        
                        </p>
                        <hr style="color: white;">
                        <p style="color:white; text-align: center" class="mb-0">
                            <b><i class="custom-icon bi-geo-alt me-2"></i>{{ $entry_data_l->lokasi_branch_manager_cbuk_img }}</b>
                        </p>
                        <p style="color:white; text-align: center">                           
                            {{ $entry_data_l->short_description_branch_manager_cbuk_img }}
                        </p>
                    </div>
                </div>
                @endforeach
            </div>
            <div class="col">
                @php
                    $data_ayekamae_web_branch_manager_clum_photo = App\Models\Ayekamae_web_branch_manager_clum_image::where('web_status', 'approved')->orderBy('updated_at','DESC')->limit(1)->get()
                @endphp
                @foreach($data_ayekamae_web_branch_manager_clum_photo as  $entry_data_m) 
                <div class="personnels-thumb">
                    <div class="personnels-image-wrap">
                        <img id="branch_manager_clum_img" class="personnels-image img-fluid" style="width:50rem" src="{{ (!empty($entry_data_m->branch_manager_clum_img))? URL::to($entry_data_m->branch_manager_clum_img):URL('UPLoad/sigweb_frontend_images/sigweb_frontend_no_image.png')}}">
                    </div>
                    <div class="personnels-hover">
                        <p style="color:white; text-align:center" class="mb-0">
                            <b>{{ $entry_data_m->nama_branch_manager_clum_img }}</b>                                        
                        </p>
                        <hr style="color: white;">
                        <p style="color:white; text-align: center" class="mb-0">
                            <b><i class="custom-icon bi-geo-alt me-2"></i>{{ $entry_data_m->lokasi_branch_manager_clum_img }}</b>
                        </p>
                        <p style="color:white; text-align: center">                           
                            {{ $entry_data_m->short_description_branch_manager_clum_img }}
                        </p>
                    </div>
                </div>
                @endforeach
            </div>
        </div>
    </div>
</section> 
<!--***** TEAM ended *****-->

<!--***** INFRASTRUCTURE started *****-->
<section class="personnels-section section-padding" style="background-color: rgb(15, 22, 56)" id="section_4">
    <div class="container mt-2">
        <h2 style="color: var(--primary-color)">OUR — INFRASTRUCTURE</h2>
        <div class="row g-5 mt-5" style="justify-content: center">
            <div class="col-lg-8 col-12">
                @php
                    $data_ayekamae_web_headquarter_office_photo = App\Models\Ayekamae_web_headquarter_office_image::where('web_status', 'approved')->orderBy('updated_at','DESC')->limit(1)->get()
                @endphp
                @foreach($data_ayekamae_web_headquarter_office_photo as  $entry_data_a)
                <div class="personnels-thumb">
                    {{-- <img src="{{ asset('themeFrontend/images/sigweb_headquarter.jpg') }}" class="personnels-image img-fluid size-auto"> --}}
                    <img id="headquarter_office_img" class="personnels-image img-fluid" style="max-width:fit-content" src="{{ (!empty($entry_data_a->headquarter_office_img))? URL::to($entry_data_a->headquarter_office_img):URL('UPLoad/sigweb_frontend_images/sigweb_frontend_no_image.png')}}">
                    <div class="personnels-hover">
                        <p style="color:white; text-align:center" class="mb-0"><b>{{ $entry_data_a->nama_headquarter_office_img }}</b></p>
                        <hr style="color: white">
                        <p style="color:white; text-align: center" class="mb-0"><b><i class="custom-icon bi-geo-alt me-2"></i>{{ $entry_data_a->lokasi_headquarter_office_img }}</b></p>
                        <p style="color:white; text-align: center"> {{ $entry_data_a->short_description_headquarter_office_img }} </p>
                    </div>
                </div>
                @endforeach
            </div> 
        </div>
        <div class="row g-4" style="justify-content: center">
            <div class="col-lg-4 col-12">
                @php
                    $data_ayekamae_web_intake_photo = App\Models\Ayekamae_web_intake_image::where('web_status', 'approved')->orderBy('updated_at','DESC')->limit(1)->get()
                @endphp
                @foreach($data_ayekamae_web_intake_photo as  $entry_data_b)
                <div class="personnels-thumb">
                    <div class="personnels-image-wrap">
                        {{-- <img src="{{ asset('themeFrontend/images/sigweb_contact_us.jpg') }}" class="personnels-image img-fluid"> --}}
                        <img id="intake_img" class="personnels-image img-fluid" style="max-width:fit-content" src="{{ (!empty($entry_data_b->intake_img))? URL::to($entry_data_b->intake_img):URL('UPLoad/sigweb_frontend_images/sigweb_frontend_no_image.png')}}">
                    </div>
                    <div class="personnels-hover">
                        <p style="color:white; text-align:center" class="mb-0"><b>{{ $entry_data_b->nama_intake_img }}</b></p>
                        <hr style="color: white;">
                        <p style="color:white; text-align: center" class="mb-0"><b><i class="custom-icon bi-geo-alt me-2"></i>{{ $entry_data_b->lokasi_intake_img }}</b></p>
                        <p style="color:white; text-align: center"> {{ $entry_data_b->short_description_intake_img }} </p>
                    </div>
                </div>
                @endforeach
            </div>
            <div class="col-lg-4 col-12">
                <div class="personnels-thumb">
                    @php
                        $data_ayekamae_web_water_treatment_photo = App\Models\Ayekamae_web_water_treatment_image::where('web_status', 'approved')->orderBy('updated_at','DESC')->limit(1)->get()
                    @endphp
                    @foreach($data_ayekamae_web_water_treatment_photo as $entry_data_c) 
                    <div class="personnels-image-wrap">
                        {{-- <img src="{{ asset('themeFrontend/images/sigweb_about_us.jpg') }}" class="personnels-image img-fluid"> --}}
                        <img id="water_treatment_img" class="personnels-image img-fluid" style="max-width:fit-content" src="{{ (!empty($entry_data_c->water_treatment_img))? URL::to($entry_data_c->water_treatment_img):URL('UPLoad/sigweb_frontend_images/sigweb_frontend_no_image.png')}}">
                    </div>
                    <div class="personnels-hover">
                        <p style="color:white; text-align:center" class="mb-0"><b>{{ $entry_data_c->nama_water_treatment_img }}</b></p>
                        <hr style="color: white;">
                        <p style="color:white; text-align: center" class="mb-0"><b><i class="custom-icon bi-geo-alt me-2"></i>{{ $entry_data_c->lokasi_water_treatment_img }}</b></p>
                        <p style="color:white; text-align: center"> {{ $entry_data_c->short_description_water_treatment_img }} </p>
                    </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
    <div class="container mt-5">
        <div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 justify-content-center">
            <div class="col">
                <div class="personnels-thumb">
                    @php
                        $data_ayekamae_web_booster_station_photo = App\Models\Ayekamae_web_booster_station_image::where('web_status', 'approved')->orderBy('updated_at','DESC')->limit(1)->get()
                    @endphp
                    @foreach($data_ayekamae_web_booster_station_photo as $entry_data_d) 
                    <div class="personnels-image-wrap">
                        {{-- <img src="{{ asset('themeFrontend/images/sigweb_pages.jpg') }}" class="personnels-image img-fluid"> --}}
                        <img id="booster_station_img" class="personnels-image img-fluid" style="max-width:fit-content"
                        src="{{ (!empty($entry_data_d->booster_station_img))? URL::to($entry_data_d->booster_station_img):URL('UPLoad/sigweb_frontend_images/sigweb_frontend_no_image.png')}}">
                    </div>
                    <div class="personnels-hover">
                        <p style="color:white; text-align:center" class="mb-0">
                            <b>{{ $entry_data_d->nama_booster_station_img }}</b>                                        
                        </p>
                        <hr style="color: white;">
                        <p style="color:white; text-align: center" class="mb-0">
                            <b><i class="custom-icon bi-geo-alt me-2"></i>{{ $entry_data_d->lokasi_booster_station_img }}</b>
                        </p>
                        <p style="color:white; text-align: center">                           
                            {{ $entry_data_d->short_description_booster_station_img }}
                        </p>
                    </div>
                    @endforeach
                </div>
            </div>
            <div class="col">
                <div class="personnels-thumb">
                    @php
                        $data_ayekamae_web_pipe_network_photo = App\Models\Ayekamae_web_pipe_network_image::where('web_status', 'approved')->orderBy('updated_at','DESC')->limit(1)->get()
                    @endphp
                    @foreach($data_ayekamae_web_pipe_network_photo as $entry_data_e)
                    <div class="personnels-image-wrap">
                        {{-- <img src="{{ asset('themeFrontend/images/sigweb_sky_view.jpg') }}" class="personnels-image img-fluid"> --}}
                        <img id="pipe_network_img" class="personnels-image img-fluid" style="max-width:fit-content"
                        src="{{ (!empty($entry_data_e->pipe_network_img))? URL::to($entry_data_e->pipe_network_img):URL('UPLoad/sigweb_frontend_images/sigweb_frontend_no_image.png')}}">
                    </div>
                    <div class="personnels-hover">
                        <p style="color:white; text-align:center" class="mb-0">
                            <b>{{ $entry_data_e->nama_pipe_network_img }}</b>                                        
                        </p>
                        <hr style="color: white;">
                        <p style="color:white; text-align: center" class="mb-0">
                            <b><i class="custom-icon bi-geo-alt me-2"></i>{{ $entry_data_e->lokasi_pipe_network_img }}</b>
                        </p>
                        <p style="color:white; text-align: center">                           
                            {{ $entry_data_e->short_description_pipe_network_img }}
                        </p>
                    </div>
                    @endforeach
                </div>
            </div>
            <div class="col">
                <div class="personnels-thumb">
                    @php
                        $data_ayekamae_web_service_area_photo = App\Models\Ayekamae_web_service_area_image::where('web_status', 'approved')->orderBy('updated_at','DESC')->limit(1)->get()
                    @endphp
                    @foreach($data_ayekamae_web_service_area_photo as $entry_data_f)
                    <div class="personnels-image-wrap">
                        {{-- <img src="{{ asset('themeFrontend/images/sigweb_hdpe_connection.jpg') }}" class="personnels-image img-fluid size-auto"> --}}
                        <img id="service_area_img" class="personnels-image img-fluid" style="max-width:fit-content"
                        src="{{ (!empty($entry_data_f->service_area_img))? URL::to($entry_data_f->service_area_img):URL('UPLoad/sigweb_frontend_images/sigweb_frontend_no_image.png')}}">
                    </div>
                    <div class="personnels-hover">
                        <p style="color:white; text-align:center" class="mb-0">
                            <b>{{ $entry_data_f->nama_service_area_img }}</b>                                        
                        </p>
                        <hr style="color: white;">
                        <p style="color:white; text-align: center" class="mb-0">
                            <b><i class="custom-icon bi-geo-alt me-2"></i>{{ $entry_data_f->lokasi_service_area_img }}</b>
                        </p>
                        <p style="color:white; text-align: center">                           
                            {{ $entry_data_f->short_description_service_area_img }}
                        </p>
                    </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
    <div class="container mt-5">
        {{-- <div class="row g-5" style="justify-content: center"> --}}
        <div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 justify-content-center">
            <div class="col-lg-5 col-12">
                @php
                    $data_ayekamae_web_home_tap_photo = App\Models\Ayekamae_web_home_tap_image::where('web_status', 'approved')->orderBy('updated_at','DESC')->limit(1)->get()
                @endphp
                @foreach($data_ayekamae_web_home_tap_photo as  $entry_data_g) 
                <div class="personnels-thumb">
                    <div class="personnels-image-wrap">
                        {{-- <img src="{{ asset('themeFrontend/images/sigweb_contact_us.jpg') }}" class="personnels-image img-fluid"> --}}
                        <img id="home_tap_img" class="personnels-image img-fluid" style="max-width:fit-content"
                        src="{{ (!empty($entry_data_g->home_tap_img))? URL::to($entry_data_g->home_tap_img):URL('UPLoad/sigweb_frontend_images/sigweb_frontend_no_image.png')}}">
                    </div>
                    <div class="personnels-hover">
                        <p style="color:white; text-align:center" class="mb-0"><b>{{ $entry_data_g->nama_home_tap_img }}</b></p>
                        <hr style="color: white;">
                        <p style="color:white; text-align: center" class="mb-0"><b><i class="custom-icon bi-geo-alt me-2"></i>{{ $entry_data_g->lokasi_home_tap_img }}</b></p>
                        <p style="color:white; text-align: center">{{ $entry_data_g->short_description_home_tap_img }}</p>
                    </div>
                </div>
                @endforeach
            </div>
            <div class="col-lg-5 col-12">
                <div class="personnels-thumb">
                    @php
                        $data_ayekamae_web_public_tap_photo = App\Models\Ayekamae_web_public_tap_image::where('web_status', 'approved')->orderBy('updated_at','DESC')->limit(1)->get()
                    @endphp
                    @foreach($data_ayekamae_web_public_tap_photo as $entry_data_h)
                    <div class="personnels-image-wrap">
                        {{-- <img src="{{ asset('themeFrontend/images/sigweb_about_us.jpg') }}" class="personnels-image img-fluid"> --}}
                        <img id="public_tap_img" class="personnels-image img-fluid" style="max-width:fit-content" src="{{ (!empty($entry_data_h->public_tap_img))? URL::to($entry_data_h->public_tap_img):URL('UPLoad/sigweb_frontend_images/sigweb_frontend_no_image.png')}}">
                    </div>
                    <div class="personnels-hover">
                        <p style="color:white; text-align:center" class="mb-0"><b>{{ $entry_data_h->nama_public_tap_img }}</b></p>
                        <hr style="color: white;">
                        <p style="color:white; text-align: center" class="mb-0"><b><i class="custom-icon bi-geo-alt me-2"></i>{{ $entry_data_h->lokasi_public_tap_img }}</b></p>
                        <p style="color:white; text-align: center">{{ $entry_data_h->short_description_public_tap_img }}</p>
                    </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
</section>
<!--***** INFRASTRUCTURE ended *****-->

<!--***** PRICE started *****-->
<section class="pricing-section section-padding section-bg" id="section_5">
    <div class="container mt-2">
        <h2>TARRIF — GROUP</h2>
        <br>
        <p class="h5 mt-3 mb-4 flex-wrap" style="text-align: justify; color:rgb(77, 69, 67)">
        Tarif air  pelayanan air bersih di Kota Muara Enim dan Kota Tanjung Enim saat ini
        berdasarkan Peraturan Bupati Muara Enim No. 18 Tahun 2010, tanggal 28 Juni 2010 dan
        telah mendapat Persetujuan DPRD dengan Surat No.690/400/DPRD/2010, tanggal 20 Mei 2010. 
        </p>
    </div>
    <div class="container">
        <div class="row">
        <div class="col-12"> 
            <!-- -----1st GROUP START----- -->
            <div class="col-20 col-sm; shadow p-0.20 mb-3">
                <div class="card">
                    <div class="card-header" style="background: rgb(163, 253, 246)"><h6 style="text-align: center">KELOMPOK TARIF GOLONGAN 1</h6></div>
                    <div class="card-body">
                        <table class="table-responsive table table-sm table-bordered border-primary table-hover">
                            <thead style="background: rgb(255, 249, 159)">
                            <tr>
                                <th class="bg-dark text-light" scope="col" style="vertical-align:middle; text-align:center; width:5%">GOL</th>
                                <th class="bg-dark text-light" scope="col" style="vertical-align:middle; text-align:center; width:35%">PENGGUNA</th>
                                <th class="bg-dark text-light" scope="col" style="text-align:center">0.00<code class="text-info"> s.d. </code>10.0 <code class="text-warning">m<sup>3</sup></code></th>
                                <th class="bg-dark text-light" scope="col" style="text-align:center">11.0<code class="text-info"> s.d. </code>20.0 <code class="text-warning">m<sup>3</sup></code></th>
                                <th class="bg-dark text-light" scope="col" style="text-align:center">21.0<code class="text-warning"> m<sup>3</sup></code><code class="text-info"> s.d.</code> ...</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <th scope="row" style="text-align: center">1.a</th>
                                <td scope="row" style="text-align: justify">Hidran Umum</td>
                                <td scope="row">Rp 1.850</td>
                                <td scope="row">Rp 1.850</td>
                                <td scope="row">Rp 1.850</td>
                            </tr>
                            <tr>
                                <th scope="row" style="text-align: center">1.b</th>
                                <td scope="row" style="text-align: justify">Kamar mandi dan WC Umum</td>
                                <td scope="row">Rp 1.850</td>
                                <td scope="row">Rp 1.850</td>
                                <td scope="row">Rp 1.850</td>
                            </tr>
                            <tr>
                                <th scope="row" style="text-align: center">1.c</th>
                                <td scope="row" style="text-align: justify">Tempat Ibadah</td>
                                <td scope="row">Rp 1.850</td>
                                <td scope="row">Rp 1.850</td>
                                <td scope="row">Rp 1.850</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div><!-- -----end 1st GROUP----- -->
            <br>
            <!-- -----2nd GROUP START----- -->
            <div class="col-20 col-sm; shadow p-0.20 mb-3">
                <div class="card" style="width:auto;">
                    <div class="card-header" style="background: rgb(240, 226, 197)">
                        <h6 style="text-align: center">KELOMPOK TARIF GOLONGAN 2</h6>
                    </div>
                    <div class="card-body">
                        <table class="table-responsive table table-sm table-bordered border-primary table-hover">
                            <thead style="background: rgb(241, 240, 226)">
                                <tr>
                                    <th class="bg-dark text-light" scope="col" style="vertical-align:middle; text-align:center; width:5%">GOL</th>
                                    <th class="bg-dark text-light" scope="col" style="vertical-align:middle; text-align:center; width:35%">PENGGUNA</th>
                                    <th class="bg-dark text-light" scope="col" style="text-align:center">0.00<code class="text-info"> s.d. </code>10.0 <code class="text-warning">m<sup>3</sup></code></th>
                                    <th class="bg-dark text-light" scope="col" style="text-align:center">11.0<code class="text-info"> s.d. </code>20.0 <code class="text-warning">m<sup>3</sup></code></th>
                                    <th class="bg-dark text-light" scope="col" style="text-align:center">21.0<code class="text-warning"> m<sup>3</sup></code><code class="text-info"> s.d.</code> ...</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                <th scope="row" style="text-align: center">2.a</th>
                                <td scope="row">Rumah Sangat Sederhana (RSS)</td>
                                <td scope="row">Rp 2.000</td>
                                <td scope="row">Rp 3.750</td>
                                <td scope="row">Rp 6.250</td>
                                </tr>
                                <tr>
                                <th scope="row" style="text-align: center">2.b</th>
                                <td scope="row">Panti Asuhan</td>
                                <td scope="row">Rp 1.972</td>
                                <td scope="row">Rp 3.500</td>
                                <td scope="row">Rp 4.750</td>
                                </tr>
                                <tr>
                                <th scope="row" style="text-align: center">2.c</th>
                                <td scope="row">Yayasan Sosial</td>
                                <td scope="row">Rp 1.975</td>
                                <td scope="row">Rp 3.500</td>
                                <td scope="row">Rp 4.750</td>
                                </tr>
                                <tr>
                                <th scope="row" style="text-align: center">2.d</th>
                                <td scope="row">Sekolah Negeri</td>
                                <td scope="row">Rp 1.975</td>
                                <td scope="row">Rp 3.500</td>
                                <td scope="row">Rp 4.750</td>
                                </tr>
                                <tr>
                                <th scope="row" style="text-align: center">2.e</th>
                                <td scope="row">Rumah Sakit Pemerintah</td>
                                <td scope="row">Rp 2.750</td>
                                <td scope="row">Rp 4.750</td>
                                <td scope="row">Rp 6.250</td>
                                </tr>
                                <tr>
                                <th scope="row" style="text-align: center">2.f</th>
                                <td scope="row">Instansi Pemerintah dan ABRI Tingkat Kecamatan atau Kelurahan</td>
                                <td scope="row">Rp 2.750</td>
                                <td scope="row">Rp 4.750</td>
                                <td scope="row">Rp 6.250</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div><!-- -----end 2nd GROUP----- -->
            <br>
            <!-- -----3rd GROUP START----- -->
            <div class="col-20 col-sm; shadow p-0.20 mb-3">
                <div class="card" style="width:auto;">
                    <div class="card-header" style="background: rgb(163, 253, 246)">
                        <h6 style="text-align: center">KELOMPOK TARIF GOLONGAN 3</h6>
                    </div>
                    <div class="card-body">
                        <table class="table-responsive table table-sm table-bordered border-primary table-hover">
                            <thead style="background: rgb(218, 255, 159)">
                            <tr>
                                <th class="bg-dark text-light" scope="col" style="vertical-align:middle; text-align:center; width:5%">GOL</th>
                                <th class="bg-dark text-light" scope="col" style="vertical-align:middle; text-align:center; width:35%">PENGGUNA</th>
                                <th class="bg-dark text-light" scope="col" style="text-align:center">0.00<code class="text-info"> s.d. </code>10.0 <code class="text-warning">m<sup>3</sup></code></th>
                                <th class="bg-dark text-light" scope="col" style="text-align:center">11.0<code class="text-info"> s.d. </code>20.0 <code class="text-warning">m<sup>3</sup></code></th>
                                <th class="bg-dark text-light" scope="col" style="text-align:center">21.0<code class="text-warning"> m<sup>3</sup></code><code class="text-info"> s.d.</code> ...</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <th scope="row" style="text-align: center">3.a</th>
                                <td scope="row">Rumah selain RSS dan Rumah Mewah</td>
                                <td scope="row">Rp 2.500</td>
                                <td scope="row">Rp 4.750</td>
                                <td scope="row">Rp 6.575</td>
                            </tr>
                            <tr>
                                <th scope="row" style="text-align: center">3.b</th>
                                <td scope="row">Niaga Kecil</td>
                                <td scope="row">Rp 5.750</td>
                                <td scope="row">Rp 8.500</td>
                                <td scope="row">Rp 9.500</td>
                            </tr>
                            <tr>
                                <th scope="row" style="text-align: center">3.c</th>
                                <td scope="row">Industri Rumah Tangga</td>
                                <td scope="row">Rp 5.750</td>
                                <td scope="row">Rp 8.500</td>
                                <td scope="row">Rp 9.500</td>
                            </tr>  
                            <tr>
                                <th scope="row" style="text-align: center">3.d</th>
                                <td scope="row">Instansi Pemerintah dan ABRI Tingkat Kabupaten</td>
                                <td scope="row">Rp 4.750</td>
                                <td scope="row">Rp 7.500</td>
                                <td scope="row">Rp 8.250</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div><!-- -----3rd GROUP START----- -->
            <br>
            <!-- -----4th GROUP START----- -->
            <div class="col-20 col-sm; shadow p-0.20 mb-3">
                <div class="card" style="width:auto;">
                    <div class="card-header" style="background: rgb(252, 225, 105)">
                        <h6 style="text-align: center">KELOMPOK TARIF GOLONGAN 4</h6>
                    </div>
                    <div class="card-body">
                        <table class="table-responsive table table-sm table-bordered border-primary table-hover">
                            <thead>
                            <tr>
                                <th class="bg-dark text-light" scope="col" style="vertical-align:middle; text-align:center; width:5%">GOL</th>
                                <th class="bg-dark text-light" scope="col" style="vertical-align:middle; text-align:center; width:35%">PENGGUNA</th>
                                <th class="bg-dark text-light" scope="col" style="text-align:center">0.00<code class="text-info"> s.d. </code>10.0 <code class="text-warning">m<sup>3</sup></code></th>
                                <th class="bg-dark text-light" scope="col" style="text-align:center">11.0<code class="text-info"> s.d. </code>20.0 <code class="text-warning">m<sup>3</sup></code></th>
                                <th class="bg-dark text-light" scope="col" style="text-align:center">21.0<code class="text-warning"> m<sup>3</sup></code><code class="text-info"> s.d.</code> ...</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <th scope="row" style="text-align: center">4.a</th>
                                <td scope="row">Rumah Mewah</td>
                                <td scope="row">Rp 9.250</td>
                                <td scope="row">Rp 9.250</td>
                                <td scope="row">Rp 9.250</td>
                            </tr>
                            <tr>
                                <th scope="row" style="text-align: center">4.b</th>
                                <td scope="row">Industri dan niaga besar</td>
                                <td scope="row">Rp 10.750</td>
                                <td scope="row">Rp 10.750</td>
                                <td scope="row">Rp 10.750</td>
                            </tr>
                            <tr>
                                <th scope="row" style="text-align: center">4.c</th>
                                <td scope="row">Instansi Pemerintah dan ABRI Tingkat Provinsi</td>
                                <td scope="row">Rp 10.750</td>
                                <td scope="row">Rp 10.750</td>
                                <td scope="row">Rp 10.750</td>
                            </tr>
                            <tr>
                                <th scope="row" style="text-align: center">4.d</th>
                                <td scope="row">Kedutaan dan Konsulat Asing</td>
                                <td scope="row">Rp 10.750</td>
                                <td scope="row">Rp 10.750</td>
                                <td scope="row">Rp 10.750</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div><!-- -----4th GROUP START----- -->
            <br>
            <!-- -----5th GROUP START----- -->
            <div class="col-20 col-sm; shadow p-0.20 mb-3">
                <div class="card" style="width:auto;">
                    <div class="card-header" style="background: rgb(236, 215, 255)">
                        <h6 style="text-align: center">KELOMPOK PELAYANAN MOBIL TANGKI</h6>
                    </div>
                    <div class="card-body">
                        <table class="table-responsive table table-sm table-bordered border-primary table-hover" >
                            <thead style="background: rgb(251, 249, 255)">
                                <tr >
                                    <th class="bg-dark text-light" scope="col" style="vertical-align:middle; text-align:center; width:5%">GOL</th>
                                    <th class="bg-dark text-light" scope="col" style="vertical-align:middle; text-align:center; width:35%">PENGGUNA</th>
                                    <th class="bg-dark text-light" scope="col" style="text-align:center">3.00 <code class="text-warning">m<sup>3</sup></code></th>
                                    <th class="bg-dark text-light" scope="col" style="text-align:center">4.00 <code class="text-warning">m<sup>3</sup></code></th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <th scope="row" style="text-align: center">5</th>
                                    <td scope="row">Layanan Khusus dengan mobil tangki kapasitas</td>
                                    <td scope="row">Rp 75.000</td>
                                    <td scope="row">Rp 100.000</td>
                                </tr>
                                <tr>
                                    <td colspan="4">
                                        <span style="font-style: italic; text-align: justify;"><b class="mx-3">Catatan :</b></span>
                                        <p class="h6 mt-2 mb-0 mx-3 flex-wrap" style="text-align: normal; color:rgb(77, 69, 67)">Jarak lokasi<b class="mx-1 me-1">Pengguna Layanan</b>terhadap<b class="mx-1 me-1">pool</b>pengisian mobil tangki tidak lebih dari 15<code><b class="mx-1 me-1">km</b></code>pergi pulang. Setiap kelebihan jarak 1.00<code><b class="mx-1 me-1">km</b></code>akan dikenakan biaya tambahan<b class="mx-1 me-1"> : </b></p>
                                        <p class="h6 mb-2 mx-3 flex-wrap" style="text-align: normal; color:rgb(77, 69, 67)"><b class="me-1">Rp 7.500,00</b>per mobil tangki.</p>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div><!-- -----5th GROUP START----- -->
            </div>
        </div>
    </div>
</section>
<!--***** PRICE ended *****-->


<!--***** CONTACT started *****-->
<section class="contact-section section-padding" id="section_6" style="background-color:rgb(207, 221, 199)">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 col-12 mx-auto">
                <h2 class="text-center mt-5 mb-5">Connecting with us</h2>
                <nav class="d-flex justify-content-center">
                    {{-- <div class="nav nav-tabs align-items-baseline justify-content-center" id="nav-tab" role="tablist"> --}}
                    <div class="nav nav-tabs justify-content-center" id="nav-tab" role="tablist">
                        <button class="nav-link active px-4 py-2" id="nav-ContactForm-tab" data-bs-toggle="tab" data-bs-target="#nav-ContactForm" type="button" role="tab" aria-controls="nav-ContactForm" aria-selected="false">
                            <h5>Contact Form</h5>
                        </button>

                        <button class="nav-link px-4 py-2" id="nav-ContactMap-tab" data-bs-toggle="tab" data-bs-target="#nav-ContactMap" type="button" role="tab" aria-controls="nav-ContactMap" aria-selected="false">
                            <h5>MAP</h5>
                        </button>
                    </div>
                </nav>
                    <div class="tab-content mt-4" id="nav-tabContent">
                        <div class="tab-pane fade show active" id="nav-ContactForm" role="tabpanel" aria-labelledby="nav-ContactForm-tab">
                            <form class="custom-form contact-form mb-5 mb-lg-0" action="#" method="post" role="form">
                                <div class="contact-form-body">
                                    <div class="row">
                                        <div class="col-lg-12 col-md-6 col-12">
                                            <input type="text" spellcheck="false" name="contact-name" id="contact-name" class="form-control" placeholder="Full name">
                                        </div>

                                        <div class="col-lg-6 col-md-6 col-12">
                                            <input type="integer" spellcheck="false" name="contact-phone" id="contact-phone" class="form-control" placeholder="Mobile phone number" required>
                                        </div>

                                        <div class="col-lg-6 col-md-6 col-12">
                                            <input type="email" spellcheck="false" name="contact-email" id="contact-email" pattern="[^ @]*@[^ @]*" class="form-control" placeholder="Email address" required>
                                        </div>
                                    </div>

                                    <input type="text" name="contact-address" id="contact-address" class="form-control" placeholder="Address" required>
                                    <textarea name="contact-message" rows="5" spellcheck="false" class="form-control" id="contact-message" placeholder="Message"></textarea>
                                    {{-- <div class="col-sm-3 mx-auto mt-5 mb-5"> --}}
                                        <div class="col-sm-3 offset-5 mx-auto mt-5 mb-5">
                                            <button type="submit" class="form-control">send message..</button>
                                        </div>
                                </div>
                            </form>
                        </div>
                        <div class="tab-pane fade" id="nav-ContactMap" role="tabpanel" aria-labelledby="nav-ContactMap-tab">
                            <div class="container-fluid px-0 py-0 mx-auto">
                                {{-- <div id="map" style="style="border-radius:15px; border:3px solid #22d2d8; border-style:ridge; width: 100%; height: 480px; allowfullscreen="" loading="lazy"></div> --}}
                                <iframe src="https://www.google.com/maps/embed?pb=!1m10!1m8!1m3!1d1484.9784226868142!2d103.76667944160035!3d-3.662777026453248!3m2!1i1024!2i768!4f13.1!5e1!3m2!1sid!2sid!4v1638121847308!5m2!1sid!2sid" style="border-radius:15px; border:3px solid #22d2d8; border-style:ridge; width: 100%; height: 480px;" allowfullscreen="" loading="lazy"></iframe> 
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section><!--***** CONTACT ended *****-->
<!-- ***** END SIGWEB content ***** -->
@endsection
Landing Page

This ad does not have a landing page available
Network Timeline

Performance Summary

Requests
Domains
59KB
Transfer Size
64KB
Content Size
274.0ms
Dom Content Loaded
380.0ms
First Paint
287.0ms
Load Time
Domain Breakdown

Transfer Size (bytes)
Content Size (bytes)
Header Size (bytes)
Requests
Timings (ms)
Total Time
Content Breakdown

Transfer Size (bytes)
Content Size (bytes)
Header Size (bytes)
Requests