It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://phuhungtravel.com

  1. <!DOCTYPE html>
  2. <html lang="vi">
  3. <head>
  4.  <meta charset="UTF-8" />
  5.  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6.  <title>Website đang bảo trì</title>
  7.  <meta name="description" content="Website hiện đang được bảo trì và sẽ sớm hoạt động trở lại." />
  8.  <style>
  9.    :root {
  10.      --bg-1: #0f172a;
  11.      --bg-2: #1e3a8a;
  12.      --primary: #38bdf8;
  13.      --accent: #facc15;
  14.      --text: #f8fafc;
  15.      --muted: #cbd5e1;
  16.      --card: rgba(255, 255, 255, 0.1);
  17.      --border: rgba(255, 255, 255, 0.18);
  18.    }
  19.  
  20.    * {
  21.      box-sizing: border-box;
  22.      margin: 0;
  23.      padding: 0;
  24.    }
  25.  
  26.    body {
  27.      min-height: 100vh;
  28.      font-family: Arial, Helvetica, sans-serif;
  29.      color: var(--text);
  30.      background:
  31.        radial-gradient(circle at top left, rgba(56, 189, 248, 0.35), transparent 35%),
  32.        radial-gradient(circle at bottom right, rgba(250, 204, 21, 0.22), transparent 30%),
  33.        linear-gradient(135deg, var(--bg-1), var(--bg-2));
  34.      display: flex;
  35.      align-items: center;
  36.      justify-content: center;
  37.      padding: 24px;
  38.    }
  39.  
  40.    .maintenance-wrap {
  41.      width: 100%;
  42.      max-width: 880px;
  43.      text-align: center;
  44.      padding: 56px 32px;
  45.      border: 1px solid var(--border);
  46.      border-radius: 28px;
  47.      background: var(--card);
  48.      backdrop-filter: blur(18px);
  49.      box-shadow: 0 24px 80px rgba(0, 0, 0, 0.35);
  50.      position: relative;
  51.      overflow: hidden;
  52.    }
  53.  
  54.    .maintenance-wrap::before {
  55.      content: "";
  56.      position: absolute;
  57.      inset: -2px;
  58.      background: linear-gradient(120deg, transparent, rgba(255,255,255,0.18), transparent);
  59.      transform: translateX(-100%);
  60.      animation: shine 4s infinite;
  61.      pointer-events: none;
  62.    }
  63.  
  64.    @keyframes shine {
  65.      0% { transform: translateX(-100%); }
  66.      55%, 100% { transform: translateX(100%); }
  67.    }
  68.  
  69.    .badge {
  70.      display: inline-flex;
  71.      align-items: center;
  72.      gap: 8px;
  73.      padding: 10px 16px;
  74.      margin-bottom: 24px;
  75.      border-radius: 999px;
  76.      background: rgba(56, 189, 248, 0.14);
  77.      color: #e0f2fe;
  78.      border: 1px solid rgba(56, 189, 248, 0.35);
  79.      font-size: 14px;
  80.      font-weight: 700;
  81.      letter-spacing: 0.3px;
  82.      text-transform: uppercase;
  83.    }
  84.  
  85.    .icon {
  86.      width: 96px;
  87.      height: 96px;
  88.      margin: 0 auto 28px;
  89.      border-radius: 26px;
  90.      display: grid;
  91.      place-items: center;
  92.      background: linear-gradient(145deg, rgba(56,189,248,0.32), rgba(250,204,21,0.24));
  93.      border: 1px solid rgba(255,255,255,0.22);
  94.      box-shadow: inset 0 0 30px rgba(255,255,255,0.08), 0 14px 40px rgba(0,0,0,0.25);
  95.      font-size: 46px;
  96.    }
  97.  
  98.    h1 {
  99.      font-size: clamp(36px, 6vw, 72px);
  100.      line-height: 1.03;
  101.      letter-spacing: -2px;
  102.      margin-bottom: 20px;
  103.    }
  104.  
  105.    .highlight {
  106.      color: var(--accent);
  107.    }
  108.  
  109.    .lead {
  110.      max-width: 680px;
  111.      margin: 0 auto 32px;
  112.      color: var(--muted);
  113.      font-size: clamp(17px, 2.5vw, 21px);
  114.      line-height: 1.7;
  115.    }
  116.  
  117.    .progress-box {
  118.      max-width: 520px;
  119.      margin: 0 auto 32px;
  120.      text-align: left;
  121.    }
  122.  
  123.    .progress-top {
  124.      display: flex;
  125.      justify-content: space-between;
  126.      gap: 16px;
  127.      margin-bottom: 10px;
  128.      color: #e2e8f0;
  129.      font-size: 14px;
  130.      font-weight: 700;
  131.    }
  132.  
  133.    .progress-bar {
  134.      height: 12px;
  135.      border-radius: 999px;
  136.      overflow: hidden;
  137.      background: rgba(255, 255, 255, 0.16);
  138.    }
  139.  
  140.    .progress-fill {
  141.      width: 72%;
  142.      height: 100%;
  143.      border-radius: inherit;
  144.      background: linear-gradient(90deg, var(--primary), var(--accent));
  145.      animation: pulse 2s ease-in-out infinite;
  146.    }
  147.  
  148.    @keyframes pulse {
  149.      0%, 100% { opacity: 0.8; }
  150.      50% { opacity: 1; }
  151.    }
  152.  
  153.    .info-grid {
  154.      display: grid;
  155.      grid-template-columns: repeat(3, 1fr);
  156.      gap: 16px;
  157.      max-width: 720px;
  158.      margin: 0 auto 34px;
  159.    }
  160.  
  161.    .info-card {
  162.      padding: 18px 16px;
  163.      border-radius: 18px;
  164.      background: rgba(255, 255, 255, 0.09);
  165.      border: 1px solid rgba(255, 255, 255, 0.13);
  166.    }
  167.  
  168.    .info-card strong {
  169.      display: block;
  170.      font-size: 15px;
  171.      margin-bottom: 6px;
  172.      color: #ffffff;
  173.    }
  174.  
  175.    .info-card span {
  176.      display: block;
  177.      color: var(--muted);
  178.      font-size: 14px;
  179.      line-height: 1.5;
  180.    }
  181.  
  182.    .contact {
  183.      display: inline-flex;
  184.      flex-wrap: wrap;
  185.      align-items: center;
  186.      justify-content: center;
  187.      gap: 12px;
  188.      padding: 16px 20px;
  189.      border-radius: 18px;
  190.      background: rgba(15, 23, 42, 0.4);
  191.      border: 1px solid rgba(255, 255, 255, 0.15);
  192.      color: var(--muted);
  193.      font-size: 15px;
  194.    }
  195.  
  196.    .contact a {
  197.      color: #7dd3fc;
  198.      text-decoration: none;
  199.      font-weight: 700;
  200.    }
  201.  
  202.    .contact a:hover {
  203.      text-decoration: underline;
  204.    }
  205.  
  206.    .footer-note {
  207.      margin-top: 26px;
  208.      color: rgba(226, 232, 240, 0.72);
  209.      font-size: 13px;
  210.    }
  211.  
  212.    @media (max-width: 720px) {
  213.      .maintenance-wrap {
  214.        padding: 42px 22px;
  215.        border-radius: 22px;
  216.      }
  217.  
  218.      .info-grid {
  219.        grid-template-columns: 1fr;
  220.      }
  221.  
  222.      h1 {
  223.        letter-spacing: -1px;
  224.      }
  225.    }
  226.  </style>
  227. </head>
  228. <body>
  229.  <main class="maintenance-wrap" role="main">
  230.    <div class="badge">⚙️ Thông báo hệ thống</div>
  231.  
  232.    <div class="icon" aria-hidden="true">🛠️</div>
  233.  
  234.    <h1>Website đang <span class="highlight">bảo trì</span></h1>
  235.  
  236.    <p class="lead">
  237.      Chúng tôi đang nâng cấp hệ thống để mang đến trải nghiệm nhanh hơn, ổn định hơn và tốt hơn cho khách hàng. Website sẽ sớm hoạt động trở lại.
  238.    </p>
  239.  
  240.    <section class="progress-box" aria-label="Tiến độ bảo trì">
  241.      <div class="progress-top">
  242.        <span>Tiến độ nâng cấp</span>
  243.        <span>72%</span>
  244.      </div>
  245.      <div class="progress-bar">
  246.        <div class="progress-fill"></div>
  247.      </div>
  248.    </section>
  249.  
  250.    <section class="info-grid" aria-label="Thông tin bảo trì">
  251.      <div class="info-card">
  252.        <strong>Thời gian</strong>
  253.        <span>Dự kiến hoàn tất trong thời gian sớm nhất</span>
  254.      </div>
  255.      <div class="info-card">
  256.        <strong>Dữ liệu</strong>
  257.        <span>Thông tin khách hàng vẫn được bảo mật</span>
  258.      </div>
  259.      <div class="info-card">
  260.        <strong>Hỗ trợ</strong>
  261.        <span>Vẫn tiếp nhận yêu cầu qua email hoặc hotline</span>
  262.      </div>
  263.    </section>
  264.  
  265.    <p class="footer-note">Xin lỗi vì sự bất tiện này. Cảm ơn bạn đã kiên nhẫn chờ đợi.</p>
  266.  </main>
  267. </body>
  268. </html>
  269.  

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda