Skip to content

Commit

Permalink
Merge pull request #5 from cfra321/newbranch
Browse files Browse the repository at this point in the history 
add footer and change bacground color
  • Loading branch information
@cfra321
cfra321 authored Aug 13, 2024
2 parents 1eacad6 + 234f7ef commit e90c404
Show file tree
Hide file tree
Showing 3 changed files with 174 additions and 31 deletions.
59 changes: 56 additions & 3 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,11 +7,36 @@
<title>POS Penjualan</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-100 min-h-screen">
<body class="bg-gray-200 min-h-screen">
<!-- Header -->
<header class="bg-blue-500 text-white p-4">
<header class="bg-gray-800 text-white p-4">
<div class="container mx-auto flex justify-between items-center">
<h1 class="text-2xl font-bold">Warung Mbah Karmi</h1>
<!-- Mobile Menu Button -->
Expand All @@ -31,7 +56,7 @@ <h1 class="text-2xl font-bold">Warung Mbah Karmi</h1>
</div>
</header>
<!-- Mobile Menu -->
<div id="mobile-menu" class="hidden md:hidden bg-blue-500 text-white p-4 space-y-2">
<div id="mobile-menu" class="hidden md:hidden bg-gray-800 text-white p-4 space-y-2">
<a href="index.html" class="block hover:text-gray-200">Penjualan</a>
<a href="pesanan_proses.html" class="block hover:text-gray-200">Pesanan di Proses</a>
<a href="transaksi_total.html" class="block hover:text-gray-200">Total Transaksi Berhasil</a>
Expand Down Expand Up @@ -103,6 +128,13 @@ <h3 class="text-lg font-semibold">Es Jeruk Manis</h3>
<p class="text-gray-600">Rp 7,000</p>
<button class="mt-2 bg-blue-500 text-white py-1 px-2 rounded text-xs" onclick="addToCart('Es Jeruk Manis', 7000)">Tambahkan</button>
</div>
<!-- Produk Item -->
<div class="bg-gray-200 p-4 rounded">
<img src="foto_manakan/pecelMadiun.webp" alt="Product Image" class="w-full mb-2 rounded product-image">
<h3 class="text-lg font-semibold">Pecel Madiun</h3>
<p class="text-gray-600">Rp 8,000</p>
<button class="mt-2 bg-blue-500 text-white py-1 px-2 rounded text-xs" onclick="addToCart('Pecel Madiun', 8000)">Tambahkan</button>
</div>

<!-- Tambahkan produk lain sesuai kebutuhan -->
</div>
Expand All @@ -125,6 +157,27 @@ <h2 class="text-xl font-bold mb-4">Keranjang Belanja</h2>
</div>
</div>

<footer class="bg-gray-800 text-white text-center py-6">
<p class="mb-4">&copy; 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>

<!-- JavaScript -->
<script>
let totalPrice = 0;
Expand Down
52 changes: 49 additions & 3 deletions pesanan_proses.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,11 +7,36 @@
<title>Pesanan di Proses</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-100 min-h-screen">
<body class="bg-gray-200 min-h-screen">
<!-- Header -->
<header class="bg-blue-500 text-white p-4">
<header class="bg-gray-800 text-white p-4">
<div class="container mx-auto flex justify-between items-center">
<h1 class="text-2xl font-bold">Warung Mbah Karmi</h1>
<!-- Mobile Menu Button -->
Expand All @@ -32,7 +57,7 @@ <h1 class="text-2xl font-bold">Warung Mbah Karmi</h1>
</header>

<!-- Mobile Menu -->
<div id="mobile-menu" class="hidden md:hidden bg-blue-500 text-white p-4 space-y-2">
<div id="mobile-menu" class="hidden md:hidden bg-gray-800 text-white p-4 space-y-2">
<a href="index.html" class="block hover:text-gray-200">Penjualan</a>
<a href="pesanan_proses.html" class="block hover:text-gray-200">Pesanan di Proses</a>
<a href="transaksi_total.html" class="block hover:text-gray-200">Total Transaksi Berhasil</a>
Expand All @@ -53,6 +78,27 @@ <h2 class="text-xl font-bold mb-4">Daftar Pesanan</h2>
</div>
</div>

<footer class="bg-gray-800 text-white text-center py-6">
<p class="mb-4">&copy; 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>

<!-- JavaScript -->
<script>
let currentPage = 1;
Expand Down
94 changes: 69 additions & 25 deletions transaksi_total.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,18 +4,44 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pesanan di Proses</title>
<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-100 min-h-screen">
<!-- Header -->
<header class="bg-blue-500 text-white p-4">

<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">
<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>
Expand All @@ -30,28 +56,46 @@ <h1 class="text-2xl font-bold">Warung Mbah Karmi</h1>
</div>
</header>

<!-- Mobile Menu -->
<div id="mobile-menu" class="hidden md:hidden bg-blue-500 text-white p-4 space-y-2">
<a href="index.html" class="block hover:text-gray-200">Penjualan</a>
<a href="pesanan_proses.html" class="block hover:text-gray-200">Pesanan di Proses</a>
<a href="transaksi_total.html" class="block hover:text-gray-200">Total Transaksi Berhasil</a>
</div>

<!-- 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>

<!-- 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>
<footer class="bg-gray-800 text-white text-center py-6">
<p class="mb-4">&copy; 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>
</html>

0 comments on commit e90c404

Please sign in to comment.