Stylish Age Calculator<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Poppins', sans-serif;\n }\n\n body {\n height: 100vh;\n background: linear-gradient(135deg, #f6d365 0%, #fda085 100%);\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .age-box {\n background: white;\n padding: 40px;\n border-radius: 25px;\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n text-align: center;\n max-width: 450px;\n width: 90%;\n animation: fadeIn 1s ease-in-out;\n }\n\n @keyframes fadeIn {\n from {opacity: 0; transform: scale(0.95);}\n to {opacity: 1; transform: scale(1);}\n }\n\n .age-box h1 {\n font-size: 28px;\n margin-bottom: 25px;\n color: #ff6b6b;\n }\n\n input[type=\"date\"] {\n padding: 12px 15px;\n font-size: 16px;\n border: 2px solid #ff6b6b;\n border-radius: 15px;\n outline: none;\n width: 100%;\n margin-bottom: 20px;\n transition: all 0.3s ease;\n }\n\n input[type=\"date\"]:hover {\n border-color: #ff3e3e;\n }\n\n button {\n padding: 12px 30px;\n font-size: 16px;\n background: linear-gradient(135deg, #ff6b6b, #ff4757);\n color: white;\n border: none;\n border-radius: 15px;\n cursor: pointer;\n transition: background 0.3s ease;\n }\n\n button:hover {\n background: linear-gradient(135deg, #ff4757, #ff6b6b);\n }\n\n .result {\n margin-top: 25px;\n font-size: 20px;\n color: #444;\n font-weight: bold;\n animation: fadeInUp 0.5s ease-out;\n }\n\n @keyframes fadeInUp {\n from {opacity: 0; transform: translateY(10px);}\n to {opacity: 1; transform: translateY(0);}\n }\n\n .emoji {\n font-size: 24px;\n margin-right: 8px;\n }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"age-box\">\n <h1>\ud83c\udf89 Stylish Age Calculator \ud83c\udf89<\/h1>\n <input type=\"date\" id=\"dob\">\n <button onclick=\"calculateAge()\">Calculate<\/button>\n <div class=\"result\" id=\"result\"><\/div>\n <\/div>\n\n <script>\n function calculateAge() {\n const dob = document.getElementById(\"dob\").value;\n if (!dob) {\n alert(\"\u26d4 Please select your date of birth.\");\n return;\n }\n\n const birthDate = new Date(dob);\n const today = new Date();\n\n let age = today.getFullYear() - birthDate.getFullYear();\n const m = today.getMonth() - birthDate.getMonth();\n if (m < 0 || (m === 0 && today.getDate() < birthDate.getDate())) {\n age--;\n }\n\n const resultBox = document.getElementById(\"result\");\n resultBox.innerHTML = `<span class=\"emoji\">\ud83c\udf82<\/span>You are <span style=\"color:#ff4757\">${age}<\/span> years old! \ud83c\udf88`;\n }\n <\/script>\n\n<\/body>\n<\/html>\t\t\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>Stylish Age Calculator \ud83c\udf89 Stylish Age Calculator \ud83c\udf89 Calculate<\/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-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/earngold.com.pk\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/earngold.com.pk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/earngold.com.pk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/earngold.com.pk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/earngold.com.pk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":4,"href":"https:\/\/earngold.com.pk\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":14,"href":"https:\/\/earngold.com.pk\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/14"}],"wp:attachment":[{"href":"https:\/\/earngold.com.pk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n Stylish Age Calculator<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Poppins', sans-serif;\n }\n\n body {\n height: 100vh;\n background: linear-gradient(135deg, #f6d365 0%, #fda085 100%);\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .age-box {\n background: white;\n padding: 40px;\n border-radius: 25px;\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n text-align: center;\n max-width: 450px;\n width: 90%;\n animation: fadeIn 1s ease-in-out;\n }\n\n @keyframes fadeIn {\n from {opacity: 0; transform: scale(0.95);}\n to {opacity: 1; transform: scale(1);}\n }\n\n .age-box h1 {\n font-size: 28px;\n margin-bottom: 25px;\n color: #ff6b6b;\n }\n\n input[type=\"date\"] {\n padding: 12px 15px;\n font-size: 16px;\n border: 2px solid #ff6b6b;\n border-radius: 15px;\n outline: none;\n width: 100%;\n margin-bottom: 20px;\n transition: all 0.3s ease;\n }\n\n input[type=\"date\"]:hover {\n border-color: #ff3e3e;\n }\n\n button {\n padding: 12px 30px;\n font-size: 16px;\n background: linear-gradient(135deg, #ff6b6b, #ff4757);\n color: white;\n border: none;\n border-radius: 15px;\n cursor: pointer;\n transition: background 0.3s ease;\n }\n\n button:hover {\n background: linear-gradient(135deg, #ff4757, #ff6b6b);\n }\n\n .result {\n margin-top: 25px;\n font-size: 20px;\n color: #444;\n font-weight: bold;\n animation: fadeInUp 0.5s ease-out;\n }\n\n @keyframes fadeInUp {\n from {opacity: 0; transform: translateY(10px);}\n to {opacity: 1; transform: translateY(0);}\n }\n\n .emoji {\n font-size: 24px;\n margin-right: 8px;\n }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"age-box\">\n <h1>\ud83c\udf89 Stylish Age Calculator \ud83c\udf89<\/h1>\n <input type=\"date\" id=\"dob\">\n <button onclick=\"calculateAge()\">Calculate<\/button>\n <div class=\"result\" id=\"result\"><\/div>\n <\/div>\n\n <script>\n function calculateAge() {\n const dob = document.getElementById(\"dob\").value;\n if (!dob) {\n alert(\"\u26d4 Please select your date of birth.\");\n return;\n }\n\n const birthDate = new Date(dob);\n const today = new Date();\n\n let age = today.getFullYear() - birthDate.getFullYear();\n const m = today.getMonth() - birthDate.getMonth();\n if (m < 0 || (m === 0 && today.getDate() < birthDate.getDate())) {\n age--;\n }\n\n const resultBox = document.getElementById(\"result\");\n resultBox.innerHTML = `<span class=\"emoji\">\ud83c\udf82<\/span>You are <span style=\"color:#ff4757\">${age}<\/span> years old! \ud83c\udf88`;\n }\n <\/script>\n\n<\/body>\n<\/html>\t\t\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>Stylish Age Calculator \ud83c\udf89 Stylish Age Calculator \ud83c\udf89 Calculate<\/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-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/earngold.com.pk\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/earngold.com.pk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/earngold.com.pk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/earngold.com.pk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/earngold.com.pk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":4,"href":"https:\/\/earngold.com.pk\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":14,"href":"https:\/\/earngold.com.pk\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/14"}],"wp:attachment":[{"href":"https:\/\/earngold.com.pk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}