@extends('front.layouts.app')
@section('content')
    <!-- Start Page Banner Area -->
    <div class="contact-banner-area bg-23 pt-100">
        <div class="container">
            <div class="page-banner-content">
                <h2>Connect Digitally</h2>
                <ul>
                    <li>
                        <a href="{{ route('home') }}">
                            <i class="ri-home-8-line"></i>
                            Home
                        </a>
                    </li>
                    <li>
                        <span>Connect Digitally</span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- End Page Banner Area -->

    <!-- End Map Area -->

    <!-- Start Contact Information Area -->
    <div class="contact-area pb-100 mt-5">
        <div class="container">
            <div class="contact-form col-lg-6 col-md-6">
                <div class="text-center fw-bold mb-4">
                    <h2>Connect Digitally</h2>
                </div>
                <div class="d-grid gap-3">

                    <a href="https://mth.org.pk/" target="_blank" class="default-btn text-white d-flex align-items-center fw-bold shadow-sm">
                        <img src="{{URL('/')}}/front/coreui/assets/img/internet.png" width="20" class="me-3"> VISIT WEBSITE
                    </a>

                    <a href="https://share.google/Jqka3McT8yOTyO7zS" target="_blank" class="default-btn text-white d-flex align-items-center fw-bold shadow-sm">
                        <img src="{{URL('/')}}/front/coreui/assets/img/google-maps.png" width="20" class="me-3"> MTH MAP
                    </a>

                    <a href="https://www.facebook.com/mth.org.pk" target="_blank" class="default-btn text-white d-flex align-items-center fw-bold shadow-sm">
                        <img src="{{URL('/')}}/front/coreui/assets/img/facebook.png" width="20" class="me-3">FACEBOOK
                    </a>

{{--                    <a href="https://www.instagram.com/afhpkofficial/" target="_blank" class="default-btn text-white d-flex align-items-center fw-bold shadow-sm">--}}
{{--                        <img src="{{URL('/')}}/front/coreui/assets/img/instagram.png" width="20" class="me-3">INSTAGRAM--}}
{{--                    </a>--}}

{{--                    <a href="https://www.youtube.com/@afhpkofficial" target="_blank" class="default-btn text-white d-flex align-items-center fw-bold shadow-sm">--}}
{{--                        <img src="{{URL('/')}}/front/coreui/assets/img/youtube.png" width="20" class="me-3"> YOUTUBE--}}
{{--                    </a>--}}

{{--                    <a href="https://www.linkedin.com/company/afhpkofficial/" target="_blank" class="default-btn text-white d-flex align-items-center fw-bold shadow-sm">--}}
{{--                        <img src="{{URL('/')}}/front/coreui/assets/img//linkedin.png" width="20" class="me-3"> LINKEDIN--}}
{{--                    </a>--}}

                    <a href="https://www.pinterest.com/MTHofficials/" target="_blank" class="default-btn text-white d-flex align-items-center fw-bold shadow-sm">
                        <img src="{{URL('/')}}/front/coreui/assets/img/pinterest.png" width="20" class="me-3"> PINTEREST
                    </a>

                </div>

            </div>
        </div>
    </div>
    <!-- End Contact Information Area -->


@endsection
@push('footer-scripts')

@endpush