SwatExplorer/404.html at main · ShahFaisal03/SwatExplorer · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>404 – Page Not Found | SwatExplorer</title>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;800;900&family=Inter:wght@300;400;500;600&display=swap" rel="stylesheet"/>
<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🏔</text></svg>"/>
<link rel="stylesheet" href="css/global.css"/>
</head>
<body>

<div class="bg"></div>
<div class="bg-overlay"></div>

<!-- Drifting clouds -->
<div class="clouds" id="clouds"></div>

<div class="content">
  <div class="badge"><span class="lost-dot"></span>Lost in the Mountains</div>

  <div class="num-wrap">
    <div class="big-404">404</div>
    <div class="mountain-emoji">🏔</div>
  </div>

  <h1>Oops! This Trail Doesn't Exist</h1>
  <p class="sub">Looks like you've wandered off the path — even the mountains of Swat couldn't find this page! Let us guide you back to safety.</p>

  <div class="btns">
    <a href="index.html" class="btn-home">🏠 Back to Home</a>
    <a href="index.html#attractions" class="btn-ghost">🗺 Explore Attractions</a>
  </div>

  <p class="quick-label show">Or jump to a destination</p>
  <div class="quick-links">
    <a href="malam-jabba.html" class="ql">⛷ Malam Jabba</a>
    <a href="mahodand.html" class="ql">🏔 Mahodand Lake</a>
    <a href="kalam.html" class="ql">🌿 Kalam Valley</a>
    <a href="bahrain.html" class="ql">🏘 Bahrain</a>
    <a href="fizagat.html" class="ql">🌳 Fizagat Park</a>
    <a href="butkara.html" class="ql">🪨 Butkara Stupa</a>
    <a href="white-palace.html" class="ql">🏰 White Palace</a>
    <a href="jarogo.html" class="ql">💧 Jarogo Waterfall</a>
    <a href="ushu-valley.html" class="ql">🌲 Ushu Valley</a>
  </div>
</div>

<p class="footer-line">© 2025 <a href="index.html">SwatExplorer</a> · Made with ❤ in Swat</p>

<script src="js/main.js"></script>
</body>
</html>