-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtransaksi_total.html
101 lines (94 loc) · 4.43 KB
/
transaksi_total.html
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
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HALAMAN UNDER MAINTENANCE 505</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">
<style>
body {
font-family: Arial, sans-serif;
}
.footer {
background-color: #333;
color: white;
text-align: center;
padding: 20px 0;
}
.footer .social-icons {
margin-top: 10px;
}
.footer .social-icons a {
color: white;
margin: 0 10px;
font-size: 24px;
text-decoration: none;
transition: color 0.3s ease;
}
.footer .social-icons a:hover {
color: #FFD700; /* Warna hover */
}
</style>
</head>
<body class="bg-gray-200 min-h-screen">
<!-- Header -->
<header class="bg-gray-800 text-white p-4 fixed top-0 w-full z-50">
<div class="container mx-auto flex justify-between items-center">
<h1 class="text-2xl font-bold">Warung Mbah Karmi</h1>
<!-- Mobile Menu Button -->
<div class="md:hidden">
<button id="menu-btn" class="focus:outline-none" aria-label="Toggle menu">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
</svg>
</button>
</div>
<!-- Navbar -->
<nav id="menu" class="hidden md:flex space-x-4">
<a href="index.html" class="hover:text-gray-200">Penjualan</a>
<a href="pesanan_proses.html" class="hover:text-gray-200">Pesanan di Proses</a>
<a href="transaksi_total.html" class="hover:text-gray-200">Total Transaksi Berhasil</a>
</nav>
</div>
</header>
<!-- Main Content -->
<div class="flex items-center justify-center min-h-screen text-center mt-2">
<div>
<h1 class="text-4xl font-bold text-red-500 mb-4">505</h1>
<h2 class="text-1xl md:text-4xl font-semibold mb-2">HALAMAN UNDER MAINTENANCE</h2>
<p class="text-gray-600 mb-6 ml-2 mr-2">Kami sedang melakukan pemeliharaan. Silakan kembali lagi nanti.</p>
<a href="index.html" class="bg-blue-500 text-white py-2 px-4 rounded">Kembali ke Halaman Utama</a>
</div>
</div>
<footer class="bg-gray-800 text-white text-center py-6">
<p class="mb-4">© 2024 Your Company. All rights reserved.</p>
<div class="flex justify-center mb-4 space-x-4">
<a href="https://www.instagram.com/" target="_blank" class="text-white hover:text-yellow-400 text-2xl"><i class="fab fa-instagram"></i></a>
<a href="https://www.linkedin.com/" target="_blank" class="text-white hover:text-yellow-400 text-2xl"><i class="fab fa-linkedin"></i></a>
<a href="https://www.facebook.com/" target="_blank" class="text-white hover:text-yellow-400 text-2xl"><i class="fab fa-facebook"></i></a>
<a href="https://www.youtube.com/" target="_blank" class="text-white hover:text-yellow-400 text-2xl"><i class="fab fa-youtube"></i></a>
</div>
<div class="flex justify-center space-x-4">
<a href="#home" class="text-white hover:underline">Home</a>
<span>|</span>
<a href="#news" class="text-white hover:underline">News</a>
<span>|</span>
<a href="#about" class="text-white hover:underline">About</a>
<span>|</span>
<a href="#contact" class="text-white hover:underline">Contact Us</a>
<span>|</span>
<a href="#team" class="text-white hover:underline">Our Team</a>
</div>
</footer>
<!-- Script for Mobile Menu Toggle -->
<script>
const menuBtn = document.getElementById('menu-btn');
const mobileMenu = document.getElementById('mobile-menu');
menuBtn.addEventListener('click', () => {
mobileMenu.classList.toggle('hidden');
});
</script>
</body>
</html>