{"id":97,"date":"2026-04-22T11:02:28","date_gmt":"2026-04-22T04:02:28","guid":{"rendered":"http:\/\/localhost\/?page_id=97"},"modified":"2026-04-24T20:56:59","modified_gmt":"2026-04-24T13:56:59","slug":"%e0%b9%80%e0%b8%ab%e0%b8%a3%e0%b8%b5%e0%b8%a2%e0%b8%8d%e0%b8%a3%e0%b8%b2%e0%b8%8a%e0%b8%ad%e0%b8%b4%e0%b8%aa%e0%b8%a3%e0%b8%b4%e0%b8%a2%e0%b8%b2%e0%b8%a0%e0%b8%a3%e0%b8%93%e0%b9%8c","status":"publish","type":"page","link":"https:\/\/www.nationstory.co\/?page_id=97","title":{"rendered":"\u0e40\u0e2b\u0e23\u0e35\u0e22\u0e0d\u0e23\u0e32\u0e0a\u0e2d\u0e34\u0e2a\u0e23\u0e34\u0e22\u0e32\u0e20\u0e23\u0e13\u0e4c"},"content":{"rendered":"\n<div class=\"royal-medals-wrapper\">\n\n\n    <button class=\"royal-accordion\">\u0e1e\u0e23\u0e30\u0e23\u0e32\u0e0a\u0e17\u0e32\u0e19\u0e40\u0e1b\u0e47\u0e19\u0e1a\u0e33\u0e40\u0e2b\u0e19\u0e47\u0e08\u0e04\u0e27\u0e32\u0e21\u0e01\u0e25\u0e49\u0e32\u0e2b\u0e32\u0e0d <i class=\"fas fa-chevron-down accordion-icon\"><\/i><\/button>\n    <div class=\"royal-panel\">\n        <div class=\"royal-slider-container\" id=\"slider-bravery\" data-slide-index=\"1\">\n            <div class=\"royal-slide royal-fade\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/\u0e04\u0e27\u0e32\u0e21\u0e01\u0e25\u0e49\u0e32\u0e2b\u0e32\u0e0d1.png\" class=\"royal-slider-img\"><\/div>\n            <div class=\"royal-slide royal-fade\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/\u0e04\u0e27\u0e32\u0e21\u0e01\u0e25\u0e49\u0e32\u0e2b\u0e32\u0e0d2.png\" class=\"royal-slider-img\"><\/div>\n            <div class=\"royal-slide royal-fade\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/\u0e04\u0e27\u0e32\u0e21\u0e01\u0e25\u0e49\u0e32\u0e2b\u0e32\u0e0d3.png\" class=\"royal-slider-img\"><\/div>\n            \n            <a class=\"royal-prev-btn\" onclick=\"moveRoyalSlide('slider-bravery', -1)\">&#10094;<\/a>\n            <a class=\"royal-next-btn\" onclick=\"moveRoyalSlide('slider-bravery', 1)\">&#10095;<\/a>\n            <div style=\"text-align:center; margin-top: 15px;\">\n                <span class=\"royal-dot\" onclick=\"setRoyalSlide('slider-bravery', 1)\"><\/span> \n                <span class=\"royal-dot\" onclick=\"setRoyalSlide('slider-bravery', 2)\"><\/span> \n                <span class=\"royal-dot\" onclick=\"setRoyalSlide('slider-bravery', 3)\"><\/span> \n            <\/div>\n        <\/div>\n    <\/div>\n\n    <button class=\"royal-accordion\">\u0e1e\u0e23\u0e30\u0e23\u0e32\u0e0a\u0e17\u0e32\u0e19\u0e40\u0e1b\u0e47\u0e19\u0e1a\u0e33\u0e40\u0e2b\u0e19\u0e47\u0e08\u0e04\u0e27\u0e32\u0e21\u0e0a\u0e2d\u0e1a\u0e43\u0e19\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e23 <i class=\"fas fa-chevron-down accordion-icon\"><\/i><\/button>\n    <div class=\"royal-panel\">\n        <div class=\"royal-slider-container\" id=\"slider-merit\" data-slide-index=\"1\">\n            <div class=\"royal-slide royal-fade\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/\u0e04\u0e27\u0e32\u0e21\u0e0a\u0e2d\u0e1a\u0e43\u0e19\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e231.png\" class=\"royal-slider-img\"><\/div>\n            <div class=\"royal-slide royal-fade\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/\u0e04\u0e27\u0e32\u0e21\u0e0a\u0e2d\u0e1a\u0e43\u0e19\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e232.png\" class=\"royal-slider-img\"><\/div>\n            <div class=\"royal-slide royal-fade\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/\u0e04\u0e27\u0e32\u0e21\u0e0a\u0e2d\u0e1a\u0e43\u0e19\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e233.png\" class=\"royal-slider-img\"><\/div>\n            <div class=\"royal-slide royal-fade\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/\u0e04\u0e27\u0e32\u0e21\u0e0a\u0e2d\u0e1a\u0e43\u0e19\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e234.png\" class=\"royal-slider-img\"><\/div>\n            \n            <a class=\"royal-prev-btn\" onclick=\"moveRoyalSlide('slider-merit', -1)\">&#10094;<\/a>\n            <a class=\"royal-next-btn\" onclick=\"moveRoyalSlide('slider-merit', 1)\">&#10095;<\/a>\n            <div style=\"text-align:center; margin-top: 15px;\">\n                <span class=\"royal-dot\" onclick=\"setRoyalSlide('slider-merit', 1)\"><\/span> \n                <span class=\"royal-dot\" onclick=\"setRoyalSlide('slider-merit', 2)\"><\/span> \n                <span class=\"royal-dot\" onclick=\"setRoyalSlide('slider-merit', 3)\"><\/span> \n                <span class=\"royal-dot\" onclick=\"setRoyalSlide('slider-merit', 4)\"><\/span> \n            <\/div>\n        <\/div>\n    <\/div>\n\n    <button class=\"royal-accordion\">\u0e1e\u0e23\u0e30\u0e23\u0e32\u0e0a\u0e17\u0e32\u0e19\u0e40\u0e1b\u0e47\u0e19\u0e1a\u0e33\u0e40\u0e2b\u0e19\u0e47\u0e08\u0e43\u0e19\u0e2d\u0e07\u0e04\u0e4c\u0e1e\u0e23\u0e30\u0e21\u0e2b\u0e32\u0e01\u0e29\u0e31\u0e15\u0e23\u0e34\u0e22\u0e4c <i class=\"fas fa-chevron-down accordion-icon\"><\/i><\/button>\n    <div class=\"royal-panel\">\n        <div class=\"royal-slider-container\" id=\"slider-king\" data-slide-index=\"1\">\n            <div class=\"royal-slide royal-fade\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/\u0e1e\u0e23\u0e30\u0e21\u0e2b\u0e32\u0e01\u0e29\u0e31\u0e15\u0e23\u0e34\u0e22\u0e4c1.png\" class=\"royal-slider-img\"><\/div>\n            <div class=\"royal-slide royal-fade\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/\u0e1e\u0e23\u0e30\u0e21\u0e2b\u0e32\u0e01\u0e29\u0e31\u0e15\u0e23\u0e34\u0e22\u0e4c2.png\" class=\"royal-slider-img\"><\/div>\n            \n            <a class=\"royal-prev-btn\" onclick=\"moveRoyalSlide('slider-king', -1)\">&#10094;<\/a>\n            <a class=\"royal-next-btn\" onclick=\"moveRoyalSlide('slider-king', 1)\">&#10095;<\/a>\n            <div style=\"text-align:center; margin-top: 15px;\">\n                <span class=\"royal-dot\" onclick=\"setRoyalSlide('slider-king', 1)\"><\/span> \n                <span class=\"royal-dot\" onclick=\"setRoyalSlide('slider-king', 2)\"><\/span> \n            <\/div>\n        <\/div>\n    <\/div>\n\n    <button class=\"royal-accordion\">\u0e1e\u0e23\u0e30\u0e23\u0e32\u0e0a\u0e17\u0e32\u0e19\u0e40\u0e1b\u0e47\u0e19\u0e17\u0e35\u0e48\u0e23\u0e30\u0e25\u0e36\u0e01 <i class=\"fas fa-chevron-down accordion-icon\"><\/i><\/button>\n    <div class=\"royal-panel\">\n        <div class=\"royal-slider-container\" id=\"slider-memorial\" data-slide-index=\"1\">\n            <div class=\"royal-slide royal-fade\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/\u0e17\u0e35\u0e48\u0e23\u0e30\u0e25\u0e36\u0e011.png\" class=\"royal-slider-img\"><\/div>\n            <div class=\"royal-slide royal-fade\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/\u0e17\u0e35\u0e48\u0e23\u0e30\u0e25\u0e36\u0e012.png\" class=\"royal-slider-img\"><\/div>\n            \n            <a class=\"royal-prev-btn\" onclick=\"moveRoyalSlide('slider-memorial', -1)\">&#10094;<\/a>\n            <a class=\"royal-next-btn\" onclick=\"moveRoyalSlide('slider-memorial', 1)\">&#10095;<\/a>\n            <div style=\"text-align:center; margin-top: 15px;\">\n                <span class=\"royal-dot\" onclick=\"setRoyalSlide('slider-memorial', 1)\"><\/span> \n                <span class=\"royal-dot\" onclick=\"setRoyalSlide('slider-memorial', 2)\"><\/span> \n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n    \/* \u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e1b\u0e38\u0e48\u0e21\u0e40\u0e21\u0e19\u0e39\u0e22\u0e37\u0e14\u0e2b\u0e14 (Accordion) *\/\n    .royal-accordion {\n        background-color: #f8f9fa;\n        color: #003366;\n        cursor: pointer;\n        padding: 18px 25px;\n        width: 100%;\n        text-align: left;\n        border: 1px solid #e0e0e0;\n        border-bottom: none;\n        outline: none;\n        transition: 0.3s;\n        font-size: 1.2rem;\n        font-weight: bold;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n    .royal-accordion:last-of-type {\n        border-bottom: 1px solid #e0e0e0; \/* \u0e40\u0e2a\u0e49\u0e19\u0e25\u0e48\u0e32\u0e07\u0e2a\u0e38\u0e14 *\/\n    }\n    .royal-accordion.active, .royal-accordion:hover {\n        background-color: #e2e6ea;\n    }\n    .accordion-icon {\n        transition: transform 0.3s ease;\n        font-size: 1rem;\n        color: #6c757d;\n    }\n    .royal-accordion.active .accordion-icon {\n        transform: rotate(180deg); \/* \u0e2b\u0e21\u0e38\u0e19\u0e25\u0e39\u0e01\u0e28\u0e23\u0e0a\u0e35\u0e49\u0e02\u0e36\u0e49\u0e19\u0e40\u0e27\u0e25\u0e32\u0e01\u0e32\u0e07\u0e2d\u0e2d\u0e01 *\/\n    }\n\n    \/* \u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e17\u0e35\u0e48\u0e0b\u0e48\u0e2d\u0e19\u0e2d\u0e22\u0e39\u0e48 *\/\n    .royal-panel {\n        padding: 0 18px;\n        background-color: white;\n        display: none;\n        overflow: hidden;\n        border: 1px solid #e0e0e0;\n        border-top: none;\n        margin-bottom: 10px;\n    }\n\n    \/* \u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e02\u0e2d\u0e07 Slider (\u0e22\u0e31\u0e07\u0e04\u0e07\u0e02\u0e19\u0e32\u0e14 1000px \u0e40\u0e2b\u0e21\u0e37\u0e2d\u0e19\u0e40\u0e14\u0e34\u0e21) *\/\n    .royal-slider-container {\n        max-width: 1000px;\n        position: relative;\n        margin: 30px auto;\n        text-align: center;\n        padding: 0 70px;\n        box-sizing: border-box;\n    }\n    .royal-slide { display: none; }\n    .royal-slider-img {\n        max-width: 100%; height: auto;\n        border-radius: 12px; border: 4px solid #ffffff;\n        box-shadow: 0 12px 35px rgba(0, 0, 0, 0.15);\n        transition: transform 0.4s ease, box-shadow 0.4s ease;\n    }\n    .royal-slider-img:hover {\n        transform: translateY(-5px) scale(1.01);\n        box-shadow: 0 20px 40px rgba(0, 51, 102, 0.2);\n    }\n    .royal-prev-btn, .royal-next-btn {\n        cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%);\n        padding: 12px 18px; color: #003366; font-weight: bold; font-size: 24px;\n        border-radius: 50%; background-color: rgba(255, 255, 255, 0.85);\n        box-shadow: 0 4px 10px rgba(0,0,0,0.15); user-select: none;\n    }\n    .royal-prev-btn { left: 5px; } .royal-next-btn { right: 5px; }\n    .royal-prev-btn:hover, .royal-next-btn:hover { background-color: #003366; color: white; }\n    .royal-dot {\n        cursor: pointer; height: 12px; width: 12px; margin: 0 4px;\n        background-color: #bbbbbb; border-radius: 50%; display: inline-block;\n        transition: 0.3s;\n    }\n    .royal-active-dot, .royal-dot:hover { background-color: #003366; }\n    .royal-fade { animation: royalFadeAnim 0.8s; }\n    @keyframes royalFadeAnim { from {opacity: .4} to {opacity: 1} }\n\n    @media (max-width: 768px) {\n        .royal-prev-btn, .royal-next-btn { display: none; }\n        .royal-slider-container { padding: 0 15px; }\n    }\n<\/style>\n\n<script>\n    \/\/ ------------------------------------\n    \/\/ \u0e23\u0e30\u0e1a\u0e1a Accordion (\u0e01\u0e32\u0e07\/\u0e2b\u0e14 \u0e41\u0e16\u0e1a\u0e40\u0e21\u0e19\u0e39)\n    \/\/ ------------------------------------\n    var acc = document.getElementsByClassName(\"royal-accordion\");\n    for (var i = 0; i < acc.length; i++) {\n        acc[i].addEventListener(\"click\", function() {\n            this.classList.toggle(\"active\");\n            var panel = this.nextElementSibling;\n            if (panel.style.display === \"block\") {\n                panel.style.display = \"none\";\n                this.style.borderBottom = \"1px solid #e0e0e0\";\n            } else {\n                panel.style.display = \"block\";\n                this.style.borderBottom = \"none\";\n            }\n        });\n    }\n\n    \/\/ ------------------------------------\n    \/\/ \u0e23\u0e30\u0e1a\u0e1a Slider \u0e41\u0e1a\u0e1a\u0e41\u0e22\u0e01\u0e2d\u0e34\u0e2a\u0e23\u0e30\n    \/\/ ------------------------------------\n    \/\/ \u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e41\u0e2a\u0e14\u0e07\u0e23\u0e39\u0e1b\u0e17\u0e35\u0e48 1 \u0e02\u0e2d\u0e07\u0e17\u0e38\u0e01 Slider\n    var sliders = document.querySelectorAll('.royal-slider-container');\n    sliders.forEach(function(slider) {\n        showRoyalSlideInner(slider.id, 1);\n        addSwipeToSlider(slider); \/\/ \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e23\u0e30\u0e1a\u0e1a\u0e1b\u0e31\u0e14\u0e19\u0e34\u0e49\u0e27\u0e43\u0e2b\u0e49\u0e17\u0e38\u0e01\u0e15\u0e31\u0e27\n    });\n\n    function moveRoyalSlide(sliderId, step) {\n        var slider = document.getElementById(sliderId);\n        var currentIndex = parseInt(slider.getAttribute('data-slide-index'));\n        showRoyalSlideInner(sliderId, currentIndex + step);\n    }\n\n    function setRoyalSlide(sliderId, index) {\n        showRoyalSlideInner(sliderId, index);\n    }\n\n    function showRoyalSlideInner(sliderId, n) {\n        var slider = document.getElementById(sliderId);\n        var slides = slider.getElementsByClassName(\"royal-slide\");\n        var dots = slider.getElementsByClassName(\"royal-dot\");\n        \n        if (slides.length === 0) return;\n\n        if (n > slides.length) { n = 1; }    \n        if (n < 1) { n = slides.length; }\n        \n        slider.setAttribute('data-slide-index', n); \/\/ \u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e2b\u0e19\u0e49\u0e32\u0e1b\u0e31\u0e08\u0e08\u0e38\u0e1a\u0e31\u0e19\u0e44\u0e27\u0e49\u0e17\u0e35\u0e48\u0e15\u0e31\u0e27\u0e21\u0e31\u0e19\u0e40\u0e2d\u0e07\n\n        for (var i = 0; i < slides.length; i++) { slides[i].style.display = \"none\"; }\n        for (var i = 0; i < dots.length; i++) { dots[i].className = dots[i].className.replace(\" royal-active-dot\", \"\"); }\n        \n        slides[n-1].style.display = \"block\";  \n        if(dots.length > 0) dots[n-1].className += \" royal-active-dot\";\n    }\n\n    \/\/ \u0e23\u0e30\u0e1a\u0e1a\u0e1b\u0e31\u0e14\u0e19\u0e34\u0e49\u0e27 (Touch Swipe)\n    function addSwipeToSlider(sliderBox) {\n        let touchstartX = 0;\n        let touchendX = 0;\n        sliderBox.addEventListener('touchstart', function(event) {\n            touchstartX = event.changedTouches[0].screenX;\n        }, {passive: true});\n        sliderBox.addEventListener('touchend', function(event) {\n            touchendX = event.changedTouches[0].screenX;\n            if (touchendX < touchstartX - 40) { moveRoyalSlide(sliderBox.id, 1); } \/\/ \u0e1b\u0e31\u0e14\u0e0b\u0e49\u0e32\u0e22\n            if (touchendX > touchstartX + 40) { moveRoyalSlide(sliderBox.id, -1); } \/\/ \u0e1b\u0e31\u0e14\u0e02\u0e27\u0e32\n        }, {passive: true});\n    }\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u0e1e\u0e23\u0e30\u0e23\u0e32\u0e0a\u0e17\u0e32\u0e19\u0e40\u0e1b\u0e47\u0e19\u0e1a\u0e33\u0e40\u0e2b\u0e19\u0e47\u0e08\u0e04\u0e27\u0e32\u0e21\u0e01\u0e25\u0e49\u0e32\u0e2b\u0e32\u0e0d &#10094; &#10095; \u0e1e\u0e23\u0e30\u0e23\u0e32 [&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-97","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.nationstory.co\/index.php?rest_route=\/wp\/v2\/pages\/97","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.nationstory.co\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.nationstory.co\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.nationstory.co\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nationstory.co\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=97"}],"version-history":[{"count":3,"href":"https:\/\/www.nationstory.co\/index.php?rest_route=\/wp\/v2\/pages\/97\/revisions"}],"predecessor-version":[{"id":230,"href":"https:\/\/www.nationstory.co\/index.php?rest_route=\/wp\/v2\/pages\/97\/revisions\/230"}],"wp:attachment":[{"href":"https:\/\/www.nationstory.co\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=97"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}