{"id":2199,"date":"2026-08-05T15:47:39","date_gmt":"2026-08-05T07:17:39","guid":{"rendered":"https:\/\/depedilocosnorte.com\/sdoin\/?page_id=2199"},"modified":"2026-09-17T13:14:02","modified_gmt":"2026-09-17T04:44:02","slug":"news-updates-2","status":"publish","type":"page","link":"https:\/\/depedilocosnorte.com\/sdoin\/index.php\/news-updates-2\/","title":{"rendered":"News &amp; Updates"},"content":{"rendered":"\n\n<!-- =========================================================\n     DEPED ILOCOS NORTE - NEWS & UPDATES\n========================================================= -->\n\n<div class=\"deped-news-page\">\n\n    <!-- =====================================================\n         PAGE HEADER (SOLID BLUE BANNER, MATCHING REFERENCE)\n         ================================================     -->\n\n    <div class=\"news-header\">\n\n        <div class=\"news-section-label\">\n            News &amp; Updates\n        <\/div>\n\n        <h1 class=\"news-title\">\n            Stay Informed. Stay Connected.\n        <\/h1>\n\n        <p class=\"news-description\">\n            Stay updated with the latest news, announcements, activities,\n            and important updates from the Schools Division Office of Ilocos Norte.\n        <\/p>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         FACEBOOK NEWS CARD\n         ================================================     -->\n\n    <div class=\"facebook-news-card\">\n\n        <!-- BLUE + RED TOP LINE -->\n        <div class=\"facebook-card-top\"><\/div>\n\n\n        <!-- FACEBOOK HEADER -->\n        <div class=\"facebook-card-header\">\n\n            <div class=\"facebook-icon\">\n                f\n            <\/div>\n\n            <div class=\"facebook-header-text\">\n\n                <h2>\n                    DepEd Tayo Ilocos Norte\n                <\/h2>\n\n                <p>\n                    Latest news, announcements, and activities\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =================================================\n             FACEBOOK FEED - CENTERED\n         ================================================= -->\n\n        <div class=\"facebook-wrapper\">\n\n            <div class=\"facebook-feed-border\">\n\n                <div class=\"facebook-feed-center\">\n\n                        <div class=\"ronfacebook-container\" style=\"width: 500px; max-width: 100%;\">\n        <div class=\"fb-page\" \n             data-href=\"https:\/\/www.facebook.com\/depedtayoilocosnorte\"\n             data-tabs=\"timeline\"\n             data-width=\"500\"\n             data-height=\"\"\n             data-small-header=\"false\"\n             data-adapt-container-width=\"true\"\n             data-hide-cover=\"false\"\n             data-show-facepile=\"true\">\n        <\/div>\n    <\/div>\n    \n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         FOLLOW FACEBOOK\n         ================================================     -->\n\n    <div class=\"follow-facebook\">\n\n        <div class=\"follow-content\">\n\n            <div class=\"follow-icon\">\n                f\n            <\/div>\n\n            <div class=\"follow-text\">\n\n                <h2>\n                    Follow DepEd Tayo Ilocos Norte\n                <\/h2>\n\n                <p>\n                    Follow our official Facebook page for the latest\n                    announcements, activities, and updates.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n\n        <a\n            href=\"https:\/\/www.facebook.com\/depedtayoilocosnorte\"\n            target=\"_blank\"\n            rel=\"noopener\"\n            class=\"follow-button\"\n        >\n            FOLLOW FACEBOOK PAGE\n        <\/a>\n\n    <\/div>\n\n<\/div>\n\n\n<style>\n\n\/* =========================================================\n   DEPED ILOCOS NORTE - NEWS & UPDATES\n   LAYOUT STYLE\n========================================================= *\/\n\n\n\/* =========================================================\n   MAIN CONTAINER\n========================================================= *\/\n\n.deped-news-page {\n\n    width: 100%;\n    max-width: 1180px;\n\n    margin: 0 auto;\n\n    padding: 55px 20px 65px;\n\n    box-sizing: border-box;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    color: #333333;\n\n    background: #FFFFFF;\n\n}\n\n\n\/* =========================================================\n   PAGE HEADER (SOLID BLUE BANNER)\n========================================================= *\/\n\n.news-header {\n\n    width: 100%;\n    max-width: 1050px;\n\n    margin: 0 auto 38px;\n\n    padding: 35px 32px;\n\n    box-sizing: border-box;\n\n    \/* Solid Dark Blue Background *\/\n    background: #123b8f;\n\n    border-radius: 12px;\n\n    box-shadow: 0 4px 15px rgba(18, 59, 143, 0.2);\n\n    text-align: left;\n\n}\n\n\n\/* =========================================================\n   SMALL NEWS LABEL\n========================================================= *\/\n\n.news-section-label {\n\n    display: inline-block;\n\n    margin-bottom: 14px;\n\n    \/* Translucent White Badge *\/\n    background: rgba(255, 255, 255, 0.15);\n\n    color: #ffffff;\n\n    padding: 6px 14px;\n\n    border-radius: 6px;\n\n    font-size: 11px;\n\n    font-weight: 800;\n\n    letter-spacing: 1px;\n\n    text-transform: uppercase;\n\n}\n\n\n\/* =========================================================\n   MAIN NEWS TITLE\n========================================================= *\/\n\n.news-title {\n\n    margin: 0 0 12px 0 !important;\n\n    \/* White Text *\/\n    color: #ffffff !important;\n\n    font-family: Georgia, \"Times New Roman\", serif !important;\n\n    font-size: clamp(28px, 4.5vw, 38px) !important;\n\n    font-weight: 700 !important;\n\n    line-height: 1.25 !important;\n\n}\n\n\n\/* =========================================================\n   HEADER DESCRIPTION\n========================================================= *\/\n\n.news-description {\n\n    max-width: 900px;\n\n    margin: 0 !important;\n\n    \/* Light Blue\/Off-White Readable Text *\/\n    color: #e8eef8 !important;\n\n    font-size: 15px !important;\n\n    line-height: 1.6 !important;\n\n}\n\n\n\/* =========================================================\n   FACEBOOK CARD\n========================================================= *\/\n\n.facebook-news-card {\n\n    width: 100%;\n\n    max-width: 1050px;\n\n    margin: 0 auto;\n\n    background: #FFFFFF;\n\n    border: 1px solid #D4DCE7;\n\n    border-radius: 16px;\n\n    overflow: hidden;\n\n    box-shadow:\n        0 8px 24px rgba(30, 60, 90, 0.10);\n\n}\n\n\n\/* =========================================================\n   BLUE + RED TOP LINE\n========================================================= *\/\n\n.facebook-card-top {\n\n    width: 100%;\n\n    height: 6px;\n\n    background:\n        linear-gradient(\n            to right,\n            #0645AD 0%,\n            #0645AD 67%,\n            #E31837 67%,\n            #E31837 100%\n        );\n\n}\n\n\n\/* =========================================================\n   FACEBOOK HEADER\n========================================================= *\/\n\n.facebook-card-header {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 15px;\n\n    padding: 21px 25px;\n\n    background:\n        linear-gradient(\n            to bottom,\n            #FFFFFF,\n            #F8FAFD\n        );\n\n    border-bottom: 1px solid #DCE2EA;\n\n}\n\n\n\/* =========================================================\n   FACEBOOK ICON\n========================================================= *\/\n\n.facebook-icon {\n\n    width: 48px;\n\n    height: 48px;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    background: #EDF3FF;\n\n    color: #0645AD !important;\n\n    border: 1px solid #D8E4FA;\n\n    border-radius: 12px;\n\n    font-family: Arial, Helvetica, sans-serif;\n\n    font-size: 29px;\n\n    font-weight: 700;\n\n    line-height: 1;\n\n    flex-shrink: 0;\n\n}\n\n\n\/* =========================================================\n   FACEBOOK HEADER TEXT\n========================================================= *\/\n\n.facebook-header-text {\n\n    min-width: 0;\n\n}\n\n\n.facebook-card-header h2 {\n\n    margin: 0 0 4px;\n\n    color: #0645AD !important;\n\n    font-size: 20px;\n\n    font-weight: 800;\n\n    line-height: 1.25;\n\n}\n\n\n.facebook-card-header p {\n\n    margin: 0;\n\n    color: #666666 !important;\n\n    font-size: 12px;\n\n    line-height: 1.4;\n\n}\n\n\n\/* =========================================================\n   FACEBOOK FEED OUTER AREA\n========================================================= *\/\n\n.facebook-wrapper {\n\n    width: 100%;\n\n    padding: 24px;\n\n    box-sizing: border-box;\n\n    background: #F7F9FC;\n\n    overflow: hidden;\n\n}\n\n\n\/* =========================================================\n   FACEBOOK FEED BORDER \/ FRAME\n========================================================= *\/\n\n.facebook-feed-border {\n\n    width: 100%;\n\n    max-width: 930px;\n\n    margin: 0 auto;\n\n    padding: 14px;\n\n    box-sizing: border-box;\n\n    background: #FFFFFF;\n\n    border: 1px solid #D5DDE8;\n\n    border-radius: 12px;\n\n    box-shadow:\n        0 3px 10px rgba(30, 60, 90, 0.06);\n\n}\n\n\n\/* =========================================================\n   FACEBOOK FEED CENTER\n========================================================= *\/\n\n.facebook-feed-center {\n\n    width: 100%;\n\n    display: flex;\n\n    justify-content: center;\n\n    align-items: flex-start;\n\n    text-align: center;\n\n    margin: 0 auto;\n\n}\n\n\n\/* =========================================================\n   RON FACEBOOK EMBED\n========================================================= *\/\n\n.facebook-feed-center > * {\n\n    margin-left: auto !important;\n\n    margin-right: auto !important;\n\n    max-width: 100% !important;\n\n}\n\n\n\/* =========================================================\n   FACEBOOK IFRAME\n========================================================= *\/\n\n.facebook-feed-center iframe {\n\n    display: block !important;\n\n    margin-left: auto !important;\n\n    margin-right: auto !important;\n\n    max-width: 100% !important;\n\n}\n\n\n\/* =========================================================\n   FACEBOOK PLUGIN\n========================================================= *\/\n\n.facebook-feed-center .fb-page {\n\n    margin-left: auto !important;\n\n    margin-right: auto !important;\n\n    max-width: 100% !important;\n\n}\n\n\n\/* =========================================================\n   RON GENERATED DIVS\n========================================================= *\/\n\n.facebook-feed-center > div {\n\n    margin-left: auto !important;\n\n    margin-right: auto !important;\n\n}\n\n\n\/* =========================================================\n   NESTED RON CONTAINERS\n========================================================= *\/\n\n.facebook-feed-center > div > div {\n\n    margin-left: auto !important;\n\n    margin-right: auto !important;\n\n}\n\n\n\/* =========================================================\n   FOLLOW FACEBOOK\n========================================================= *\/\n\n.follow-facebook {\n\n    width: 100%;\n\n    max-width: 1050px;\n\n    margin: 30px auto 0;\n\n    padding: 24px 30px;\n\n    box-sizing: border-box;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: space-between;\n\n    gap: 25px;\n\n    background:\n        linear-gradient(\n            135deg,\n            #0645AD 0%,\n            #063C96 100%\n        );\n\n    border: 1px solid #053887;\n\n    border-radius: 15px;\n\n    box-shadow:\n        0 7px 20px rgba(30, 60, 90, 0.10);\n\n}\n\n\n\/* =========================================================\n   FOLLOW CONTENT\n========================================================= *\/\n\n.follow-content {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 15px;\n\n    min-width: 0;\n\n}\n\n\n\/* =========================================================\n   FOLLOW ICON\n========================================================= *\/\n\n.follow-icon {\n\n    width: 48px;\n\n    height: 48px;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    background: #FFFFFF;\n\n    color: #0645AD !important;\n\n    border-radius: 12px;\n\n    font-family: Arial, Helvetica, sans-serif;\n\n    font-size: 29px;\n\n    font-weight: 700;\n\n    line-height: 1;\n\n    flex-shrink: 0;\n\n}\n\n\n\/* =========================================================\n   FOLLOW TEXT\n========================================================= *\/\n\n.follow-text {\n\n    min-width: 0;\n\n}\n\n\n\/* =========================================================\n   FOLLOW TITLE\n========================================================= *\/\n\n.follow-facebook h2,\n.follow-facebook h2 a {\n\n    margin: 0 0 5px;\n\n    color: #FFFFFF !important;\n\n    font-size: 19px;\n\n    font-weight: 800;\n\n    line-height: 1.3;\n\n}\n\n\n\/* =========================================================\n   FOLLOW DESCRIPTION\n========================================================= *\/\n\n.follow-facebook p,\n.follow-facebook p a {\n\n    margin: 0;\n\n    color: #FFFFFF !important;\n\n    font-size: 12px;\n\n    line-height: 1.5;\n\n}\n\n\n\/* =========================================================\n   FOLLOW BUTTON\n========================================================= *\/\n\n.follow-button {\n\n    display: inline-flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    padding: 13px 21px;\n\n    background: #E31837;\n\n    color: #FFFFFF !important;\n\n    border: 1px solid #F03A52;\n\n    border-radius: 8px;\n\n    text-decoration: none !important;\n\n    font-size: 11px;\n\n    font-weight: 800;\n\n    letter-spacing: 0.2px;\n\n    white-space: nowrap;\n\n    transition:\n        background 0.2s ease,\n        transform 0.2s ease,\n        box-shadow 0.2s ease;\n\n}\n\n\n.follow-button:hover {\n\n    background: #C91430;\n\n    color: #FFFFFF !important;\n\n    transform: translateY(-1px);\n\n    box-shadow:\n        0 5px 12px rgba(0, 0, 0, 0.15);\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 900px) {\n\n    .deped-news-page {\n\n        padding:\n            45px 18px 55px;\n\n    }\n\n\n    .facebook-news-card {\n\n        max-width: 100%;\n\n    }\n\n\n    .follow-facebook {\n\n        max-width: 100%;\n\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 600px) {\n\n    .deped-news-page {\n\n        padding:\n            32px 15px 45px;\n\n    }\n\n\n    \/* HEADER *\/\n\n    .news-header {\n\n        margin-bottom: 22px;\n\n        padding: 24px 18px;\n\n    }\n\n\n    .news-section-label {\n\n        font-size: 11px;\n\n    }\n\n\n    .news-title {\n\n        font-size: 24px !important;\n\n        line-height: 1.2 !important;\n\n    }\n\n\n    .news-description {\n\n        font-size: 14px !important;\n\n        line-height: 1.55 !important;\n\n    }\n\n\n    \/* FACEBOOK CARD *\/\n\n    .facebook-news-card {\n\n        border-radius: 13px;\n\n    }\n\n\n    .facebook-card-header {\n\n        padding:\n            16px 17px;\n\n        gap: 12px;\n\n    }\n\n\n    .facebook-icon {\n\n        width: 42px;\n\n        height: 42px;\n\n        font-size: 25px;\n\n        border-radius: 10px;\n\n    }\n\n\n    .facebook-card-header h2 {\n\n        font-size: 17px;\n\n    }\n\n\n    .facebook-card-header p {\n\n        font-size: 11px;\n\n    }\n\n\n    \/* FEED *\/\n\n    .facebook-wrapper {\n\n        padding: 12px;\n\n    }\n\n\n    .facebook-feed-border {\n\n        padding: 8px;\n\n        border-radius: 10px;\n\n    }\n\n\n    \/* FOLLOW *\/\n\n    .follow-facebook {\n\n        flex-direction: column;\n\n        align-items: flex-start;\n\n        gap: 18px;\n\n        margin-top: 22px;\n\n        padding: 21px;\n\n        border-radius: 13px;\n\n    }\n\n\n    .follow-content {\n\n        width: 100%;\n\n    }\n\n\n    .follow-icon {\n\n        width: 43px;\n\n        height: 43px;\n\n        font-size: 25px;\n\n    }\n\n\n    .follow-facebook h2 {\n\n        font-size: 17px;\n\n    }\n\n\n    .follow-facebook p {\n\n        font-size: 11px;\n\n    }\n\n\n    .follow-button {\n\n        width: 100%;\n\n        text-align: center;\n\n        box-sizing: border-box;\n\n        padding: 12px 18px;\n\n    }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width: 400px) {\n\n    .deped-news-page {\n\n        padding:\n            28px 12px 40px;\n\n    }\n\n\n    .news-title {\n\n        font-size: 22px !important;\n\n    }\n\n\n    .news-description {\n\n        font-size: 13px !important;\n\n    }\n\n\n    .facebook-card-header {\n\n        padding:\n            15px;\n\n    }\n\n\n    .facebook-icon {\n\n        width: 39px;\n\n        height: 39px;\n\n        font-size: 23px;\n\n    }\n\n\n    .facebook-card-header h2 {\n\n        font-size: 16px;\n\n    }\n\n\n    .facebook-wrapper {\n\n        padding: 8px;\n\n    }\n\n\n    .facebook-feed-border {\n\n        padding: 6px;\n\n    }\n\n\n    .follow-facebook {\n\n        padding: 18px;\n\n    }\n\n}\n\n<\/style>\n\n","protected":false},"excerpt":{"rendered":"<p>News &amp; Updates Stay Informed. Stay Connected. Stay updated with the latest news, announcements, activities, and important updates from the &hellip; <\/p>\n","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2199","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/depedilocosnorte.com\/sdoin\/index.php\/wp-json\/wp\/v2\/pages\/2199","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/depedilocosnorte.com\/sdoin\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/depedilocosnorte.com\/sdoin\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/depedilocosnorte.com\/sdoin\/index.php\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/depedilocosnorte.com\/sdoin\/index.php\/wp-json\/wp\/v2\/comments?post=2199"}],"version-history":[{"count":70,"href":"https:\/\/depedilocosnorte.com\/sdoin\/index.php\/wp-json\/wp\/v2\/pages\/2199\/revisions"}],"predecessor-version":[{"id":4057,"href":"https:\/\/depedilocosnorte.com\/sdoin\/index.php\/wp-json\/wp\/v2\/pages\/2199\/revisions\/4057"}],"wp:attachment":[{"href":"https:\/\/depedilocosnorte.com\/sdoin\/index.php\/wp-json\/wp\/v2\/media?parent=2199"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}