Berikut adalah contoh sederhana dari script HTML5 untuk halaman jualan voucher Google:
Berikut adalah contoh sederhana dari script HTML5 untuk halaman jualan voucher Google:
<!DOCTYPE html>
<html>
<head>
<title>Jualan Voucher Google</title>
<style>
body {
font-family: Arial, sans-serif;
}
.product {
border: 1px solid #000;
margin: 10px;
padding: 10px;
width: 200px;
}
.product img {
width: 100%;
}
.product h2, .product p {
margin: 0 0 10px 0;
}
</style>
</head>
<body>
<h1>Selamat Datang di Toko Voucher Google Kami</h1>
<div class="product">
<img src="voucher1.jpg" alt="Voucher Google 1">
<h2>Voucher Google Rp 100.000</h2>
<p>Harga: Rp 95.000</p>
<button>Beli Sekarang</button>
</div>
<div class="product">
<img src="voucher2.jpg" alt="Voucher Google 2">
<h2>Voucher Google Rp 200.000</h2>
<p>Harga: Rp 190.000</p>
<button>Beli Sekarang</button>
</div>
<!-- Tambahkan lebih banyak produk sesuai kebutuhan -->
</body>
</html>
Perhatikan bahwa ini adalah halaman HTML dasar dan belum termasuk fungsi belanja atau keranjang belanja. Untuk menambahkan fungsi tersebut, Anda akan perlu menggunakan JavaScript dan/atau server-side scripting seperti PHP, serta database untuk menyimpan data produk dan transaksi. Selain itu, untuk gambar produk, ganti "voucher1.jpg" dan "voucher2.jpg" dengan path ke gambar produk Anda sendiri.