{"id":411,"date":"2024-11-04T19:56:15","date_gmt":"2024-11-04T19:56:15","guid":{"rendered":"https:\/\/bg.pendampingusaha.com\/animasi\/?page_id=411"},"modified":"2024-11-11T07:51:20","modified_gmt":"2024-11-11T07:51:20","slug":"app","status":"publish","type":"page","link":"https:\/\/bg.pendampingusaha.com\/animasi\/","title":{"rendered":"App"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\r\n\r\n\r\n \r\n \r\n iOS Dashboard<\/title>\r\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600&display=swap');\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'Poppins', sans-serif;\r\n }\r\n\r\n body {\r\n background: #121212;\r\n color: white;\r\n min-height: 100vh;\r\n padding: 20px;\r\n }\r\n\r\n .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n .header {\r\n text-align: center;\r\n margin-bottom: 30px;\r\n padding: 20px;\r\n }\r\n\r\n .header h1 {\r\n font-size: 24px;\r\n font-weight: 500;\r\n color: #fff;\r\n }\r\n\r\n .grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));\r\n gap: 20px;\r\n padding: 10px;\r\n }\r\n\r\n .app-card {\r\n background: #1e1e1e;\r\n border-radius: 16px;\r\n padding: 20px;\r\n text-align: center;\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .app-card:hover {\r\n transform: translateY(-5px);\r\n background: #2a2a2a;\r\n box-shadow: 0 8px 16px rgba(0,0,0,0.2);\r\n }\r\n\r\n .app-card i {\r\n font-size: 2.5em;\r\n margin-bottom: 10px;\r\n display: block;\r\n background: linear-gradient(45deg, #6b73ff, #00ff95);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n }\r\n\r\n .app-card .title {\r\n font-size: 0.9em;\r\n color: #fff;\r\n font-weight: 400;\r\n }\r\n\r\n .app-card::before {\r\n content: '';\r\n position: absolute;\r\n top: -50%;\r\n left: -50%;\r\n width: 200%;\r\n height: 200%;\r\n background: linear-gradient(45deg, transparent, rgba(255,255,255,0.03), transparent);\r\n transform: rotate(45deg);\r\n transition: all 0.6s ease;\r\n }\r\n\r\n .app-card:hover::before {\r\n animation: shine 1.5s;\r\n }\r\n\r\n @keyframes shine {\r\n 0% {\r\n transform: translateX(-200%) rotate(45deg);\r\n }\r\n 100% {\r\n transform: translateX(200%) rotate(45deg);\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .grid {\r\n grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));\r\n gap: 15px;\r\n }\r\n\r\n .app-card {\r\n padding: 15px;\r\n }\r\n\r\n .app-card i {\r\n font-size: 2em;\r\n }\r\n\r\n .app-card .title {\r\n font-size: 0.8em;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .grid {\r\n grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));\r\n gap: 10px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n <header class=\"header\">\r\n <h1>My Aplikasi <\/h1>\r\n <\/header>\r\n \r\n <div class=\"grid\">\r\n <a href=\"https:\/\/bg.pendampingusaha.com\/animasi\/voice-code\/\" class=\"app-card\">\r\n <i class=\"fas fa-microphone\"><\/i>\r\n <div class=\"title\">Text to Voice<\/div>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/bg.pendampingusaha.com\/animasi\/maps-lokasi\/\" class=\"app-card\">\r\n <i class=\"fas fa-map\"><\/i>\r\n <div class=\"title\">Maps<\/div>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/bg.pendampingusaha.com\/animasi\/tracker-maps\/\" class=\"app-card\">\r\n <i class=\"fas fa-route\"><\/i>\r\n <div class=\"title\">Rute<\/div>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/bg.pendampingusaha.com\/animasi\/tv-online\/\" class=\"app-card\">\r\n <i class=\"fas fa-tv\"><\/i>\r\n <div class=\"title\">TV Online<\/div>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/bg.pendampingusaha.com\/animasi\/maps\/\" class=\"app-card\">\r\n <i class=\"fas fa-database\"><\/i>\r\n <div class=\"title\">Maps Data Extractor<\/div>\r\n <\/a>\r\n \r\n <!-- Additional cards -->\r\n <a href=\"#\" class=\"app-card\">\r\n <i class=\"fas fa-camera\"><\/i>\r\n <div class=\"title\">Camera<\/div>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/bg.pendampingusaha.com\/animasi\/belajar-iqro\/\" class=\"app-card\">\r\n <i class=\"fa-solid fa-book-quran\"><\/i>\r\n <div class=\"title\">Mengaji<\/div>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/bg.pendampingusaha.com\/animasi\/kalkulator-voice\/\" class=\"app-card\">\r\n <i class=\"fas fa-calculator\"><\/i>\r\n <div class=\"title\">Calculator<\/div>\r\n <\/a>\r\n <a href=\"https:\/\/bg.pendampingusaha.com\/animasi\/kredit\/\" class=\"app-card\">\r\n <i class=\"fas fa-calculator\"><\/i>\r\n <div class=\"title\">Calculator Kredit<\/div>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Add smooth scrolling\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n anchor.addEventListener('click', function (e) {\r\n e.preventDefault();\r\n document.querySelector(this.getAttribute('href')).scrollIntoView({\r\n behavior: 'smooth'\r\n });\r\n });\r\n });\r\n\r\n \/\/ Add touch effect for mobile\r\n const cards = document.querySelectorAll('.app-card');\r\n cards.forEach(card => {\r\n card.addEventListener('touchstart', () => {\r\n card.style.transform = 'scale(0.95)';\r\n });\r\n card.addEventListener('touchend', () => {\r\n card.style.transform = 'scale(1)';\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>iOS Dashboard My Aplikasi Text to Voice Maps Rute TV Online Maps Data Extractor Camera Mengaji Calculator Calculator Kredit<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/bg.pendampingusaha.com\/animasi\/wp-json\/wp\/v2\/pages\/411"}],"collection":[{"href":"https:\/\/bg.pendampingusaha.com\/animasi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bg.pendampingusaha.com\/animasi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bg.pendampingusaha.com\/animasi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bg.pendampingusaha.com\/animasi\/wp-json\/wp\/v2\/comments?post=411"}],"version-history":[{"count":22,"href":"https:\/\/bg.pendampingusaha.com\/animasi\/wp-json\/wp\/v2\/pages\/411\/revisions"}],"predecessor-version":[{"id":520,"href":"https:\/\/bg.pendampingusaha.com\/animasi\/wp-json\/wp\/v2\/pages\/411\/revisions\/520"}],"wp:attachment":[{"href":"https:\/\/bg.pendampingusaha.com\/animasi\/wp-json\/wp\/v2\/media?parent=411"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}