47 lines
2.2 KiB
HTML
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>
|