{"id":69,"date":"2026-04-13T14:36:17","date_gmt":"2026-04-13T14:36:17","guid":{"rendered":"https:\/\/smartelectricalai.com\/?page_id=69"},"modified":"2026-06-03T18:52:03","modified_gmt":"2026-06-03T18:52:03","slug":"control-panel-builder","status":"publish","type":"page","link":"https:\/\/smartelectricalai.com\/index.php\/control-panel-builder\/","title":{"rendered":"Tools"},"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\t\r\n\r\n\r\n\r\nWelcome Animation<\/title>\r\n\r\n<style>\r\nbody {\r\n margin: 0;\r\n font-family: Arial, sans-serif;\r\n background: white; \/* \u2705 WHITE BACKGROUND *\/\r\n overflow: hidden;\r\n}\r\n\r\n\/* WELCOME SCREEN *\/\r\n#welcome {\r\n position: fixed;\r\n width: 100%;\r\n height: 100vh;\r\n background: white;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n transition: opacity 1s ease, transform 1s ease;\r\n}\r\n\r\n\/* CARD *\/\r\n.card {\r\n background: #ffffff;\r\n padding: 40px 60px;\r\n border-radius: 20px;\r\n text-align: center;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n animation: popIn 1s ease;\r\n border: 1px solid #eee;\r\n}\r\n\r\nh1 {\r\n margin: 0;\r\n font-size: 48px;\r\n color: #222;\r\n}\r\n\r\np {\r\n margin-top: 10px;\r\n color: #666;\r\n}\r\n\r\n\/* LOADING BAR *\/\r\n.loader {\r\n margin-top: 25px;\r\n width: 250px;\r\n height: 6px;\r\n background: #eee;\r\n border-radius: 10px;\r\n overflow: hidden;\r\n}\r\n\r\n.bar {\r\n width: 0%;\r\n height: 100%;\r\n background: #6a11cb;\r\n animation: load 3.5s ease forwards;\r\n}\r\n\r\n\/* MAIN CONTENT *\/\r\n#main {\r\n display: none;\r\n text-align: center;\r\n padding-top: 120px;\r\n}\r\n\r\n\/* ANIMATIONS *\/\r\n@keyframes load {\r\n to { width: 100%; }\r\n}\r\n\r\n@keyframes popIn {\r\n from {\r\n transform: scale(0.8);\r\n opacity: 0;\r\n }\r\n to {\r\n transform: scale(1);\r\n opacity: 1;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<!-- WELCOME -->\r\n<div id=\"welcome\">\r\n <div class=\"card\">\r\n <h1>Welcome \ud83d\udc4b<\/h1>\r\n <p>Loading your experience...<\/p>\r\n\r\n <div class=\"loader\">\r\n <div class=\"bar\"><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- MAIN -->\r\n<div id=\"main\">\r\n <h1>Your Website Starts Here \ud83d\ude80<\/h1>\r\n <p>Clean and modern UI<\/p>\r\n<\/div>\r\n\r\n<script>\r\nsetTimeout(() => {\r\n const welcome = document.getElementById(\"welcome\");\r\n welcome.style.opacity = \"0\";\r\n welcome.style.transform = \"scale(1.05)\";\r\n\r\n setTimeout(() => {\r\n welcome.style.display = \"none\";\r\n document.getElementById(\"main\").style.display = \"block\";\r\n }, 1000);\r\n\r\n}, 3500);\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\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>Welcome Animation Welcome \ud83d\udc4b Loading your experience… Your Website Starts Here \ud83d\ude80 Clean and modern UI<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_eb_attr":"","footnotes":""},"class_list":["post-69","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/smartelectricalai.com\/index.php\/wp-json\/wp\/v2\/pages\/69","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smartelectricalai.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smartelectricalai.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smartelectricalai.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/smartelectricalai.com\/index.php\/wp-json\/wp\/v2\/comments?post=69"}],"version-history":[{"count":142,"href":"https:\/\/smartelectricalai.com\/index.php\/wp-json\/wp\/v2\/pages\/69\/revisions"}],"predecessor-version":[{"id":617,"href":"https:\/\/smartelectricalai.com\/index.php\/wp-json\/wp\/v2\/pages\/69\/revisions\/617"}],"wp:attachment":[{"href":"https:\/\/smartelectricalai.com\/index.php\/wp-json\/wp\/v2\/media?parent=69"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}