{"id":2340,"date":"2026-08-05T17:09:25","date_gmt":"2026-08-05T08:39:25","guid":{"rendered":"https:\/\/depedilocosnorte.com\/sdoin\/?page_id=2340"},"modified":"2026-08-18T15:21:39","modified_gmt":"2026-08-18T06:51:39","slug":"sdoin-reading-program","status":"publish","type":"page","link":"https:\/\/depedilocosnorte.com\/sdoin\/index.php\/projects-programs\/sdoin-reading-program\/","title":{"rendered":"SDOIN Reading Program"},"content":{"rendered":"<p><!-- =========================================================\n     SDOIN PROJECTS & PROGRAMS\n     READING INITIATIVE\n     TWO IMAGE DOWNLOAD LAYOUT\n     ========================================================= --><\/p>\n\n\n<div class=\"sdoin-program-section\">\n    <!-- =====================================================\n         INTRODUCTION\n         ===================================================== -->\n    <div class=\"sdoin-program-intro\">\n        <div class=\"sdoin-program-label\">\n            Projects &amp; Programs\n        <\/div>\n        <h1 class=\"sdoin-program-title\">\n            Programs that reach every Learner\n        <\/h1>\n        <p class=\"sdoin-program-description\">\n            Flagship division initiatives implemented with schools,\n            families, and local partners \u2014 with published objectives,\n            coverage, and results.\n        <\/p>\n    <\/div>\n    <!-- =====================================================\n         TWO IMAGE LAYOUT\n         ===================================================== -->\n    <div class=\"sdoin-image-grid\">\n        <!-- =================================================\n             IMAGE 1\n             ================================================= -->\n        <div class=\"sdoin-image-card\">\n            <div class=\"sdoin-image-card-label\">\n                FEATURED INITIATIVE\n            <\/div>\n            <h2 class=\"sdoin-image-card-title\">\n                SDOIN School-Based Integrative &amp; Inclusive\n                Reading Initiative\n            <\/h2>\n            <!-- DOWNLOADABLE IMAGE -->\n            <a href=\"https:\/\/depedilocosnorte.com\/sdoin\/wp-content\/uploads\/2026\/08\/reading-initiative-tarp-2.jpg\" download=\"SDOIN-Reading-Initiative.jpg\" class=\"sdoin-download-image\" aria-label=\"Download SDOIN Reading Initiative image\">\n                <div class=\"sdoin-image-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/depedilocosnorte.com\/sdoin\/wp-content\/uploads\/2026\/08\/reading-initiative-tarp-2.jpg\" alt=\"SDOIN School-Based Integrative and Inclusive Reading Initiative\" class=\"sdoin-program-image\">\n                    <div class=\"sdoin-image-overlay\">\n                        <span class=\"sdoin-overlay-icon\">\n                            \u2193\n                        <\/span>\n                        <span>\n                            Click to Download\n                        <\/span>\n                    <\/div>\n                <\/div>\n            <\/a>\n            <p class=\"sdoin-image-note\">\n                Click the image to download the official\n                Reading Initiative material.\n            <\/p>\n            <!-- DOWNLOAD BUTTON -->\n            <a href=\"https:\/\/depedilocosnorte.com\/sdoin\/wp-content\/uploads\/2026\/08\/reading-initiative-tarp-2.jpg\" download=\"SDOIN-Reading-Initiative.jpg\" class=\"sdoin-image-download-button\">\n                <span class=\"sdoin-button-icon\">\n                    \u2193\n                <\/span>\n                Download Image\n            <\/a>\n        <\/div>\n        <!-- =================================================\n             IMAGE 2\n             ================================================= -->\n        <div class=\"sdoin-image-card\">\n            <div class=\"sdoin-image-card-label\">\n                PROGRAM MATERIAL\n            <\/div>\n            <h2 class=\"sdoin-image-card-title\">\n                SDOIN Reading Initiative\n            <\/h2>\n            <!-- DOWNLOADABLE IMAGE -->\n            <a href=\"https:\/\/depedilocosnorte.com\/sdoin\/wp-content\/uploads\/2026\/08\/775232910_4777671349186071_7112628471982185467_n-723x1024.jpg\" download=\"SDOIN-Reading-Initiative-Program-Material.jpg\" class=\"sdoin-download-image\" aria-label=\"Download SDOIN Reading Initiative program material\">\n                <div class=\"sdoin-image-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/depedilocosnorte.com\/sdoin\/wp-content\/uploads\/2026\/08\/775232910_4777671349186071_7112628471982185467_n-723x1024.jpg\" alt=\"SDOIN Reading Initiative Program Material\" class=\"sdoin-program-image\">\n                    <div class=\"sdoin-image-overlay\">\n                        <span class=\"sdoin-overlay-icon\">\n                            \u2193\n                        <\/span>\n                        <span>\n                            Click to Download\n                        <\/span>\n                    <\/div>\n                <\/div>\n            <\/a>\n            <p class=\"sdoin-image-note\">\n                Click the image to download the official\n                program material.\n            <\/p>\n            <!-- DOWNLOAD BUTTON -->\n            <a href=\"https:\/\/depedilocosnorte.com\/sdoin\/wp-content\/uploads\/2026\/08\/775232910_4777671349186071_7112628471982185467_n-723x1024.jpg\" download=\"SDOIN-Reading-Initiative-Program-Material.jpg\" class=\"sdoin-image-download-button\">\n                <span class=\"sdoin-button-icon\">\n                    \u2193\n                <\/span>\n                Download Image\n            <\/a>\n        <\/div>\n    <\/div>\n<\/div>\n<style>\n\/* =========================================================\n   MAIN SECTION\n   ========================================================= *\/\n.sdoin-program-section {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 20px 60px;\n    box-sizing: border-box;\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n}\n\/* =========================================================\n   INTRODUCTION\n   ========================================================= *\/\n.sdoin-program-intro {\n    width: 100%;\n    padding:\n        35px\n        10px\n        35px;\n    box-sizing: border-box;\n}\n\/* =========================================================\n   LABEL\n   ========================================================= *\/\n.sdoin-program-label {\n    display: inline-block;\n    margin-bottom: 10px;\n    color: #f2b705;\n    font-size: 16px;\n    font-weight: 800;\n    letter-spacing: 0.8px;\n    text-transform: uppercase;\n}\n\/* =========================================================\n   MAIN TITLE\n   ========================================================= *\/\n.sdoin-program-title {\n    margin:\n        0\n        0\n        15px\n        0;\n    color: #082b68 !important;\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif !important;\n    font-size:\n        clamp(32px, 5vw, 52px) !important;\n    font-weight:\n        800 !important;\n    line-height:\n        1.08 !important;\n}\n\/* =========================================================\n   DESCRIPTION\n   ========================================================= *\/\n.sdoin-program-description {\n    max-width: 850px;\n    margin:\n        0;\n    color: #555 !important;\n    font-size:\n        17px !important;\n    line-height:\n        1.65 !important;\n}\n\/* =========================================================\n   TWO IMAGE GRID\n   ========================================================= *\/\n.sdoin-image-grid {\n    display: grid;\n    grid-template-columns:\n        repeat(2, minmax(0, 1fr));\n    gap: 30px;\n    width: 100%;\n}\n\/* =========================================================\n   IMAGE CARD\n   ========================================================= *\/\n.sdoin-image-card {\n    background:\n        #ffffff;\n    border:\n        1px solid #e1e6ec;\n    border-radius:\n        18px;\n    padding:\n        28px;\n    text-align:\n        center;\n    box-sizing:\n        border-box;\n    box-shadow:\n        0 10px 35px\n        rgba(0, 0, 0, 0.08);\n    transition:\n        transform 0.25s ease,\n        box-shadow 0.25s ease;\n}\n\/* =========================================================\n   CARD HOVER\n   ========================================================= *\/\n.sdoin-image-card:hover {\n    transform:\n        translateY(-4px);\n    box-shadow:\n        0 16px 40px\n        rgba(0, 0, 0, 0.13);\n}\n\/* =========================================================\n   CARD LABEL\n   ========================================================= *\/\n.sdoin-image-card-label {\n    display:\n        inline-block;\n    margin-bottom:\n        10px;\n    padding:\n        7px\n        14px;\n    background:\n        #fff6d9;\n    color:\n        #9b7400;\n    border-radius:\n        50px;\n    font-size:\n        11px;\n    font-weight:\n        800;\n    letter-spacing:\n        1px;\n}\n\/* =========================================================\n   CARD TITLE\n   ========================================================= *\/\n.sdoin-image-card-title {\n    margin:\n        0\n        0\n        22px\n        0 !important;\n    color:\n        #082b68 !important;\n    font-size:\n        23px !important;\n    font-weight:\n        800 !important;\n    line-height:\n        1.3 !important;\n}\n\/* =========================================================\n   DOWNLOADABLE IMAGE LINK\n   ========================================================= *\/\n.sdoin-download-image {\n    display:\n        block;\n    width:\n        100%;\n    text-decoration:\n        none !important;\n}\n\/* =========================================================\n   IMAGE WRAPPER\n   ========================================================= *\/\n.sdoin-image-wrapper {\n    position:\n        relative;\n    width:\n        100%;\n    max-width:\n        500px;\n    margin:\n        0 auto;\n    background:\n        #f5f7fa;\n    border-radius:\n        12px;\n    overflow:\n        hidden;\n    box-shadow:\n        0 6px 20px\n        rgba(0, 0, 0, 0.12);\n}\n\/* =========================================================\n   IMAGE\n   ========================================================= *\/\n.sdoin-program-image {\n    display:\n        block !important;\n    width:\n        100% !important;\n    max-width:\n        500px !important;\n    height:\n        auto !important;\n    margin:\n        0 auto !important;\n    border:\n        none !important;\n    border-radius:\n        0 !important;\n    transition:\n        transform 0.3s ease,\n        filter 0.3s ease;\n}\n\/* =========================================================\n   IMAGE HOVER\n   ========================================================= *\/\n.sdoin-download-image:hover\n.sdoin-program-image {\n    transform:\n        scale(1.02);\n    filter:\n        brightness(0.82);\n}\n\/* =========================================================\n   DOWNLOAD OVERLAY\n   ========================================================= *\/\n.sdoin-image-overlay {\n    position:\n        absolute;\n    top:\n        50%;\n    left:\n        50%;\n    transform:\n        translate(-50%, -50%);\n    display:\n        flex;\n    align-items:\n        center;\n    justify-content:\n        center;\n    gap:\n        8px;\n    padding:\n        11px\n        18px;\n    background:\n        rgba(8, 43, 104, 0.94);\n    color:\n        #ffffff;\n    border-radius:\n        9px;\n    font-size:\n        14px;\n    font-weight:\n        700;\n    white-space:\n        nowrap;\n    opacity:\n        0;\n    pointer-events:\n        none;\n    transition:\n        opacity 0.25s ease;\n    box-shadow:\n        0 6px 20px\n        rgba(0, 0, 0, 0.22);\n}\n\/* =========================================================\n   SHOW OVERLAY\n   ========================================================= *\/\n.sdoin-download-image:hover\n.sdoin-image-overlay {\n    opacity:\n        1;\n}\n\/* =========================================================\n   OVERLAY ICON\n   ========================================================= *\/\n.sdoin-overlay-icon {\n    font-size:\n        21px;\n    font-weight:\n        800;\n    line-height:\n        1;\n}\n\/* =========================================================\n   IMAGE NOTE\n   ========================================================= *\/\n.sdoin-image-note {\n    margin:\n        14px\n        0\n        18px\n        0 !important;\n    color:\n        #777 !important;\n    font-size:\n        13px !important;\n    line-height:\n        1.5 !important;\n}\n\/* =========================================================\n   DOWNLOAD BUTTON\n   ========================================================= *\/\n.sdoin-image-download-button {\n    display:\n        inline-flex !important;\n    align-items:\n        center !important;\n    justify-content:\n        center !important;\n    gap:\n        9px;\n    min-height:\n        46px;\n    padding:\n        0\n        22px;\n    background:\n        #082b68 !important;\n    color:\n        #ffffff !important;\n    border:\n        2px solid #082b68 !important;\n    border-radius:\n        8px;\n    text-decoration:\n        none !important;\n    font-size:\n        14px !important;\n    font-weight:\n        700 !important;\n    line-height:\n        1;\n    box-shadow:\n        0\n        5px\n        15px\n        rgba(8, 43, 104, 0.20);\n    transition:\n        all 0.25s ease;\n}\n\/* =========================================================\n   DOWNLOAD BUTTON ICON\n   ========================================================= *\/\n.sdoin-button-icon {\n    font-size:\n        21px;\n    font-weight:\n        800;\n    line-height:\n        1;\n}\n\/* =========================================================\n   DOWNLOAD BUTTON HOVER\n   ========================================================= *\/\n.sdoin-image-download-button:hover {\n    background:\n        #f2b705 !important;\n    border-color:\n        #f2b705 !important;\n    color:\n        #082b68 !important;\n    transform:\n        translateY(-3px);\n    box-shadow:\n        0\n        8px\n        22px\n        rgba(0, 0, 0, 0.18);\n}\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n@media (max-width: 850px) {\n    .sdoin-image-grid {\n        grid-template-columns:\n            1fr;\n        gap:\n            25px;\n    }\n    .sdoin-image-card {\n        max-width:\n            700px;\n        width:\n            100%;\n        margin:\n            0 auto;\n    }\n    .sdoin-image-wrapper {\n        max-width:\n            550px;\n    }\n    .sdoin-program-image {\n        max-width:\n            550px !important;\n    }\n}\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n@media (max-width: 480px) {\n    .sdoin-program-section {\n        padding:\n            0\n            10px\n            40px;\n    }\n    .sdoin-program-intro {\n\n        padding:\n            20px\n            5px\n            25px;\n    }\n    .sdoin-program-label {\n        font-size:\n            12px;\n    }\n    .sdoin-program-title {\n        font-size:\n            29px !important;\n        line-height:\n            1.15 !important;\n    }\n    .sdoin-program-description {\n        font-size:\n            14px !important;\n        line-height:\n            1.55 !important;\n    }\n    .sdoin-image-grid {\n        gap:\n            20px;\n    }\n    .sdoin-image-card {\n        padding:\n            18px;\n        border-radius:\n            14px;\n    }\n    .sdoin-image-card-title {\n\n        font-size:\n            20px !important;\n    }\n    .sdoin-image-wrapper {\n\n        max-width:\n            100%;\n    }\n    .sdoin-program-image {\n        max-width:\n            100% !important;\n    }\n    .sdoin-image-overlay {\n        padding:\n            9px\n            13px;\n        font-size:\n            12px;\n    }\n    .sdoin-image-note {\n        font-size:\n            12px !important;\n    }\n    .sdoin-image-download-button {\n        width:\n            100% !important;\n        box-sizing:\n            border-box;\n    }\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Projects &amp; Programs Programs that reach every Learner Flagship division initiatives implemented with schools, families, and local partners \u2014 with &hellip; <\/p>\n","protected":false},"author":6,"featured_media":0,"parent":2178,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2340","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/depedilocosnorte.com\/sdoin\/index.php\/wp-json\/wp\/v2\/pages\/2340","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=2340"}],"version-history":[{"count":20,"href":"https:\/\/depedilocosnorte.com\/sdoin\/index.php\/wp-json\/wp\/v2\/pages\/2340\/revisions"}],"predecessor-version":[{"id":3591,"href":"https:\/\/depedilocosnorte.com\/sdoin\/index.php\/wp-json\/wp\/v2\/pages\/2340\/revisions\/3591"}],"up":[{"embeddable":true,"href":"https:\/\/depedilocosnorte.com\/sdoin\/index.php\/wp-json\/wp\/v2\/pages\/2178"}],"wp:attachment":[{"href":"https:\/\/depedilocosnorte.com\/sdoin\/index.php\/wp-json\/wp\/v2\/media?parent=2340"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}