{"id":2884,"date":"2026-08-11T09:25:43","date_gmt":"2026-08-11T00:55:43","guid":{"rendered":"https:\/\/depedilocosnorte.com\/sdoin\/?page_id=2884"},"modified":"2026-08-19T10:10:49","modified_gmt":"2026-08-19T01:40:49","slug":"sdoin-omnibus-learners-code-of-discipline","status":"publish","type":"page","link":"https:\/\/depedilocosnorte.com\/sdoin\/index.php\/resources-2\/sdoin-omnibus-learners-code-of-discipline\/","title":{"rendered":"SDOIN Omnibus Learners&#8217; Code of Discipline"},"content":{"rendered":"\n<div class=\"sdoin-doc-wrap\">\n\n<style>\n.sdoin-doc-wrap {\n    max-width: 1100px;\n    margin: 3rem auto;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif;\n}\n\n\n\/* ============================================================\n   DOCUMENT COUNT\n   ============================================================ *\/\n\n.sdoin-doc-count {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.7rem;\n    font-size: 1.4rem;\n    color: #2533eb;\n    font-weight: 800;\n    background: #eff6ff;\n    padding: 0.9rem 1.5rem;\n    border-radius: 999px;\n    margin-bottom: 2rem;\n    box-shadow: 0 3px 10px rgba(37, 99, 235, 0.10);\n}\n\n\n\/* ============================================================\n   CARD GRID\n   ============================================================ *\/\n\n.sdoin-card-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 1.75rem;\n}\n\n\n\/* ============================================================\n   DOCUMENT CARD\n   ============================================================ *\/\n\n.sdoin-card {\n    background: #ffffff;\n    border: 1px solid #e5e7eb;\n    border-radius: 16px;\n    padding: 2.2rem 2.4rem;\n    box-shadow: 0 2px 8px rgba(20, 30, 60, 0.06);\n    position: relative;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    transition: box-shadow 0.25s ease, transform 0.25s ease;\n}\n\n\n\/* ============================================================\n   TOP ACCENT\n   ============================================================ *\/\n\n.sdoin-card::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 7px;\n    background: linear-gradient(90deg, #1a2b6b, #3b4f9e);\n}\n\n\n\/* ============================================================\n   HOVER\n   ============================================================ *\/\n\n.sdoin-card:hover {\n    box-shadow: 0 14px 32px rgba(20, 30, 60, 0.14);\n    transform: translateY(-4px);\n}\n\n\n\/* ============================================================\n   CARD TOP\n   ============================================================ *\/\n\n.sdoin-card-top {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 1rem;\n    margin-top: 0.6rem;\n}\n\n\n\/* ============================================================\n   MEMO NUMBER\n   ============================================================ *\/\n\n.sdoin-card-memo {\n    font-size: 1.35rem;\n    font-weight: 800;\n    color: #1a2b6b;\n    margin: 0 0 0.9rem 0;\n    line-height: 1.35;\n}\n\n\n\/* ============================================================\n   YEAR BADGE\n   ============================================================ *\/\n\n.sdoin-card-badge {\n    flex-shrink: 0;\n    background: #f3f4f6;\n    color: #374151;\n    font-size: 1rem;\n    font-weight: 700;\n    padding: 0.45rem 1rem;\n    border-radius: 999px;\n    white-space: nowrap;\n}\n\n\n\/* ============================================================\n   TITLE\n   ============================================================ *\/\n\n.sdoin-card-title {\n    font-size: 1.7rem;\n    font-weight: 800;\n    color: #0f172a;\n    margin: 0 0 1.7rem 0;\n    line-height: 1.35;\n}\n\n\n\/* ============================================================\n   META\n   ============================================================ *\/\n\n.sdoin-card-meta {\n    display: flex;\n    align-items: center;\n    gap: 0.7rem;\n    font-size: 1.2rem;\n    color: #4b5563;\n    margin: 0 0 0.9rem 0;\n    line-height: 1.5;\n}\n\n.sdoin-card-meta svg {\n    width: 23px;\n    height: 23px;\n    fill: #9ca3af;\n    flex-shrink: 0;\n}\n\n\n\/* ============================================================\n   DOWNLOAD PDF BUTTON\n   ============================================================ *\/\n\n.sdoin-download-btn {\n    margin-top: 1.8rem;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0.7rem;\n    background: linear-gradient(135deg, #1a2b6b, #2b3f8f);\n    color: #ffffff !important;\n    text-decoration: none !important;\n    font-weight: 700;\n    font-size: 1.2rem;\n    padding: 1rem 1.6rem;\n    border-radius: 10px;\n    width: fit-content;\n    box-shadow: 0 4px 12px rgba(26, 43, 107, 0.25);\n    transition: 0.25s ease;\n    cursor: pointer;\n}\n\n.sdoin-download-btn:hover {\n    background: linear-gradient(135deg, #101c4a, #1f2f70);\n    box-shadow: 0 8px 20px rgba(26, 43, 107, 0.35);\n    transform: translateY(-2px);\n    color: #ffffff !important;\n}\n\n.sdoin-download-btn svg {\n    width: 21px;\n    height: 21px;\n    fill: currentColor;\n}\n\n\n\/* ============================================================\n   INFOGRAPHIC SECTION\n   ============================================================ *\/\n\n.sdoin-infographic-section {\n    margin-top: 2.5rem;\n    text-align: center;\n}\n\n\n\/* ============================================================\n   INFOGRAPHIC TITLE\n   ============================================================ *\/\n\n.sdoin-infographic-title {\n    font-size: 1.5rem;\n    font-weight: 800;\n    color: #1a2b6b;\n    margin: 0 0 1rem 0;\n}\n\n\n\/* ============================================================\n   INFOGRAPHIC BOX\n   ============================================================ *\/\n\n.sdoin-infographic-box {\n    background: #ffffff;\n    border: 1px solid #e5e7eb;\n    border-radius: 16px;\n    padding: 1rem;\n    box-shadow: 0 4px 15px rgba(20, 30, 60, 0.08);\n}\n\n\n\/* ============================================================\n   IMAGE LINK\n   ============================================================ *\/\n\n.sdoin-image-link {\n    display: block;\n    cursor: zoom-in;\n}\n\n\n\/* ============================================================\n   INFOGRAPHIC IMAGE\n   ============================================================ *\/\n\n.sdoin-infographic-box img {\n    display: block;\n    width: 100%;\n    max-width: 100%;\n    height: auto;\n    margin: 0 auto;\n    border-radius: 10px;\n    transition: opacity 0.2s ease, transform 0.2s ease;\n}\n\n.sdoin-image-link:hover img {\n    opacity: 0.93;\n    transform: scale(1.005);\n}\n\n\n\/* ============================================================\n   INFOGRAPHIC DOWNLOAD BUTTON\n   ============================================================ *\/\n\n.sdoin-infographic-download {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0.6rem;\n    margin-top: 1.2rem;\n    background: linear-gradient(135deg, #f5a623, #e89412);\n    color: #ffffff !important;\n    text-decoration: none !important;\n    font-weight: 700;\n    font-size: 1.05rem;\n    padding: 0.85rem 1.4rem;\n    border-radius: 10px;\n    box-shadow: 0 4px 12px rgba(245, 166, 35, 0.25);\n    transition: 0.25s ease;\n    cursor: pointer;\n    border: none;\n}\n\n.sdoin-infographic-download:hover {\n    background: linear-gradient(135deg, #df8c0d, #c97800);\n    color: #ffffff !important;\n    transform: translateY(-2px);\n    box-shadow: 0 7px 18px rgba(245, 166, 35, 0.35);\n}\n\n.sdoin-infographic-download svg {\n    width: 21px;\n    height: 21px;\n    fill: currentColor;\n}\n\n\n\/* ============================================================\n   DOWNLOAD STATUS\n   ============================================================ *\/\n\n.sdoin-download-status {\n    display: none;\n    margin-top: 0.8rem;\n    font-size: 0.9rem;\n    color: #6b7280;\n}\n\n\n\/* ============================================================\n   INFOGRAPHIC CAPTION\n   ============================================================ *\/\n\n.sdoin-infographic-caption {\n    font-size: 0.95rem;\n    color: #6b7280;\n    margin: 0.9rem 0 0.2rem 0;\n}\n\n\n\/* ============================================================\n   DESKTOP\n   ============================================================ *\/\n\n@media (min-width: 769px) {\n\n    .sdoin-doc-wrap {\n        max-width: 1200px;\n    }\n\n    .sdoin-card {\n        padding: 2.5rem 2.7rem;\n    }\n\n    .sdoin-card-memo {\n        font-size: 1.45rem;\n    }\n\n    .sdoin-card-title {\n        font-size: 1.85rem;\n    }\n\n    .sdoin-card-meta {\n        font-size: 1.25rem;\n    }\n\n    .sdoin-download-btn {\n        font-size: 1.25rem;\n        padding: 1.05rem 1.7rem;\n    }\n\n    .sdoin-infographic-title {\n        font-size: 1.7rem;\n    }\n}\n\n\n\/* ============================================================\n   MOBILE\n   ============================================================ *\/\n\n@media (max-width: 600px) {\n\n    .sdoin-doc-wrap {\n        margin: 2rem 1rem;\n    }\n\n    .sdoin-doc-count {\n        font-size: 1.1rem;\n        padding: 0.7rem 1rem;\n    }\n\n    .sdoin-card {\n        padding: 1.6rem;\n    }\n\n    .sdoin-card-top {\n        flex-direction: column;\n        gap: 0.5rem;\n    }\n\n    .sdoin-card-memo {\n        font-size: 1.15rem;\n    }\n\n    .sdoin-card-badge {\n        align-self: flex-start;\n    }\n\n    .sdoin-card-title {\n        font-size: 1.45rem;\n        margin-bottom: 1.3rem;\n    }\n\n    .sdoin-card-meta {\n        font-size: 1rem;\n    }\n\n    .sdoin-download-btn {\n        width: 100%;\n        font-size: 1.05rem;\n    }\n\n    .sdoin-infographic-section {\n        margin-top: 2rem;\n    }\n\n    .sdoin-infographic-title {\n        font-size: 1.3rem;\n    }\n\n    .sdoin-infographic-box {\n        padding: 0.6rem;\n        border-radius: 12px;\n    }\n\n    .sdoin-infographic-box img {\n        border-radius: 8px;\n    }\n\n    .sdoin-infographic-download {\n        width: 100%;\n        font-size: 1rem;\n        padding: 0.9rem 1rem;\n    }\n\n    .sdoin-infographic-caption {\n        font-size: 0.8rem;\n    }\n}\n<\/style>\n\n\n<!-- ============================================================\n     DOCUMENT COUNT\n     ============================================================ -->\n\n<p class=\"sdoin-doc-count\">\n    \ud83d\udcc4 Showing 1 of 1 issuance\n<\/p>\n\n\n<!-- ============================================================\n     DOCUMENT CARD\n     ============================================================ -->\n\n<div class=\"sdoin-card-grid\">\n\n    <div class=\"sdoin-card\">\n\n        <!-- CARD TOP -->\n\n        <div class=\"sdoin-card-top\">\n\n            <p class=\"sdoin-card-memo\">\n                Division Order No. 1, s. 2024\n            <\/p>\n\n            <span class=\"sdoin-card-badge\">\n                s. 2024\n            <\/span>\n\n        <\/div>\n\n\n        <!-- TITLE -->\n\n        <p class=\"sdoin-card-title\">\n            The SDOIN Omnibus Learners&#8217; Code of Discipline\n        <\/p>\n\n\n        <!-- DATE -->\n\n        <p class=\"sdoin-card-meta\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\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\"><\/path>\n            <\/svg>\n\n            Issued: November 6, 2024\n\n        <\/p>\n\n\n        <!-- OFFICE -->\n\n        <p class=\"sdoin-card-meta\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M12 3L2 9v2h20V9L12 3zM4 13v6h4v-6H4zm6 0v6h4v-6h-4zm6 0v6h4v-6h-4zM2 21h20v2H2v-2z\"><\/path>\n            <\/svg>\n\n            Office of the Schools Division Superintendent\n\n        <\/p>\n\n\n        <!-- ====================================================\n             DOWNLOAD PDF\n             ==================================================== -->\n\n        <a class=\"sdoin-download-btn\" href=\"https:\/\/depedilocosnorte.com\/sdoin\/wp-content\/uploads\/2026\/08\/DepEd-Ilocos_20Norte_Feb6_No.25-0148_Division_20Order_20No._201_20S.2024_with_20onar_20registration-1-1.pdf\" download=\"SDOIN-Omnibus-Learners-Code-of-Discipline-Division-Order-No-1-s-2024.pdf\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M12 16l-6-6h4V4h4v6h4l-6 6zm-8 2h16v2H4v-2z\"><\/path>\n            <\/svg>\n\n            Download PDF\n\n        <\/a>\n\n    <\/div>\n\n<\/div>\n\n\n<!-- ============================================================\n     INFOGRAPHIC SECTION\n     ============================================================ -->\n\n<div class=\"sdoin-infographic-section\">\n\n    <h2 class=\"sdoin-infographic-title\">\n        The SDOIN Omnibus Learners&#8217; Code of Discipline\n    <\/h2>\n\n\n    <div class=\"sdoin-infographic-box\">\n\n\n        <!-- ====================================================\n             CLICK IMAGE TO VIEW FULL SIZE\n             ==================================================== -->\n\n        <a class=\"sdoin-image-link\" href=\"https:\/\/depedilocosnorte.com\/sdoin\/wp-content\/uploads\/2026\/08\/553149350_4186112851630729_2115960638083635362_n.jpg\" target=\"_blank\" rel=\"noopener\" aria-label=\"View the SDOIN Omnibus Learners' Code of Discipline infographic in full size\">\n\n            <img decoding=\"async\" src=\"https:\/\/depedilocosnorte.com\/sdoin\/wp-content\/uploads\/2026\/08\/553149350_4186112851630729_2115960638083635362_n.jpg\" alt=\"SDOIN Omnibus Learners' Code of Discipline infographic\" loading=\"lazy\">\n\n        <\/a>\n\n\n        <!-- ====================================================\n             DOWNLOAD INFOGRAPHIC\n             ==================================================== -->\n\n        <a href=\"#\" class=\"sdoin-infographic-download\" onclick=\"sdoinDownloadImage(event);\" role=\"button\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M12 16l-6-6h4V4h4v6h4l-6 6zm-8 2h16v2H4v-2z\"><\/path>\n            <\/svg>\n\n            Download Infographic\n\n        <\/a>\n\n\n        <!-- DOWNLOAD STATUS -->\n\n        <div id=\"sdoin-download-status\" class=\"sdoin-download-status\" aria-live=\"polite\">\n            Preparing download&#8230;\n        <\/div>\n\n\n        <!-- CAPTION -->\n\n        <p class=\"sdoin-infographic-caption\">\n            Click the image to view it in full size, or download it using the button above.\n        <\/p>\n\n\n    <\/div>\n\n<\/div>\n\n\n<!-- ============================================================\n     DOWNLOAD JAVASCRIPT\n     ============================================================ -->\n\n<script>\nfunction sdoinDownloadImage(event) {\n\n    event.preventDefault();\n\n    const imageURL =\n        \"https:\/\/depedilocosnorte.com\/sdoin\/wp-content\/uploads\/2026\/08\/553149350_4186112851630729_2115960638083635362_n.jpg\";\n\n    const fileName =\n        \"SDOIN-Omnibus-Learners-Code-of-Discipline.jpg\";\n\n    const status =\n        document.getElementById(\"sdoin-download-status\");\n\n    status.style.display = \"block\";\n    status.textContent = \"Preparing download...\";\n\n\n    fetch(imageURL, {\n        method: \"GET\",\n        mode: \"cors\",\n        credentials: \"omit\"\n    })\n\n    .then(function(response) {\n\n        if (!response.ok) {\n            throw new Error(\n                \"Unable to download image. Server returned \" +\n                response.status\n            );\n        }\n\n        return response.blob();\n\n    })\n\n    .then(function(blob) {\n\n        const blobURL =\n            window.URL.createObjectURL(blob);\n\n        const downloadLink =\n            document.createElement(\"a\");\n\n        downloadLink.href = blobURL;\n\n        downloadLink.download = fileName;\n\n        downloadLink.style.display = \"none\";\n\n        document.body.appendChild(downloadLink);\n\n        downloadLink.click();\n\n        document.body.removeChild(downloadLink);\n\n        setTimeout(function() {\n\n            window.URL.revokeObjectURL(blobURL);\n\n        }, 1000);\n\n        status.textContent = \"Download started.\";\n\n        setTimeout(function() {\n\n            status.style.display = \"none\";\n\n        }, 2500);\n\n    })\n\n    .catch(function(error) {\n\n        console.error(\n            \"SDOIN infographic download error:\",\n            error\n        );\n\n        status.innerHTML =\n            \"Automatic download was blocked by the server. \" +\n            \"Please right-click the image and choose \" +\n            \"<strong>Save image as...<\/strong>\";\n\n    });\n\n}\n<\/script>\n\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\ud83d\udcc4 Showing 1 of 1 issuance Division Order No. 1, s. 2024 s. 2024 The SDOIN Omnibus Learners&#8217; Code of &hellip; <\/p>\n","protected":false},"author":6,"featured_media":0,"parent":2213,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2884","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/depedilocosnorte.com\/sdoin\/index.php\/wp-json\/wp\/v2\/pages\/2884","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=2884"}],"version-history":[{"count":30,"href":"https:\/\/depedilocosnorte.com\/sdoin\/index.php\/wp-json\/wp\/v2\/pages\/2884\/revisions"}],"predecessor-version":[{"id":3620,"href":"https:\/\/depedilocosnorte.com\/sdoin\/index.php\/wp-json\/wp\/v2\/pages\/2884\/revisions\/3620"}],"up":[{"embeddable":true,"href":"https:\/\/depedilocosnorte.com\/sdoin\/index.php\/wp-json\/wp\/v2\/pages\/2213"}],"wp:attachment":[{"href":"https:\/\/depedilocosnorte.com\/sdoin\/index.php\/wp-json\/wp\/v2\/media?parent=2884"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}