{"id":13,"date":"2026-06-10T20:35:44","date_gmt":"2026-06-10T20:35:44","guid":{"rendered":"https:\/\/unnattiinfotech.com\/?page_id=13"},"modified":"2026-06-10T20:35:44","modified_gmt":"2026-06-10T20:35:44","slug":"home-page-demo","status":"publish","type":"page","link":"https:\/\/unnattiinfotech.com\/index.php\/home-page-demo\/","title":{"rendered":"home page demo"},"content":{"rendered":"\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1.0\">\n<title>Unnatti Infotech V2<\/title>\n<style>\n*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,sans-serif}\nbody{line-height:1.6;color:#333}\nheader{background:linear-gradient(135deg,#003b95,#00a2ff);padding:18px 5%;display:flex;justify-content:space-between;align-items:center;color:#fff;position:sticky;top:0}\n.logo{font-size:30px;font-weight:700}\n.hero{background:linear-gradient(135deg,#003b95,#00a2ff);color:#fff;text-align:center;padding:120px 20px;position:relative;overflow:hidden}\n.hero h1{font-size:clamp(40px,6vw,72px);margin-bottom:20px}\n.hero p{max-width:850px;margin:auto}\n.btn{display:inline-block;margin-top:25px;padding:14px 28px;background:#fff;color:#0057d9;text-decoration:none;border-radius:30px;font-weight:700}\n.circle{position:absolute;border-radius:50%;background:rgba(255,255,255,.12)}\n.c1{width:220px;height:220px;left:-50px;top:50px}\n.c2{width:160px;height:160px;right:60px;top:70px}\n.c3{width:280px;height:280px;bottom:-120px;left:20%}\nsection{padding:80px 5%}\nh2{text-align:center;color:#003b95;margin-bottom:40px;font-size:40px}\n.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}\n.card{padding:28px;border-radius:18px;box-shadow:0 10px 25px rgba(0,0,0,.08);transition:.3s}\n.card:hover{transform:translateY(-8px);box-shadow:0 0 25px rgba(0,119,255,.45)}\n.about{background:#fff}\n.about-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;align-items:center;max-width:1200px;margin:auto}\n.icons{display:grid;grid-template-columns:1fr 1fr;gap:20px}\n.iconbox{padding:35px;text-align:center;background:#f7faff;border-radius:18px;transition:.3s}\n.iconbox:hover{box-shadow:0 0 25px rgba(0,119,255,.45);transform:translateY(-8px)}\n.services{background:#f7faff}\n.stats .stat{text-align:center}\n.stats h3{font-size:44px;color:#0057d9}\n.cta{background:linear-gradient(135deg,#003b95,#0057d9);color:#fff;text-align:center}\nfooter{background:#001d4d;color:#fff;text-align:center;padding:20px}\n<\/style>\n\n\n<header>\n<div class=\"logo\">Unnatti Infotech<\/div>\n<div>\u2630<\/div>\n<\/header>\n\n<section class=\"hero\">\n<div class=\"circle c1\"><\/div><div class=\"circle c2\"><\/div><div class=\"circle c3\"><\/div>\n<h1>Empowering Businesses Through Technology<\/h1>\n<p>Web Development, AI Automation, Cloud Solutions and Digital Transformation for modern businesses.<\/p>\n<a href=\"#\" class=\"btn\">Get Started<\/a>\n<\/section>\n\n<section class=\"about\">\n<h2>About Us<\/h2>\n<div class=\"about-wrap\">\n<div>\n<h3>Driving Innovation Through Technology<\/h3>\n<p>Unnatti Infotech helps businesses grow with innovative software, cloud, AI and digital solutions. We focus on scalable, secure and future-ready technologies.<\/p>\n<\/div>\n<div class=\"icons\">\n<div class=\"iconbox\">\ud83d\ude80<br>Innovation<\/div>\n<div class=\"iconbox\">\ud83d\udca1<br>Ideas<\/div>\n<div class=\"iconbox\">\ud83c\udf10<br>Technology<\/div>\n<div class=\"iconbox\">\ud83e\udd16<br>Automation<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n<section class=\"services\">\n<h2>Our Services<\/h2>\n<div class=\"grid\">\n<div class=\"card\">\ud83c\udf10<h3>Web Development<\/h3><\/div>\n<div class=\"card\">\u2601\ufe0f<h3>Cloud Solutions<\/h3><\/div>\n<div class=\"card\">\ud83e\udd16<h3>AI Automation<\/h3><\/div>\n<div class=\"card\">\ud83d\udcf1<h3>Mobile Apps<\/h3><\/div>\n<div class=\"card\">\ud83d\udcca<h3>IT Consulting<\/h3><\/div>\n<div class=\"card\">\u26a1<h3>Digital Transformation<\/h3><\/div>\n<\/div>\n<\/section>\n\n<section class=\"stats\">\n<h2>Company Stats<\/h2>\n<div class=\"grid\">\n<div class=\"stat\"><h3>150+<\/h3><p>Projects<\/p><\/div>\n<div class=\"stat\"><h3>50+<\/h3><p>Clients<\/p><\/div>\n<div class=\"stat\"><h3>5+<\/h3><p>Years<\/p><\/div>\n<div class=\"stat\"><h3>24\/7<\/h3><p>Support<\/p><\/div>\n<\/div>\n<\/section>\n\n<section class=\"cta\">\n<h2>Ready To Transform Your Business?<\/h2>\n<p>Partner with Unnatti Infotech today.<\/p>\n<\/section>\n\n<footer>\u00a9 2026 Unnatti Infotech<\/footer>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n\n    const stats = document.querySelectorAll('.stats h3');\n\n    const values = [150, 50, 5, 24];\n    const suffixes = ['+', '+', '+', '\/7'];\n\n    const observer = new IntersectionObserver((entries) => {\n        entries.forEach(entry => {\n\n            if (entry.isIntersecting) {\n\n                stats.forEach((stat, index) => {\n\n                    let count = 0;\n                    const target = values[index];\n                    const increment = target \/ 100;\n\n                    function updateCounter() {\n                        count += increment;\n\n                        if (count < target) {\n                            stat.innerHTML =\n                                Math.ceil(count) + suffixes[index];\n                            requestAnimationFrame(updateCounter);\n                        } else {\n                            stat.innerHTML =\n                                target + suffixes[index];\n                        }\n                    }\n\n                    updateCounter();\n                });\n\n                observer.disconnect();\n            }\n        });\n    });\n\n    const statsSection = document.querySelector('.stats');\n    if (statsSection) observer.observe(statsSection);\n\n});\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>Unnatti Infotech V2 Unnatti Infotech \u2630 Empowering Businesses Through Technology Web Development, AI Automation, Cloud Solutions and Digital Transformation for modern businesses. Get Started About Us Driving Innovation Through Technology Unnatti Infotech helps businesses grow with innovative software, cloud, AI and digital solutions. We focus on scalable, secure and future-ready technologies. \ud83d\ude80Innovation \ud83d\udca1Ideas \ud83c\udf10Technology \ud83e\udd16Automation [&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-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/unnattiinfotech.com\/index.php\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/unnattiinfotech.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/unnattiinfotech.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/unnattiinfotech.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/unnattiinfotech.com\/index.php\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":3,"href":"https:\/\/unnattiinfotech.com\/index.php\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":45,"href":"https:\/\/unnattiinfotech.com\/index.php\/wp-json\/wp\/v2\/pages\/13\/revisions\/45"}],"wp:attachment":[{"href":"https:\/\/unnattiinfotech.com\/index.php\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}