{"id":7145,"date":"2025-06-03T14:37:54","date_gmt":"2025-06-03T14:37:54","guid":{"rendered":"https:\/\/buwebsite.azurewebsites.net\/projectnami\/?page_id=7145"},"modified":"2025-10-09T09:53:11","modified_gmt":"2025-10-09T09:53:11","slug":"noticesingle","status":"publish","type":"page","link":"https:\/\/buwebsite.azurewebsites.net\/projectnami\/noticesingle\/","title":{"rendered":"Notice Details"},"content":{"rendered":"\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"margin-top:var(--wp--preset--spacing--x-small);margin-bottom:var(--wp--preset--spacing--x-small);padding-bottom:var(--wp--preset--spacing--small)\"><p><\/p>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:0;padding-bottom:0\">    <div>\n            <style>\n                .notice-detail-container {\n                    display: flex;\n                    flex-wrap: wrap;\n                    gap: 20px;\n                    justify-content: space-between;\n                    font-family: sans-serif;\n                }\n\n                .notice-detail-item {\n                    flex: 1 1 calc(33.333% - 20px);\n                    background-color: #f8f8f8ff;\n                    border: 1px solid #b2040e;\n                    border-radius: 8px;\n                    padding: 15px;\n                    box-sizing: border-box;\n                    min-width: 250px;\n                    max-width: 100%;\n                }\n\n                .notice-detail-date {\n                    font-size: 14px;\n                    font-weight: bold;\n                    color: #000000ff;\n                    margin-bottom: 8px;\n                }\n\n                .notice-detail-title a {\n                    font-size: 16px;\n                    color: #090909ff;\n                    font-weight: 600;\n                    text-decoration: none;\n                }\n\n                .notice-detail-title a:hover {\n                    text-decoration: underline;\n                }\n\n                .notice-detail-pagination {\n                    width: 100%;\n                    margin-top: 30px;\n                    text-align: center;\n                }\n\n                .notice-detail-pagination a {\n                    display: inline-block;\n                    margin: 0 4px;\n                    padding: 6px 10px;\n                    border: 1px solid #ccc;\n                    border-radius: 4px;\n                    color: #b2040e;\n                    text-decoration: none;\n                }\n\n                .notice-detail-pagination a.current {\n                    background-color: #0d6efd;\n                    color: #fff;\n                    font-weight: bold;\n                    border-color: #0d6efd;\n                }\n\n                .notice-detail-pagination a.disabled {\n                    pointer-events: none;\n                    opacity: 0.5;\n                }\n\n                @media (max-width: 768px) {\n                    .notice-detail-item {\n                        flex: 1 1 calc(50% - 20px);\n                    }\n                }\n\n                @media (max-width: 480px) {\n                    .notice-detail-item {\n                        flex: 1 1 100%;\n                    }\n                }\n\n                .more-button {\n                    display: inline-block;\n                    margin: 0px auto; \n                    background-color: #b2040e;\n                    color: white;\n                    padding: 14px 28px; \n                    border-radius: 8px;\n                    text-decoration: none;\n                    font-size: 18px; \n                    text-align: center;\n                    display: block;\n                    width: fit-content;\n                }\n\n                .more-button:hover {\n                    background-color: #b2040e;\n                }\n\n                .department-name{\n                    color: black;\n                    padding: 14px 28px; \n                    border-radius: 8px;\n                    text-decoration: none;\n                    font-size: 18px; \n                    text-align: left;\n                    display: block;\n                    width: fit-content;\n                }\n            <\/style>\n\n                        <div class=\"notice-detail-container\">                \n                                    <div class=\"notice-detail-item\">\n                                                <div class=\"notice-detail-date\"> \n                            <p>\n                                <span style=\"color:#b2040e; font-weight:600;\">\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\"\n                                        fill=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"\n                                        style=\"vertical-align:-3px; margin-right:6px;\">\n                                    <path d=\"M19 4h-1V2h-2v2H8V2H6v2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11z\"\/>\n                                    <\/svg>                                    \n                                <\/span>\n                                April 8, 2026                                <\/p>                                \n                        <\/div>\n                        <div class=\"notice-detail-title\">\n                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\"\n                                fill=\"none\" stroke=\"#b2040e\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" viewBox=\"0 0 24 24\">\n                                <path d=\"M6 2h8l4 4v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2z\"\/>\n                                <path d=\"M14 2v4h4M8 10h8M8 14h8M8 18h5\"\/>\n                            <\/svg>\n                            <a href=\"https:\/\/buwebsite.azurewebsites.net\/projectnami\/noticesingle\/?id=57\">\n                                Emergency Notice                            <\/a>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"notice-detail-item\">\n                                                <div class=\"notice-detail-date\"> \n                            <p>\n                                <span style=\"color:#b2040e; font-weight:600;\">\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\"\n                                        fill=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"\n                                        style=\"vertical-align:-3px; margin-right:6px;\">\n                                    <path d=\"M19 4h-1V2h-2v2H8V2H6v2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11z\"\/>\n                                    <\/svg>                                    \n                                <\/span>\n                                March 8, 2026                                <\/p>                                \n                        <\/div>\n                        <div class=\"notice-detail-title\">\n                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\"\n                                fill=\"none\" stroke=\"#b2040e\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" viewBox=\"0 0 24 24\">\n                                <path d=\"M6 2h8l4 4v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2z\"\/>\n                                <path d=\"M14 2v4h4M8 10h8M8 14h8M8 18h5\"\/>\n                            <\/svg>\n                            <a href=\"https:\/\/buwebsite.azurewebsites.net\/projectnami\/noticesingle\/?id=59\">\n                                Bus Schedule                            <\/a>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"notice-detail-item\">\n                                                <div class=\"notice-detail-date\"> \n                            <p>\n                                <span style=\"color:#b2040e; font-weight:600;\">\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\"\n                                        fill=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"\n                                        style=\"vertical-align:-3px; margin-right:6px;\">\n                                    <path d=\"M19 4h-1V2h-2v2H8V2H6v2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11z\"\/>\n                                    <\/svg>                                    \n                                <\/span>\n                                January 15, 2026                                <\/p>                                \n                        <\/div>\n                        <div class=\"notice-detail-title\">\n                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\"\n                                fill=\"none\" stroke=\"#b2040e\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" viewBox=\"0 0 24 24\">\n                                <path d=\"M6 2h8l4 4v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2z\"\/>\n                                <path d=\"M14 2v4h4M8 10h8M8 14h8M8 18h5\"\/>\n                            <\/svg>\n                            <a href=\"https:\/\/buwebsite.azurewebsites.net\/projectnami\/noticesingle\/?id=60\">\n                                Leave announcement for Convocation                            <\/a>\n                        <\/div>\n                    <\/div>\n                            <\/div>                      \n\n            \n\n    <\/div>\n    \n\n\n<p>    <style>\r\n      #backbtn-1.backbtn-wrap{display:inline-block}\r\n      #backbtn-1 .backbtn{\r\n        width:56px;height:56px;\r\n        border-radius:9999px;border:none;cursor:pointer;\r\n        background:#b2040e;color:#ffffff;\r\n        display:flex;align-items:center;justify-content:center;\r\n        box-shadow:0 8px 20px rgba(0,0,0,.18);transition:transform .15s ease, opacity .2s ease;\r\n      }\r\n      #backbtn-1 .backbtn:hover{transform:translateY(-1px);opacity:.95}\r\n      #backbtn-1 .backbtn:active{transform:translateY(0);opacity:.9}\r\n      #backbtn-1 .backbtn svg{width:50%;height:50%}\r\n            #backbtn-1.is-fixed{position:fixed;z-index:9999;left:20px; bottom:20px;}\r\n      @media (max-width:480px){\r\n        #backbtn-1.is-fixed{left:16px; bottom:16px;}\r\n      }\r\n            \/* Mobile size overrides *\/\r\n      @media (max-width:480px){\r\n        #backbtn-1 .backbtn{\r\n          width:44px;height:44px;\r\n        }\r\n        #backbtn-1 .backbtn svg{width:44%;height:44%}\r\n      }\r\n    <\/style>\r\n\r\n    <span id=\"backbtn-1\" class=\"backbtn-wrap is-fixed\">\r\n      <button type=\"button\" class=\"backbtn\" aria-label=\"Back\" title=\"Back\">\r\n        <!-- Left arrow icon (SVG) -->\r\n        <svg viewBox=\"0 0 24 24\" role=\"img\" aria-hidden=\"true\" focusable=\"false\">\r\n          <path fill=\"currentColor\" d=\"M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z\"\/>\r\n        <\/svg>\r\n      <\/button>\r\n    <\/span>\r\n\r\n    <script>\r\n      (function(){\r\n        var wrap = document.getElementById('backbtn-1');\r\n        if (!wrap) return;\r\n        var btn = wrap.querySelector('button');\r\n        if (!btn) return;\r\n\r\n        btn.addEventListener('click', function(e){\r\n          e.preventDefault();\r\n          var hasHistory = (typeof window !== 'undefined') && window.history && window.history.length > 1;\r\n          var ref = (typeof document !== 'undefined') ? document.referrer : '';\r\n          if (hasHistory || ref) { window.history.back(); return; }\r\n          var fallback = \"\\\/\" || '\/';\r\n          window.location.href = fallback;\r\n        }, {passive:true});\r\n      })();\r\n    <\/script>\r\n        \r\n    <style>\r\n        .back-to-top {\r\n            position: fixed;\r\n            bottom: 30px;\r\n            right: 30px;\r\n            width: 50px;\r\n            height: 50px;\r\n            background-color: #b2040e;\r\n            color: white;\r\n            border: none;\r\n            border-radius: 50%;\r\n            cursor: pointer;\r\n            display: none;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 20px;\r\n            box-shadow: 0 2px 10px rgba(0,0,0,0.2);\r\n            z-index: 99;\r\n            transition: all 0.3s ease;\r\n        }\r\n        \r\n        .back-to-top:hover {\r\n            background-color: #000000ff;\r\n            transform: translateY(-3px);\r\n        }\r\n        \r\n        .back-to-top.show {\r\n            display: flex;\r\n        }\r\n        \r\n        @media (max-width: 768px) {\r\n            .back-to-top {\r\n                width: 40px;\r\n                height: 40px;\r\n                font-size: 18px;\r\n                bottom: 20px;\r\n                right: 20px;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <button class=\"back-to-top\" aria-label=\"Back to top\">\u2191<\/button>\r\n\r\n    <script>\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        const backToTopButton = document.querySelector('.back-to-top');\r\n        \r\n        window.addEventListener('scroll', function() {\r\n            if (window.pageYOffset > 300) {\r\n                backToTopButton.classList.add('show');\r\n            } else {\r\n                backToTopButton.classList.remove('show');\r\n            }\r\n        });\r\n        \r\n        backToTopButton.addEventListener('click', function(e) {\r\n            e.preventDefault();\r\n            window.scrollTo({\r\n                top: 0,\r\n                behavior: 'smooth'\r\n            });\r\n        });\r\n    });\r\n    <\/script>\r\n    \r\n    <\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7145","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/buwebsite.azurewebsites.net\/projectnami\/wp-json\/wp\/v2\/pages\/7145","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/buwebsite.azurewebsites.net\/projectnami\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/buwebsite.azurewebsites.net\/projectnami\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/buwebsite.azurewebsites.net\/projectnami\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/buwebsite.azurewebsites.net\/projectnami\/wp-json\/wp\/v2\/comments?post=7145"}],"version-history":[{"count":21,"href":"https:\/\/buwebsite.azurewebsites.net\/projectnami\/wp-json\/wp\/v2\/pages\/7145\/revisions"}],"predecessor-version":[{"id":17449,"href":"https:\/\/buwebsite.azurewebsites.net\/projectnami\/wp-json\/wp\/v2\/pages\/7145\/revisions\/17449"}],"wp:attachment":[{"href":"https:\/\/buwebsite.azurewebsites.net\/projectnami\/wp-json\/wp\/v2\/media?parent=7145"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}