@section('title', 'Connect Digitally UCSF | University Cambridge School Faisalabad')
@section('description', 'Contact with University Cambridge School Faisalabad. Call or email for any queries related to admissions, academics, or school facilities.')
@section('keywords',  'University Cambridge School Faisalabad Contact UCSF contact information Contact details for UCSF admissions office Where is UCSF located in Faisalabad?')
@section('tags', 'University Cambridge School Faisalabad Contact, UCSF contact information, Contact details for UCSF admissions office, Where is UCSF located in Faisalabad?')
@extends('frontend.layouts.app')
@section('content')
    <!--==============================
    Breadcumb
============================== -->
    <div class="breadcumb-wrapper " data-bg-src="{{asset('frontend/coreui/assets/img/breadcumb/breadcumb-bg.jpg')}}">
        <div class="container z-index-common">
            <div class="breadcumb-content">
                <h1 class="breadcumb-title">Connect Digitally</h1>
                <p class="breadcumb-text">Linking life to learning</p>
                <div class="breadcumb-menu-wrap">
                    <ul class="breadcumb-menu">
                        <li><a href="{{route('front.home')}}">Home</a></li>
                        <li>Connect Digitally</li>
                    </ul>
                </div>
            </div>
        </div>
    </div><!--==============================
    Contact Area
    ==============================-->
    <section class="form-section4 space">
        <div class="container-style4">
            <div class="form-box4">
                <form action="#" class="form-style4">
                    <div class="title-area-four form text-center">
                        <h2>Connect Digitally</h2>
{{--                        <span class="sub-title">File your online application here if you want to study</span>--}}
                    </div>
                    <div class="row justify-content-between text-center">
                        <div class="col-md-12 form-group">
                            <a href="https://share.google/l30pfpWBSEcDmiJNu" class="vs-btn banner" tabindex="0"><i class="fal fa-map me-3"></i>Campus Map</a>
                        </div>
                        <div class="col-md-12 form-group">
                            <a href="https://ucsf.edu.pk/" class="vs-btn banner" tabindex="0"><i class="fal fa-globe me-3"></i>Visit Website</a>
                        </div>
                        <div class="col-md-12 form-group">
                            <a href="https://www.facebook.com/UCSFaisalabad/" class="vs-btn banner" tabindex="0"><i class="fab fa-facebook me-4"></i>Facebook</a>
                        </div>
                        <div class="col-md-12 form-group">
                            <a href="https://www.instagram.com/ucsfaisalabad/" class="vs-btn banner" tabindex="0"><i class="fab fa-instagram me-4"></i>Instagram</a>
                        </div>
                        <div class="col-md-12 form-group">
                            <a href="https://www.youtube.com/@universitycambridgeschool" class="vs-btn banner" tabindex="0"><i class="fab fa-youtube me-4"></i>YouTube</a>
                        </div>
                        <div class="col-md-12 form-group">
                            <a href="https://www.pinterest.com/universitycambridgeschool/" class="vs-btn banner" tabindex="0"><i class="fab fa-pinterest me-4"></i>Pinterest</a>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </section>
@endsection
@push('footer-scripts')
    <script src="{{ asset('manager/js/jquery.inputmask.bundle.js') }}"></script>

    <script>
        $(":input").inputmask();
    </script>

    {{-- Toastr : Script : Start --}}
    @if(Session::has('messages'))
        <script>
            noti({!! json_encode((Session::get('messages'))) !!});
        </script>
    @endif
    {{-- Toastr : Script : End --}}
@endpush