{"id":22,"date":"2026-02-11T06:59:14","date_gmt":"2026-02-11T06:59:14","guid":{"rendered":"https:\/\/fadhil.tekajesatu2023-smkmerdekabdg.com\/?page_id=22"},"modified":"2026-02-11T07:06:57","modified_gmt":"2026-02-11T07:06:57","slug":"elementor-22","status":"publish","type":"page","link":"https:\/\/fadhil.tekajesatu2023-smkmerdekabdg.com\/?page_id=22","title":{"rendered":"Elementor #22"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\nHobby Shop<\/title>\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n<style>\r\nbody {\r\n margin: 0;\r\n font-family: 'Segoe UI', sans-serif;\r\n background: #f2f2f2;\r\n}\r\n\r\nheader {\r\n background: #111;\r\n color: white;\r\n padding: 20px;\r\n text-align: center;\r\n}\r\n\r\nnav {\r\n background: #222;\r\n display: flex;\r\n justify-content: center;\r\n gap: 20px;\r\n padding: 10px;\r\n}\r\n\r\nnav a {\r\n color: white;\r\n text-decoration: none;\r\n font-weight: bold;\r\n}\r\n\r\nnav a:hover {\r\n color: gold;\r\n}\r\n\r\n.hero {\r\n background: linear-gradient(to right, #000, #444);\r\n color: white;\r\n padding: 50px 20px;\r\n text-align: center;\r\n}\r\n\r\n.container {\r\n padding: 30px;\r\n}\r\n\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\r\n.card {\r\n background: white;\r\n border-radius: 10px;\r\n padding: 15px;\r\n box-shadow: 0 4px 10px rgba(0,0,0,0.1);\r\n text-align: center;\r\n}\r\n\r\n.card img {\r\n width: 100%;\r\n height: 180px;\r\n object-fit: cover;\r\n border-radius: 8px;\r\n}\r\n\r\n.card h3 {\r\n margin: 10px 0;\r\n}\r\n\r\n.harga {\r\n color: green;\r\n font-weight: bold;\r\n}\r\n\r\nbutton {\r\n background: #111;\r\n color: white;\r\n border: none;\r\n padding: 10px 15px;\r\n border-radius: 6px;\r\n cursor: pointer;\r\n}\r\n\r\nbutton:hover {\r\n background: #444;\r\n}\r\n\r\n.cart {\r\n background: white;\r\n margin-top: 30px;\r\n padding: 20px;\r\n border-radius: 10px;\r\n}\r\n\r\n.cart ul {\r\n list-style: none;\r\n padding: 0;\r\n}\r\n\r\n.cart li {\r\n margin-bottom: 8px;\r\n}\r\n\r\n.total {\r\n font-weight: bold;\r\n margin-top: 10px;\r\n}\r\n\r\nfooter {\r\n background: #111;\r\n color: white;\r\n text-align: center;\r\n padding: 15px;\r\n margin-top: 40px;\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<header>\r\n <h1>HOBBY SHOP<\/h1>\r\n <p>Toko Mainan & Perlengkapan Hobi<\/p>\r\n<\/header>\r\n\r\n<nav>\r\n <a href=\"#\">Home<\/a>\r\n <a href=\"#produk\">Produk<\/a>\r\n <a href=\"#keranjang\">Keranjang<\/a>\r\n <a href=\"#kontak\">Kontak<\/a>\r\n<\/nav>\r\n\r\n<section class=\"hero\">\r\n <h2>Lengkapi Hobimu Sekarang<\/h2>\r\n <p>Action Figure \u2022 RC \u2022 Outdoor \u2022 Model Kit<\/p>\r\n<\/section>\r\n\r\n<div class=\"container\" id=\"produk\">\r\n <h2>Produk<\/h2>\r\n\r\n <div class=\"produk\">\r\n <div class=\"card\">\r\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/300x200\">\r\n <h3>Action Figure<\/h3>\r\n <p class=\"harga\">Rp 250000<\/p>\r\n <button onclick=\"tambahCart('Action Figure', 250000)\">Tambah<\/button>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/300x200\">\r\n <h3>RC Car<\/h3>\r\n <p class=\"harga\">Rp 1200000<\/p>\r\n <button onclick=\"tambahCart('RC Car', 1200000)\">Tambah<\/button>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/300x200\">\r\n <h3>Perlengkapan Outdoor<\/h3>\r\n <p class=\"harga\">Rp 350000<\/p>\r\n <button onclick=\"tambahCart('Perlengkapan Outdoor', 350000)\">Tambah<\/button>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/300x200\">\r\n <h3>Model Kit<\/h3>\r\n <p class=\"harga\">Rp 180000<\/p>\r\n <button onclick=\"tambahCart('Model Kit', 180000)\">Tambah<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- KERANJANG -->\r\n <div class=\"cart\" id=\"keranjang\">\r\n <h2>Keranjang Belanja<\/h2>\r\n <ul id=\"cartList\"><\/ul>\r\n <p class=\"total\">Total: Rp <span id=\"total\">0<\/span><\/p>\r\n <button onclick=\"checkoutWA()\">Checkout WhatsApp<\/button>\r\n <\/div>\r\n<\/div>\r\n\r\n<footer id=\"kontak\">\r\n <p>Hubungi Kami: 08xxxxxxxxxx<\/p>\r\n <p>© 2026 Hobby Shop<\/p>\r\n<\/footer>\r\n\r\n<script>\r\nlet cart = [];\r\nlet total = 0;\r\n\r\nfunction tambahCart(nama, harga) {\r\n cart.push({nama, harga});\r\n total += harga;\r\n renderCart();\r\n}\r\n\r\nfunction renderCart() {\r\n const list = document.getElementById(\"cartList\");\r\n list.innerHTML = \"\";\r\n cart.forEach(item => {\r\n const li = document.createElement(\"li\");\r\n li.textContent = item.nama + \" - Rp \" + item.harga;\r\n list.appendChild(li);\r\n });\r\n document.getElementById(\"total\").textContent = total;\r\n}\r\n\r\nfunction checkoutWA() {\r\n if(cart.length === 0){\r\n alert(\"Keranjang masih kosong!\");\r\n return;\r\n }\r\n\r\n let pesan = \"Halo Hobby Shop, saya ingin membeli:%0A\";\r\n cart.forEach(item => {\r\n pesan += \"- \" + item.nama + \" (Rp \" + item.harga + \")%0A\";\r\n });\r\n pesan += \"%0ATotal: Rp \" + total;\r\n\r\n let nomorWA = \"628xxxxxxxxxx\"; \/\/ GANTI NOMOR WA\r\n window.open(`https:\/\/wa.me\/${nomorWA}?text=${pesan}`, \"_blank\");\r\n}\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\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 HOBBY SHOP Toko Mainan & Perlengkapan Hobi Home Produk Keranjang Kontak Lengkapi Hobimu Sekarang Action Figure \u2022 RC \u2022 Outdoor \u2022 Model Kit Produk Action Figure Rp 250000 Tambah RC Car Rp 1200000 Tambah Perlengkapan Outdoor Rp 350000 Tambah Model Kit Rp 180000 Tambah Keranjang Belanja Total: Rp 0 Checkout WhatsApp Hubungi Kami: […]<\/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-22","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fadhil.tekajesatu2023-smkmerdekabdg.com\/index.php?rest_route=\/wp\/v2\/pages\/22","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=22"}],"version-history":[{"count":5,"href":"https:\/\/fadhil.tekajesatu2023-smkmerdekabdg.com\/index.php?rest_route=\/wp\/v2\/pages\/22\/revisions"}],"predecessor-version":[{"id":31,"href":"https:\/\/fadhil.tekajesatu2023-smkmerdekabdg.com\/index.php?rest_route=\/wp\/v2\/pages\/22\/revisions\/31"}],"wp:attachment":[{"href":"https:\/\/fadhil.tekajesatu2023-smkmerdekabdg.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}