{"id":32,"date":"2026-02-11T07:18:34","date_gmt":"2026-02-11T07:18:34","guid":{"rendered":"https:\/\/fadhil.tekajesatu2023-smkmerdekabdg.com\/?page_id=32"},"modified":"2026-02-25T06:35:46","modified_gmt":"2026-02-25T06:35:46","slug":"elementor-32","status":"publish","type":"page","link":"https:\/\/fadhil.tekajesatu2023-smkmerdekabdg.com\/?page_id=32","title":{"rendered":"Elementor #32"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"32\" class=\"elementor elementor-32\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2e5be5a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2e5be5a\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b166eb8\" data-id=\"b166eb8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ba3a368 elementor-widget elementor-widget-html\" data-id=\"ba3a368\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"id\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Hobby Shop<\/title>\r\n<style>\r\nbody {\r\n    margin: 0;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    background-color: #000;\r\n    color: white;\r\n}\r\nheader {\r\n    background-image: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)),\r\n    url(\"https:\/\/i.pinimg.com\/1200x\/43\/16\/a3\/4316a3f74c5ac2f175bf5ed188beab55.jpg\");\r\n    background-size: cover;\r\n    background-position: center;\r\n    padding: 80px 20px;\r\n    text-align: center;\r\n}\r\nnav {\r\n    background-color: #111;\r\n    padding: 12px;\r\n    text-align: center;\r\n}\r\nnav a {\r\n    color: white;\r\n    text-decoration: none;\r\n    margin: 0 15px;\r\n    font-weight: bold;\r\n}\r\nnav a:hover { color: #ffd700; }\r\n.container { padding: 40px 20px; }\r\n.produk {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n    gap: 20px;\r\n}\r\n.card {\r\n    background: white;\r\n    color: black;\r\n    padding: 15px;\r\n    border-radius: 10px;\r\n    text-align: center;\r\n}\r\n.card img {\r\n    width: 100%;\r\n    height: 180px;\r\n    object-fit: cover;\r\n    border-radius: 5px;\r\n}\r\n.harga { color: green; font-weight: bold; }\r\n.card button {\r\n    background: black;\r\n    color: white;\r\n    border: none;\r\n    padding: 10px;\r\n    cursor: pointer;\r\n    border-radius: 5px;\r\n}\r\n.card button:hover { background: #333; }\r\n\r\n\/* CART *\/\r\n.cart-btn {\r\n    position: fixed;\r\n    right: 20px;\r\n    top: 20px;\r\n    background: #ffd700;\r\n    color: black;\r\n    padding: 10px 15px;\r\n    border-radius: 30px;\r\n    cursor: pointer;\r\n    font-weight: bold;\r\n}\r\n.cart-box {\r\n    position: fixed;\r\n    right: 20px;\r\n    top: 70px;\r\n    width: 300px;\r\n    background: white;\r\n    color: black;\r\n    padding: 15px;\r\n    border-radius: 10px;\r\n    display: none;\r\n}\r\n.cart-box ul { list-style: none; padding: 0; }\r\n.cart-total { font-weight: bold; margin-top: 10px; }\r\n.checkout-btn {\r\n    background: green;\r\n    color: white;\r\n    padding: 10px;\r\n    width: 100%;\r\n    border: none;\r\n    margin-top: 10px;\r\n    cursor: pointer;\r\n    border-radius: 5px;\r\n}\r\n\r\n\/* PAYMENT MODAL *\/\r\n.payment-modal {\r\n    position: fixed;\r\n    top:0; left:0;\r\n    width:100%; height:100%;\r\n    background:rgba(0,0,0,0.8);\r\n    display:none;\r\n    justify-content:center;\r\n    align-items:center;\r\n}\r\n.payment-box {\r\n    background:#111;\r\n    padding:30px;\r\n    width:400px;\r\n    border-radius:10px;\r\n}\r\n.payment-box select {\r\n    width:100%;\r\n    padding:10px;\r\n    margin:10px 0;\r\n}\r\n.payment-box button {\r\n    width:100%;\r\n    padding:10px;\r\n    margin-top:10px;\r\n    border:none;\r\n    border-radius:5px;\r\n    cursor:pointer;\r\n}\r\n.confirm-btn { background:green; color:white; }\r\n.cancel-btn { background:red; color:white; }\r\n\r\nfooter {\r\n    background: #111;\r\n    text-align: center;\r\n    padding: 20px;\r\n    margin-top: 40px;\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"cart-btn\" onclick=\"toggleCart()\">\ud83d\uded2 Keranjang (<span id=\"cart-count\">0<\/span>)<\/div>\r\n\r\n<div class=\"cart-box\" id=\"cart-box\">\r\n<h3>Keranjang<\/h3>\r\n<ul id=\"cart-items\"><\/ul>\r\n<div class=\"cart-total\">Total: Rp <span id=\"cart-total\">0<\/span><\/div>\r\n<button class=\"checkout-btn\" onclick=\"checkout()\">Checkout<\/button>\r\n<\/div>\r\n\r\n<header>\r\n<h1>HOBBY SHOP<\/h1>\r\n<p>Toko Perlengkapan Hobi & Koleksi<\/p>\r\n<\/header>\r\n\r\n<nav>\r\n<a href=\"#\">Home<\/a>\r\n<a href=\"#\">Produk<\/a>\r\n<a href=\"#\">Tentang<\/a>\r\n<a href=\"#\">Kontak<\/a>\r\n<\/nav>\r\n\r\n<div class=\"container\">\r\n<h2>Produk Terbaru<\/h2>\r\n<div class=\"produk\">\r\n    <div class=\"card\">\r\n        <img decoding=\"async\" src=\"https:\/\/i.pinimg.com\/1200x\/d3\/fa\/c2\/d3fac2cb566557ebaebbc092770b4987.jpg\">\r\n        <h3>Action Figure<\/h3>\r\n        <p class=\"harga\">Rp 250.000<\/p>\r\n        <button onclick=\"addToCart('Action Figure',250000)\">Beli<\/button>\r\n    <\/div>\r\n    <div class=\"card\">\r\n        <img decoding=\"async\" src=\"https:\/\/i.pinimg.com\/736x\/4b\/25\/74\/4b25746ad3c6d06a0780440a5f16c43a.jpg\">\r\n        <h3>Diecast<\/h3>\r\n        <p class=\"harga\">Rp 1.200.000<\/p>\r\n        <button onclick=\"addToCart('Diecast',1200000)\">Beli<\/button>\r\n    <\/div>\r\n    <div class=\"card\">\r\n        <img decoding=\"async\" src=\"https:\/\/i.pinimg.com\/1200x\/7c\/31\/78\/7c31782d1e35c615dc1500569f495e6c.jpg\">\r\n        <h3>Lego<\/h3>\r\n        <p class=\"harga\">Rp 350.000<\/p>\r\n        <button onclick=\"addToCart('Lego',350000)\">Beli<\/button>\r\n    <\/div>\r\n    <div class=\"card\">\r\n        <img decoding=\"async\" src=\"https:\/\/i.pinimg.com\/736x\/69\/11\/be\/6911be4c56fd6e4c6dac7ad91aa3318f.jpg\">\r\n        <h3>Model Kit<\/h3>\r\n        <p class=\"harga\">Rp 180.000<\/p>\r\n        <button onclick=\"addToCart('Model Kit',180000)\">Beli<\/button>\r\n    <\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<footer>\r\n<p>&copy; 2026 Hobby Shop | All Rights Reserved<\/p>\r\n<\/footer>\r\n\r\n<!-- PAYMENT MODAL -->\r\n<div class=\"payment-modal\" id=\"paymentModal\">\r\n<div class=\"payment-box\">\r\n<h2>Metode Pembayaran<\/h2>\r\n<p>Total: <strong>Rp <span id=\"payment-total\">0<\/span><\/strong><\/p>\r\n<select id=\"paymentMethod\" onchange=\"showDetail()\">\r\n<option value=\"\">-- Pilih Metode --<\/option>\r\n<option value=\"transfer\">Transfer Bank<\/option>\r\n<option value=\"qris\">QRIS<\/option>\r\n<option value=\"ewallet\">E-Wallet<\/option>\r\n<option value=\"cod\">COD<\/option>\r\n<\/select>\r\n<div id=\"paymentDetail\"><\/div>\r\n<button class=\"confirm-btn\" onclick=\"confirmPayment()\">Konfirmasi<\/button>\r\n<button class=\"cancel-btn\" onclick=\"closePayment()\">Batal<\/button>\r\n<\/div>\r\n<\/div>\r\n\r\n<script>\r\nlet cart = [];\r\nlet total = 0;\r\n\r\nfunction addToCart(nama, harga){\r\n    cart.push({nama, harga});\r\n    total += harga;\r\n    updateCart();\r\n}\r\n\r\nfunction updateCart(){\r\n    let cartItems = document.getElementById(\"cart-items\");\r\n    cartItems.innerHTML = \"\";\r\n    cart.forEach(item=>{\r\n        let li = document.createElement(\"li\");\r\n        li.textContent = item.nama + \" - Rp \" + item.harga.toLocaleString();\r\n        cartItems.appendChild(li);\r\n    });\r\n    document.getElementById(\"cart-total\").textContent = total.toLocaleString();\r\n    document.getElementById(\"cart-count\").textContent = cart.length;\r\n}\r\n\r\nfunction toggleCart(){\r\n    let box = document.getElementById(\"cart-box\");\r\n    box.style.display = box.style.display === \"block\" ? \"none\" : \"block\";\r\n}\r\n\r\nfunction checkout(){\r\n    if(cart.length === 0){\r\n        alert(\"Keranjang kosong!\");\r\n        return;\r\n    }\r\n    document.getElementById(\"payment-total\").textContent = total.toLocaleString();\r\n    document.getElementById(\"paymentModal\").style.display = \"flex\";\r\n}\r\n\r\nfunction closePayment(){\r\n    document.getElementById(\"paymentModal\").style.display = \"none\";\r\n}\r\n\r\nfunction showDetail(){\r\n    let metode = document.getElementById(\"paymentMethod\").value;\r\n    let detail = document.getElementById(\"paymentDetail\");\r\n\r\n    if(metode === \"transfer\"){\r\n        detail.innerHTML = \"Transfer ke BCA 1234567890 a.n Hobby Shop\";\r\n    } else if(metode === \"qris\"){\r\n        detail.innerHTML = \"<img src='https:\/\/api.qrserver.com\/v1\/create-qr-code\/?size=200x200&data=HobbyShopPayment'>\";\r\n    } else if(metode === \"ewallet\"){\r\n        detail.innerHTML = \"OVO \/ DANA \/ GoPay: 08123456789\";\r\n    } else if(metode === \"cod\"){\r\n        detail.innerHTML = \"Bayar saat barang diterima.\";\r\n    } else {\r\n        detail.innerHTML = \"\";\r\n    }\r\n}\r\n\r\nfunction confirmPayment(){\r\n    alert(\"Pesanan berhasil dibuat! Terima kasih.\");\r\n    cart = [];\r\n    total = 0;\r\n    updateCart();\r\n    closePayment();\r\n}\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Hobby Shop \ud83d\uded2 Keranjang (0) Keranjang Total: Rp 0 Checkout HOBBY SHOP Toko Perlengkapan Hobi &#038; Koleksi Home Produk Tentang Kontak Produk Terbaru Action Figure Rp 250.000 Beli Diecast Rp 1.200.000 Beli Lego Rp 350.000 Beli Model Kit Rp 180.000 Beli &copy; 2026 Hobby Shop | All Rights Reserved Metode Pembayaran Total: Rp 0 &#8212; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-32","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fadhil.tekajesatu2023-smkmerdekabdg.com\/index.php?rest_route=\/wp\/v2\/pages\/32","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fadhil.tekajesatu2023-smkmerdekabdg.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fadhil.tekajesatu2023-smkmerdekabdg.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fadhil.tekajesatu2023-smkmerdekabdg.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fadhil.tekajesatu2023-smkmerdekabdg.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=32"}],"version-history":[{"count":5,"href":"https:\/\/fadhil.tekajesatu2023-smkmerdekabdg.com\/index.php?rest_route=\/wp\/v2\/pages\/32\/revisions"}],"predecessor-version":[{"id":67,"href":"https:\/\/fadhil.tekajesatu2023-smkmerdekabdg.com\/index.php?rest_route=\/wp\/v2\/pages\/32\/revisions\/67"}],"wp:attachment":[{"href":"https:\/\/fadhil.tekajesatu2023-smkmerdekabdg.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}