<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="format-detection" content="telephone=no, email=no, address=no">
<title>Important Notice | Maharana Pratap Govt. Degree College, Amb</title>
<meta name="description" content="Important notice: the college website is temporarily unavailable due to a cyber attack. Please do not use the website until further notification.">
<style>
  :root {
    --navy: #17375e;
    --navy-soft: #e8eef6;
    --red: #b3261e;
    --red-soft: #fdecea;
    --ink: #1d232b;
    --muted: #55606e;
    --line: #d5dbe3;
    --paper: #ffffff;
    --bg: #f2f4f7;
  }
  * { box-sizing: border-box; }
  html { -webkit-text-size-adjust: 100%; }
  body {
    margin: 0;
    background: var(--bg);
    color: var(--ink);
    font-family: "Segoe UI", "Nirmala UI", "Noto Sans", "Noto Sans Devanagari", Mangal, Roboto, Arial, sans-serif;
    font-size: 17px;
    line-height: 1.6;
  }
  .topbar {
    background: var(--red);
    color: #fff;
    text-align: center;
    font-weight: 700;
    letter-spacing: .02em;
    padding: 10px 16px;
    font-size: 15px;
  }
  header {
    background: var(--navy);
    color: #fff;
    text-align: center;
    padding: 26px 16px 22px;
  }
  header .hi { font-size: 22px; font-weight: 700; margin: 0; }
  header .en { font-size: 20px; font-weight: 700; margin: 2px 0 6px; letter-spacing: .01em; }
  header .sub { margin: 0; font-size: 14px; opacity: .85; }
  main {
    max-width: 860px;
    margin: -12px auto 40px;
    padding: 0 16px;
  }
  .card {
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 10px;
    padding: 30px 34px;
    margin-top: 24px;
    box-shadow: 0 1px 3px rgba(20, 30, 50, .06);
  }
  .card + .card { margin-top: 18px; }
  .badge {
    display: flex; align-items: center; gap: 12px;
    color: var(--red);
    margin: 0 0 4px;
  }
  .badge svg { flex: none; width: 34px; height: 34px; }
  .badge h1, .badge h2 { margin: 0; font-size: 26px; line-height: 1.25; }
  .subtitle { margin: 0 0 18px; font-weight: 600; color: var(--muted); font-size: 16px; }
  .date { font-size: 14px; color: var(--muted); margin: 0 0 18px; }
  p { margin: 0 0 14px; }
  .stop {
    background: var(--red-soft);
    border-left: 5px solid var(--red);
    padding: 14px 18px;
    border-radius: 6px;
    font-weight: 700;
    margin: 18px 0;
  }
  ul { margin: 6px 0 18px; padding-left: 22px; }
  li { margin-bottom: 8px; }
  li::marker { color: var(--red); }
  .disclaimer {
    font-style: italic;
    font-size: 15.5px;
    color: var(--muted);
    border-top: 1px solid var(--line);
    padding-top: 14px;
    margin-top: 6px;
  }
  .contact {
    background: var(--navy-soft);
    border-radius: 8px;
    padding: 14px 18px;
    margin: 16px 0 18px;
  }
  .contact strong { display: block; color: var(--navy); margin-bottom: 4px; }
  .contact span { display: block; font-weight: 600; }
  .sign { text-align: right; margin-top: 22px; }
  .sign b { display: block; }
  .divider {
    text-align: center; color: var(--muted); font-size: 14px;
    margin: 26px 0 0; letter-spacing: .08em;
  }
  footer {
    text-align: center; font-size: 13px; color: var(--muted);
    padding: 0 16px 30px;
  }
  @media (max-width: 600px) {
    body { font-size: 16px; }
    header .hi { font-size: 19px; }
    header .en { font-size: 17px; }
    .card { padding: 22px 18px; }
    .badge h1, .badge h2 { font-size: 22px; }
    .badge svg { width: 28px; height: 28px; }
  }
</style>
</head>
<body>

<div class="topbar">⚠ WEBSITE TEMPORARILY SUSPENDED &nbsp;|&nbsp; वेबसाइट अस्थायी रूप से निलंबित</div>

<header>
  <p class="hi">महाराणा प्रताप राजकीय महाविद्यालय, अम्ब (हि.प्र.)</p>
  <p class="en">Maharana Pratap Govt. Degree College, Amb</p>
  <p class="sub">District Una, Himachal Pradesh – 177203</p>
</header>

