52 lines
2.2 KiB
HTML
52 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="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
<div class="login-bg" role="img" aria-label="พื้นหลัง">
|
|
<img src="bg.png" alt="" class="login-bg-img" role="presentation">
|
|
</div>
|
|
<div class="login-logo-layer" aria-hidden="true">
|
|
<img src="logo-main1.1.png" alt="JD JUSTICE DIVERS" class="brand-jd-img" role="presentation">
|
|
</div>
|
|
<div class="login-char-layer" aria-hidden="true" role="img">
|
|
<img src="char-main.png" alt="" class="login-char-img" role="presentation">
|
|
</div>
|
|
|
|
<div class="login-page">
|
|
<header class="login-brand">
|
|
<h1 class="brand-jd" aria-label="JD JUSTICE DIVERS"></h1>
|
|
<p class="brand-tagline">JUSTICE DIVERS</p>
|
|
</header>
|
|
|
|
<div class="login-panel">
|
|
<h2 class="panel-title"><img src="panel-title.png" alt="เข้าสู่ระบบเพื่อเริ่มเกม" class="panel-title-img"></h2>
|
|
|
|
<div class="login-actions">
|
|
<button type="button" class="btn-social btn-facebook" id="btn-facebook" aria-label="เชื่อมต่อผ่าน Facebook">
|
|
<img src="btn-fb.png" alt="" class="btn-social-img">
|
|
</button>
|
|
<button type="button" class="btn-social btn-google" id="btn-google" aria-label="เชื่อมต่อผ่าน Google">
|
|
<img src="btn-google.png" alt="" class="btn-social-img">
|
|
</button>
|
|
</div>
|
|
|
|
<p class="login-or"><img src="login-or.png" alt="หรือ" class="login-or-img"></p>
|
|
|
|
<button type="button" class="btn-guest" id="btn-guest" aria-label="เริ่มภารกิจทันที (Guest Mode)"></button>
|
|
|
|
<p class="login-legal">
|
|
<a href="#" id="link-privacy"><img src="login-legal.png" alt="การเข้าใช้งานถือว่าท่านยอมรับ นโยบายความเป็นส่วนตัว" class="login-legal-img"></a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="../app-base.js"></script>
|
|
<script src="login.js?v=0.02"></script>
|
|
</body>
|
|
</html>
|