{"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-08-26T16:27:36","modified_gmt":"2026-08-26T07:57:36","slug":"news-updates-2","status":"publish","type":"page","link":"https:\/\/depedilocosnorte.com\/sdoin\/index.php\/news-updates-2\/","title":{"rendered":"News &#038; Updates"},"content":{"rendered":"\n\n<!-- =========================================================\n     DEPED ILOCOS NORTE - NEWS & UPDATES\n========================================================= -->\n\n<div class=\"deped-news-page\">\n\n    <!-- =====================================================\n         PAGE HEADER\n    ====================================================== -->\n\n    <div class=\"news-header\">\n\n        <div class=\"news-section-label\">\n            NEWS &#038; UPDATES\n        <\/div>\n\n        <div class=\"news-red-line\"><\/div>\n\n        <h1>\n            Stay Informed. Stay Connected.\n        <\/h1>\n\n        <p>\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\n========================================================= *\/\n\n.news-header {\n\n    width: 100%;\n\n    text-align: center;\n\n    margin-bottom: 38px;\n\n}\n\n\n\/* =========================================================\n   SMALL NEWS LABEL\n========================================================= *\/\n\n.news-section-label {\n\n    color: #E31837;\n\n    font-size: 14px;\n\n    font-weight: 800;\n\n    letter-spacing: 0.8px;\n\n    text-transform: uppercase;\n\n    margin-bottom: 9px;\n\n}\n\n\n\/* =========================================================\n   RED CENTER LINE\n========================================================= *\/\n\n.news-red-line {\n\n    width: 62px;\n\n    height: 4px;\n\n    background: #E31837;\n\n    margin: 0 auto 16px;\n\n    border-radius: 10px;\n\n}\n\n\n\/* =========================================================\n   MAIN NEWS TITLE\n========================================================= *\/\n\n.news-header h1 {\n\n    margin: 0;\n\n    color: #0645AD;\n\n    font-size: 39px;\n\n    font-weight: 800;\n\n    line-height: 1.18;\n\n    letter-spacing: -0.6px;\n\n}\n\n\n\/* =========================================================\n   HEADER DESCRIPTION\n========================================================= *\/\n\n.news-header p {\n\n    max-width: 760px;\n\n    margin: 15px auto 0;\n\n    color: #555555;\n\n    font-size: 15px;\n\n    line-height: 1.65;\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    .news-header h1 {\n\n        font-size: 34px;\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: 27px;\n\n    }\n\n\n    .news-section-label {\n\n        font-size: 12px;\n\n    }\n\n\n    .news-red-line {\n\n        width: 52px;\n\n        height: 3px;\n\n        margin-bottom: 13px;\n\n    }\n\n\n    .news-header h1 {\n\n        font-size: 28px;\n\n        line-height: 1.2;\n\n    }\n\n\n    .news-header p {\n\n        margin-top: 12px;\n\n        font-size: 14px;\n\n        line-height: 1.55;\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-header h1 {\n\n        font-size: 26px;\n\n    }\n\n\n    .news-header p {\n\n        font-size: 13px;\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 &#038; 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":55,"href":"https:\/\/depedilocosnorte.com\/sdoin\/index.php\/wp-json\/wp\/v2\/pages\/2199\/revisions"}],"predecessor-version":[{"id":3844,"href":"https:\/\/depedilocosnorte.com\/sdoin\/index.php\/wp-json\/wp\/v2\/pages\/2199\/revisions\/3844"}],"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}]}}