<main>

  <!-- ENGLISH -->
  <section class="card" lang="en">
    <div class="badge">
      <svg viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M12 2 1 21h22L12 2zm0 4.2L19.5 19h-15L12 6.2zM11 10v5h2v-5h-2zm0 6v2h2v-2h-2z"/></svg>
      <h1>Important Notice</h1>
    </div>
    <p class="subtitle">Cyber Attack on the College Website</p>
    <p class="date">Dated: 17 October 2026</p>

    <p>Dear Students, Parents, Staff Members and all Stakeholders,</p>
    <p>The official website of the college, <strong>www.mpgcamb.com</strong>, has been affected by a cyber attack. Unauthorised content and links were placed on the website by an unknown party. The college is working with its hosting provider to secure and restore the website at the earliest.</p>

    <div class="stop">All stakeholders are requested NOT to use the college website until further notification.</div>

    <p>Until then, please:</p>
    <ul>
      <li>Do not use the website for admissions, fee payments, scholarship applications, forms or downloads.</li>
      <li>Do not click on any link claiming to be from the college website, especially links to betting, casino or other unrelated sites.</li>
      <li>Do not share any personal, banking or login details through the website or any such link.</li>
      <li>Confirm all notices and information from the college notice board or the college office only.</li>
    </ul>

    <div class="contact">
      <strong>For any information, please contact the college office:</strong>
      <span>Phone: 01976-260032</span>
      <span>Email: govtcollegeamb@gmail.com</span>
    </div>

    <p>We regret the inconvenience. All stakeholders will be informed as soon as the website is safe to use again.</p>

    <p class="disclaimer">The institution shall not be responsible for any financial or non-financial loss suffered by any person arising from the use of the website, or of any link or content claiming to be from it, during this period.</p>

    <div class="sign">
      <b>Principal</b>
      Maharana Pratap Govt. Degree College, Amb
    </div>
  </section>

  <p class="divider">— हिंदी —</p>

  <!-- HINDI -->
  <section class="card" lang="hi">
    <div class="badge">
      <svg viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M12 2 1 21h22L12 2zm0 4.2L19.5 19h-15L12 6.2zM11 10v5h2v-5h-2zm0 6v2h2v-2h-2z"/></svg>
      <h2>महत्वपूर्ण सूचना</h2>
    </div>
    <p class="subtitle">महाविद्यालय की वेबसाइट पर साइबर हमला</p>
    <p class="date">दिनांक: 17 अक्टूबर 2026</p>

    <p>प्रिय विद्यार्थियों, अभिभावकों, कर्मचारियों एवं सभी हितधारकों,</p>
    <p>महाविद्यालय की आधिकारिक वेबसाइट <strong>www.mpgcamb.com</strong> पर साइबर हमला हुआ है। किसी अज्ञात व्यक्ति द्वारा वेबसाइट पर अनधिकृत सामग्री एवं लिंक डाले गए थे। महाविद्यालय होस्टिंग प्रदाता के साथ मिलकर वेबसाइट को शीघ्रातिशीघ्र सुरक्षित एवं पुनः चालू करने का कार्य कर रहा है।</p>

    <div class="stop">सभी हितधारकों से अनुरोध है कि आगामी सूचना तक महाविद्यालय की वेबसाइट का उपयोग न करें।</div>

    <p>तब तक कृपया:</p>
    <ul>
      <li>प्रवेश, शुल्क भुगतान, छात्रवृत्ति आवेदन, फॉर्म अथवा डाउनलोड के लिए वेबसाइट का उपयोग न करें।</li>
      <li>महाविद्यालय की वेबसाइट से होने का दावा करने वाले किसी भी लिंक पर क्लिक न करें, विशेषकर सट्टेबाज़ी, कैसीनो या अन्य असंबंधित वेबसाइटों के लिंक पर।</li>
      <li>वेबसाइट अथवा ऐसे किसी भी लिंक के माध्यम से अपनी व्यक्तिगत, बैंक या लॉगिन जानकारी साझा न करें।</li>
      <li>सभी सूचनाओं एवं जानकारी की पुष्टि केवल महाविद्यालय के सूचना पट्ट अथवा महाविद्यालय कार्यालय से करें।</li>
    </ul>

    <div class="contact">
      <strong>किसी भी जानकारी के लिए कृपया महाविद्यालय कार्यालय से संपर्क करें:</strong>
      <span>दूरभाष: 01976-260032</span>
      <span>ई-मेल: govtcollegeamb@gmail.com</span>
    </div>

    <p>असुविधा के लिए हमें खेद है। वेबसाइट के पुनः सुरक्षित होते ही सभी हितधारकों को सूचित किया जाएगा।</p>

    <p class="disclaimer">इस अवधि के दौरान वेबसाइट, अथवा उससे होने का दावा करने वाले किसी भी लिंक या सामग्री के उपयोग से किसी भी व्यक्ति को होने वाली किसी भी प्रकार की वित्तीय अथवा गैर-वित्तीय हानि के लिए महाविद्यालय उत्तरदायी नहीं होगा।</p>

    <div class="sign">
      <b>प्राचार्य</b>
      महाराणा प्रताप राजकीय महाविद्यालय, अम्ब
    </div>
  </section>

</main>

<footer>© Maharana Pratap Govt. Degree College, Amb, Distt. Una (H.P.)</footer>

</body>
</html>