Files

47 lines
2.2 KiB
HTML

<!DOCTYPE html>
<html lang="th">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>กำลังเข้าสู่การสืบสวน — JD JUSTICE DIVERS</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Kanit:wght@500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css?v=0.01">
</head>
<body class="loading-page">
<div class="loading-bg" aria-hidden="true"></div>
<main class="loading-ui">
<div class="loading-top">
<img src="IMAGE/icon-search.png" alt="" class="loading-icon" width="88" height="88" decoding="async">
<div
class="loading-bar-wrap"
id="loading-bar-wrap"
role="progressbar"
aria-valuemin="0"
aria-valuemax="100"
aria-valuenow="0"
aria-label="ความคืบหน้าเข้าห้อง">
<div class="loading-bar-fill" id="loading-bar-fill"></div>
<span class="loading-pct" id="loading-pct">0%</span>
</div>
<p class="loading-status">กำลังเข้าสู่การสืบสวน...</p>
</div>
<div class="loading-carousel">
<button type="button" class="loading-arrow loading-arrow--prev" id="btn-prev" aria-label="สไลด์ก่อนหน้า">
<img src="IMAGE/btn-arrow-back.png" alt="" width="48" height="48" decoding="async">
</button>
<div class="loading-slide-frame">
<img src="IMAGE/t-01.png?v=1" alt="" class="loading-slide-img" id="slide-img" decoding="async">
</div>
<button type="button" class="loading-arrow loading-arrow--next" id="btn-next" aria-label="สไลด์ถัดไป">
<img src="IMAGE/btn-arrow-next.png" alt="" width="48" height="48" decoding="async">
</button>
</div>
<p class="loading-page-ind" id="slide-page">1 / 7</p>
<button type="button" class="loading-skip" id="btn-skip">ข้าม</button>
</main>
<script src="loading.js?v=0.02"></script>
</body>
</html>