﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>Land Record Status</title>

    <!-- Fonts and icons -->
    <!-- Google Fonts (Urdu + English) -->
    <link href="https://fonts.googleapis.com/css2?family=Noto+Nastaliq+Urdu&family=Open+Sans:wght@300;400;600;700&display=swap" rel="stylesheet">

    <!-- Urdu Font (Jameel Noori Nastaleeq) -->
    <style>
        @font-face {
            font-family: 'Jameel Noori Nastaleeq';
            src: url('/assets/fonts/JameelNooriNastaleeq.ttf') format('truetype');
            font-display: swap;
        }

        /* Global Urdu Typography Baseline */
        body {
            font-family: 'Noto Nastaliq Urdu', 'Jameel Noori Nastaleeq', serif;
        }

        /* Utility class for Urdu blocks */
        .urdu-text {
            font-family: 'Noto Nastaliq Urdu', 'Jameel Noori Nastaleeq', serif !important;
            direction: rtl;
            text-align: right;
        }
    </style>

    <link href="/assets/css/nucleo-icons.css" rel="stylesheet" />
    <link href="/assets/css/nucleo-svg.css" rel="stylesheet" />
    <script src="https://kit.fontawesome.com/349ee9c857.js" crossorigin="anonymous"></script>
    <link href="/assets/css/corporate-ui-dashboard.css?v=1.0.0" rel="stylesheet" />
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</head>

<body class="bg-gray-100">
    <div class="container top-0 z-index-sticky">
        <div class="row">
            <div class="col-12">
                <nav class="navbar navbar-expand-lg bg-white rounded-2 top-0 mt-4 z-index-3 shadow position-absolute my-3 py-2 start-0 end-0 mx-4">
                    <div class="container-fluid justify-content-center">
                        <!-- Brand Logo Only -->
                        <a class="navbar-brand m-0" href="/">
                            <img src="/assets/img/pulse-logo-Green.png" alt="Pulse Logo" class="img-fluid" style="height: 40px; width: auto;">
                        </a>
                    </div>
                </nav>
            </div>
        </div>
    </div>

    <main class="main-content mt-0">
        <!-- Header Banner -->
        <div class="pt-5 m-3 page-header align-items-start min-vh-50 pb-11 border-radius-lg urdu-text"
             style="background-image: url('/assets/img/background1.jpg'); background-position-y: 20%;">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="mx-auto text-center col-lg-6">
                        <h1 class="mt-5 mb-2 text-white">خوش آمدید!</h1>
                    </div>
                </div>
            </div>
        </div>

        <!-- Message Section -->
        <div class="container urdu-text">
            <div class="row mt-lg-n10 mt-md-n11 mt-n10 justify-content-center">
                <div class="mx-auto col-xl-8 col-lg-9 col-md-10">
                    <div class="border-0 card z-index-0 shadow-lg p-4">
                        <div class="card-body text-center">
                            <!-- Message Heading -->
                            <h3 class="urdu-text mb-4 text-dark fw-bold">
                                اہم اطلاع
                            </h3>

                            <hr class="horizontal dark my-3">

                            <!-- Main Message Content -->
                            <p class="urdu-text fs-5 leading-relaxed text-secondary my-4" style="line-height: 2;">
                                آن لائن درخواست کا نظام اس وقت عارضی طور پر معطل ہے۔ مزید معلومات اور خدمات کے لیے براہِ کرم اپنے قریبی مرکزِ مال یا متعلقہ دفتر سے رابطہ کریں۔
                            </p>

                            <!-- Optional English Translation/Subtitle -->
                            <p class="text-muted mt-3 mb-0" style="font-family: 'Open Sans', sans-serif; direction: ltr;">
                                The online application portal is currently unavailable. Please visit your nearest Arazi Record Center for assistance.
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Footer -->
        <footer class="pt-5 pb-3 mt-auto footer">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-12 text-center">
                        <p class="text-sm mb-0">
                            Copyright ©
                            <script>document.write(new Date().getFullYear())</script>
                            <a href="https://pulse.gop.pk/" class="text-sm text-dark fw-bold">Pulse</a>
                        </p>
                    </div>
                </div>
            </div>
        </footer>
    </main>
</body>

</html>