{"id":30,"date":"2026-10-01T22:47:22","date_gmt":"2026-10-01T22:47:22","guid":{"rendered":"https:\/\/dbaminhs.com\/portals\/"},"modified":"2026-10-02T10:33:49","modified_gmt":"2026-10-02T10:33:49","slug":"portals","status":"publish","type":"page","link":"https:\/\/dbaminhs.com\/tl\/portals\/","title":{"rendered":"Portals"},"content":{"rendered":"<div id=\"portals-root\" class=\"\">\n<div>\n<section id=\"header\" data-nav=\"light\" class=\"sticky top-0 z-50 w-full border-b border-border bg-background\/95 backdrop-blur-md\">\n<div class=\"mx-auto flex h-20 max-w-[1200px] items-center justify-between px-4 sm:px-6 lg:px-8 min-w-0\"><a href=\"https:\/\/dbaminhs.com\" class=\"flex shrink-0 items-center focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring rounded-sm\"><\/a><\/p>\n<div class=\"hidden xl:flex items-center justify-center flex-1 px-6 min-w-0\">\n<div data-wvc-dynamic=\"MenuProvider\" data-wvc-menu_id=\"45\">\n<div class=\"hidden xl:flex items-center gap-2\">\n<div class=\"h-8 w-16 bg-muted animate-pulse rounded-md\"><\/div>\n<div class=\"h-8 w-20 bg-muted animate-pulse rounded-md\"><\/div>\n<div class=\"h-8 w-24 bg-muted animate-pulse rounded-md\"><\/div>\n<div class=\"h-8 w-20 bg-muted animate-pulse rounded-md\"><\/div>\n<div class=\"h-8 w-16 bg-muted animate-pulse rounded-md\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"hidden xl:flex items-center gap-3 shrink-0\">\n<div class=\"flex items-center gap-2\">\n<div class=\"h-9 w-20 bg-muted animate-pulse rounded-md\"><\/div>\n<div class=\"h-9 w-24 bg-muted animate-pulse rounded-md\"><\/div>\n<\/div>\n<\/div>\n<div class=\"flex items-center xl:hidden\"><button data-slot=\"sheet-trigger\" class=\"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring\/50 focus-visible:ring-[3px] aria-invalid:ring-destructive\/20 dark:aria-invalid:ring-destructive\/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input\/30 dark:border-input dark:hover:bg-input\/50 size-9 h-10 w-10 text-foreground\" aria-label=\"Open Navigation Menu\" type=\"button\" aria-haspopup=\"dialog\" aria-expanded=\"false\" aria-controls=\"radix-\u00abR49\u00bb\" data-state=\"closed\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-menu size-5\" aria-hidden=\"true\"><path d=\"M4 5h16\"><\/path><path d=\"M4 12h16\"><\/path><path d=\"M4 19h16\"><\/path><\/svg><\/button><\/div>\n<\/div>\n<\/section>\n<section id=\"portals-directory\" data-nav=\"light\" class=\"relative bg-background text-foreground py-16 md:py-20 border-b border-border overflow-hidden\">\n<div class=\"mx-auto max-w-[1200px] px-4 sm:px-6\">\n<div class=\"max-w-3xl mb-10 sm:mb-12\">\n<div class=\"flex items-center gap-2 mb-4 w-48\" aria-hidden=\"true\"><span class=\"h-px flex-1 bg-border\"><\/span><\/p>\n<div class=\"w-2 h-2 rounded-md bg-[hsl(43,96%,48%)] shrink-0\"><\/div>\n<p><span class=\"h-px flex-1 bg-border\"><\/span><\/div>\n<div class=\"inline-flex items-center gap-2 px-2.5 py-1 rounded-md bg-secondary border border-border text-primary text-[0.75rem] font-bold uppercase tracking-wider mb-3\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check size-3.5 text-[hsl(43,96%,48%)]\" aria-hidden=\"true\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"><\/path><path d=\"m9 12 2 2 4-4\"><\/path><\/svg><span>Official Institutional Directory<\/span><\/div>\n<h1 class=\"text-2xl sm:text-3xl md:text-4xl font-semibold text-foreground tracking-tight leading-[1.25] mb-4\">Portals Directory<\/h1>\n<p class=\"text-base text-muted-foreground leading-[1.55]\">This centralized directory connects students, educators, parents, and administrative staff to the school&#x27;s secure, role-based account system. Select the appropriate departmental service below to log in and review official DepEd academic information.<\/p>\n<\/div>\n<div class=\"bg-card border border-border rounded-md shadow-xs divide-y divide-border overflow-hidden\">\n<div data-index=\"0\" style=\"opacity:0;transform:translateY(10px)\"><a href=\"\/student-portal\" class=\"group flex flex-col sm:flex-row sm:items-center justify-between gap-4 p-4 sm:px-6 sm:py-5 transition-[color,background-color,border-color,box-shadow] duration-150 hover:bg-secondary\/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"><\/p>\n<div class=\"flex items-start sm:items-center gap-3.5 sm:gap-4 min-w-0\">\n<div class=\"w-9 h-9 sm:w-10 sm:h-10 rounded-md bg-secondary border border-border flex items-center justify-center text-primary group-hover:border-primary\/40 group-hover:bg-primary group-hover:text-primary-foreground shrink-0 transition-[color,background-color,border-color] duration-150\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-graduation-cap size-4 sm:size-5\" aria-hidden=\"true\"><path d=\"M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z\"><\/path><path d=\"M22 10v6\"><\/path><path d=\"M6 12.5V16a6 3 0 0 0 12 0v-3.5\"><\/path><\/svg><\/div>\n<div class=\"min-w-0\">\n<div class=\"flex flex-wrap items-center gap-2\"><span class=\"text-base font-semibold text-foreground group-hover:text-primary transition-colors duration-150\">Student Portal<\/span><span class=\"text-[0.6875rem] font-medium uppercase tracking-wider text-muted-foreground bg-muted border border-border px-2 py-0.5 rounded-md\">Learner<\/span><\/div>\n<p class=\"text-sm text-muted-foreground line-clamp-1 mt-0.5\">Access quarterly marks, learner reference status, and class schedules.<\/p>\n<\/div>\n<\/div>\n<div class=\"flex items-center self-end sm:self-center gap-1.5 text-xs font-semibold text-primary pl-12 sm:pl-0 shrink-0\"><span class=\"hidden md:inline group-hover:underline\">Open Portal<\/span><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right size-4 text-muted-foreground group-hover:text-primary group-hover:translate-x-0.5 transition-[transform,color] duration-150\" aria-hidden=\"true\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg><\/div>\n<p><\/a><\/div>\n<div data-index=\"1\" style=\"opacity:0;transform:translateY(10px)\"><a href=\"\/teacher-portal\" class=\"group flex flex-col sm:flex-row sm:items-center justify-between gap-4 p-4 sm:px-6 sm:py-5 transition-[color,background-color,border-color,box-shadow] duration-150 hover:bg-secondary\/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"><\/p>\n<div class=\"flex items-start sm:items-center gap-3.5 sm:gap-4 min-w-0\">\n<div class=\"w-9 h-9 sm:w-10 sm:h-10 rounded-md bg-secondary border border-border flex items-center justify-center text-primary group-hover:border-primary\/40 group-hover:bg-primary group-hover:text-primary-foreground shrink-0 transition-[color,background-color,border-color] duration-150\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-book-open size-4 sm:size-5\" aria-hidden=\"true\"><path d=\"M12 7v14\"><\/path><path d=\"M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z\"><\/path><\/svg><\/div>\n<div class=\"min-w-0\">\n<div class=\"flex flex-wrap items-center gap-2\"><span class=\"text-base font-semibold text-foreground group-hover:text-primary transition-colors duration-150\">Teacher Portal<\/span><span class=\"text-[0.6875rem] font-medium uppercase tracking-wider text-muted-foreground bg-muted border border-border px-2 py-0.5 rounded-md\">Faculty<\/span><\/div>\n<p class=\"text-sm text-muted-foreground line-clamp-1 mt-0.5\">Submit electronic grades, manage section rosters, and log classroom records.<\/p>\n<\/div>\n<\/div>\n<div class=\"flex items-center self-end sm:self-center gap-1.5 text-xs font-semibold text-primary pl-12 sm:pl-0 shrink-0\"><span class=\"hidden md:inline group-hover:underline\">Open Portal<\/span><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right size-4 text-muted-foreground group-hover:text-primary group-hover:translate-x-0.5 transition-[transform,color] duration-150\" aria-hidden=\"true\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg><\/div>\n<p><\/a><\/div>\n<div data-index=\"2\" style=\"opacity:0;transform:translateY(10px)\"><a href=\"\/parent-guardian-portal\" class=\"group flex flex-col sm:flex-row sm:items-center justify-between gap-4 p-4 sm:px-6 sm:py-5 transition-[color,background-color,border-color,box-shadow] duration-150 hover:bg-secondary\/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"><\/p>\n<div class=\"flex items-start sm:items-center gap-3.5 sm:gap-4 min-w-0\">\n<div class=\"w-9 h-9 sm:w-10 sm:h-10 rounded-md bg-secondary border border-border flex items-center justify-center text-primary group-hover:border-primary\/40 group-hover:bg-primary group-hover:text-primary-foreground shrink-0 transition-[color,background-color,border-color] duration-150\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-users size-4 sm:size-5\" aria-hidden=\"true\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path><path d=\"M16 3.128a4 4 0 0 1 0 7.744\"><\/path><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><\/svg><\/div>\n<div class=\"min-w-0\">\n<div class=\"flex flex-wrap items-center gap-2\"><span class=\"text-base font-semibold text-foreground group-hover:text-primary transition-colors duration-150\">Parent\/Guardian Portal<\/span><span class=\"text-[0.6875rem] font-medium uppercase tracking-wider text-muted-foreground bg-muted border border-border px-2 py-0.5 rounded-md\">Guardian<\/span><\/div>\n<p class=\"text-sm text-muted-foreground line-clamp-1 mt-0.5\">Review student academic progress, advisory notices, and official school communications.<\/p>\n<\/div>\n<\/div>\n<div class=\"flex items-center self-end sm:self-center gap-1.5 text-xs font-semibold text-primary pl-12 sm:pl-0 shrink-0\"><span class=\"hidden md:inline group-hover:underline\">Open Portal<\/span><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right size-4 text-muted-foreground group-hover:text-primary group-hover:translate-x-0.5 transition-[transform,color] duration-150\" aria-hidden=\"true\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg><\/div>\n<p><\/a><\/div>\n<div data-index=\"3\" style=\"opacity:0;transform:translateY(10px)\"><a href=\"\/grades-records\" class=\"group flex flex-col sm:flex-row sm:items-center justify-between gap-4 p-4 sm:px-6 sm:py-5 transition-[color,background-color,border-color,box-shadow] duration-150 hover:bg-secondary\/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"><\/p>\n<div class=\"flex items-start sm:items-center gap-3.5 sm:gap-4 min-w-0\">\n<div class=\"w-9 h-9 sm:w-10 sm:h-10 rounded-md bg-secondary border border-border flex items-center justify-center text-primary group-hover:border-primary\/40 group-hover:bg-primary group-hover:text-primary-foreground shrink-0 transition-[color,background-color,border-color] duration-150\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-spreadsheet size-4 sm:size-5\" aria-hidden=\"true\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"><\/path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"><\/path><path d=\"M8 13h2\"><\/path><path d=\"M14 13h2\"><\/path><path d=\"M8 17h2\"><\/path><path d=\"M14 17h2\"><\/path><\/svg><\/div>\n<div class=\"min-w-0\">\n<div class=\"flex flex-wrap items-center gap-2\"><span class=\"text-base font-semibold text-foreground group-hover:text-primary transition-colors duration-150\">Grades &amp; Records<\/span><span class=\"text-[0.6875rem] font-medium uppercase tracking-wider text-muted-foreground bg-muted border border-border px-2 py-0.5 rounded-md\">Registrar<\/span><\/div>\n<p class=\"text-sm text-muted-foreground line-clamp-1 mt-0.5\">Request official Form 137, certified permanent records, and verified credentials.<\/p>\n<\/div>\n<\/div>\n<div class=\"flex items-center self-end sm:self-center gap-1.5 text-xs font-semibold text-primary pl-12 sm:pl-0 shrink-0\"><span class=\"hidden md:inline group-hover:underline\">Open Portal<\/span><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right size-4 text-muted-foreground group-hover:text-primary group-hover:translate-x-0.5 transition-[transform,color] duration-150\" aria-hidden=\"true\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg><\/div>\n<p><\/a><\/div>\n<div data-index=\"4\" style=\"opacity:0;transform:translateY(10px)\"><a href=\"\/admissions-enrollment\" class=\"group flex flex-col sm:flex-row sm:items-center justify-between gap-4 p-4 sm:px-6 sm:py-5 transition-[color,background-color,border-color,box-shadow] duration-150 hover:bg-secondary\/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"><\/p>\n<div class=\"flex items-start sm:items-center gap-3.5 sm:gap-4 min-w-0\">\n<div class=\"w-9 h-9 sm:w-10 sm:h-10 rounded-md bg-secondary border border-border flex items-center justify-center text-primary group-hover:border-primary\/40 group-hover:bg-primary group-hover:text-primary-foreground shrink-0 transition-[color,background-color,border-color] duration-150\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-user-plus size-4 sm:size-5\" aria-hidden=\"true\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><line x1=\"19\" x2=\"19\" y1=\"8\" y2=\"14\"><\/line><line x1=\"22\" x2=\"16\" y1=\"11\" y2=\"11\"><\/line><\/svg><\/div>\n<div class=\"min-w-0\">\n<div class=\"flex flex-wrap items-center gap-2\"><span class=\"text-base font-semibold text-foreground group-hover:text-primary transition-colors duration-150\">Online Enrollment<\/span><span class=\"text-[0.6875rem] font-medium uppercase tracking-wider text-muted-foreground bg-muted border border-border px-2 py-0.5 rounded-md\">Admissions<\/span><\/div>\n<p class=\"text-sm text-muted-foreground line-clamp-1 mt-0.5\">Register incoming Junior and Senior High School learners for the academic term.<\/p>\n<\/div>\n<\/div>\n<div class=\"flex items-center self-end sm:self-center gap-1.5 text-xs font-semibold text-primary pl-12 sm:pl-0 shrink-0\"><span class=\"hidden md:inline group-hover:underline\">Open Portal<\/span><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right size-4 text-muted-foreground group-hover:text-primary group-hover:translate-x-0.5 transition-[transform,color] duration-150\" aria-hidden=\"true\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg><\/div>\n<p><\/a><\/div>\n<div data-index=\"5\" style=\"opacity:0;transform:translateY(10px)\"><a href=\"\/resources#e-library\" class=\"group flex flex-col sm:flex-row sm:items-center justify-between gap-4 p-4 sm:px-6 sm:py-5 transition-[color,background-color,border-color,box-shadow] duration-150 hover:bg-secondary\/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"><\/p>\n<div class=\"flex items-start sm:items-center gap-3.5 sm:gap-4 min-w-0\">\n<div class=\"w-9 h-9 sm:w-10 sm:h-10 rounded-md bg-secondary border border-border flex items-center justify-center text-primary group-hover:border-primary\/40 group-hover:bg-primary group-hover:text-primary-foreground shrink-0 transition-[color,background-color,border-color] duration-150\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-library size-4 sm:size-5\" aria-hidden=\"true\"><path d=\"m16 6 4 14\"><\/path><path d=\"M12 6v14\"><\/path><path d=\"M8 8v12\"><\/path><path d=\"M4 4v16\"><\/path><\/svg><\/div>\n<div class=\"min-w-0\">\n<div class=\"flex flex-wrap items-center gap-2\"><span class=\"text-base font-semibold text-foreground group-hover:text-primary transition-colors duration-150\">E-Library<\/span><span class=\"text-[0.6875rem] font-medium uppercase tracking-wider text-muted-foreground bg-muted border border-border px-2 py-0.5 rounded-md\">Academic<\/span><\/div>\n<p class=\"text-sm text-muted-foreground line-clamp-1 mt-0.5\">Browse digital textbooks, DepEd learning modules, and online research databases.<\/p>\n<\/div>\n<\/div>\n<div class=\"flex items-center self-end sm:self-center gap-1.5 text-xs font-semibold text-primary pl-12 sm:pl-0 shrink-0\"><span class=\"hidden md:inline group-hover:underline\">Open Portal<\/span><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right size-4 text-muted-foreground group-hover:text-primary group-hover:translate-x-0.5 transition-[transform,color] duration-150\" aria-hidden=\"true\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg><\/div>\n<p><\/a><\/div>\n<div data-index=\"6\" style=\"opacity:0;transform:translateY(10px)\"><a href=\"\/school-calendar\" class=\"group flex flex-col sm:flex-row sm:items-center justify-between gap-4 p-4 sm:px-6 sm:py-5 transition-[color,background-color,border-color,box-shadow] duration-150 hover:bg-secondary\/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"><\/p>\n<div class=\"flex items-start sm:items-center gap-3.5 sm:gap-4 min-w-0\">\n<div class=\"w-9 h-9 sm:w-10 sm:h-10 rounded-md bg-secondary border border-border flex items-center justify-center text-primary group-hover:border-primary\/40 group-hover:bg-primary group-hover:text-primary-foreground shrink-0 transition-[color,background-color,border-color] duration-150\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-calendar-days size-4 sm:size-5\" aria-hidden=\"true\"><path d=\"M8 2v4\"><\/path><path d=\"M16 2v4\"><\/path><rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\"><\/rect><path d=\"M3 10h18\"><\/path><path d=\"M8 14h.01\"><\/path><path d=\"M12 14h.01\"><\/path><path d=\"M16 14h.01\"><\/path><path d=\"M8 18h.01\"><\/path><path d=\"M12 18h.01\"><\/path><path d=\"M16 18h.01\"><\/path><\/svg><\/div>\n<div class=\"min-w-0\">\n<div class=\"flex flex-wrap items-center gap-2\"><span class=\"text-base font-semibold text-foreground group-hover:text-primary transition-colors duration-150\">School Calendar<\/span><span class=\"text-[0.6875rem] font-medium uppercase tracking-wider text-muted-foreground bg-muted border border-border px-2 py-0.5 rounded-md\">Schedule<\/span><\/div>\n<p class=\"text-sm text-muted-foreground line-clamp-1 mt-0.5\">Check official DepEd academic terms, examination periods, and scheduled school holidays.<\/p>\n<\/div>\n<\/div>\n<div class=\"flex items-center self-end sm:self-center gap-1.5 text-xs font-semibold text-primary pl-12 sm:pl-0 shrink-0\"><span class=\"hidden md:inline group-hover:underline\">Open Portal<\/span><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right size-4 text-muted-foreground group-hover:text-primary group-hover:translate-x-0.5 transition-[transform,color] duration-150\" aria-hidden=\"true\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg><\/div>\n<p><\/a><\/div>\n<div data-index=\"7\" style=\"opacity:0;transform:translateY(10px)\"><a href=\"\/attendance\" class=\"group flex flex-col sm:flex-row sm:items-center justify-between gap-4 p-4 sm:px-6 sm:py-5 transition-[color,background-color,border-color,box-shadow] duration-150 hover:bg-secondary\/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"><\/p>\n<div class=\"flex items-start sm:items-center gap-3.5 sm:gap-4 min-w-0\">\n<div class=\"w-9 h-9 sm:w-10 sm:h-10 rounded-md bg-secondary border border-border flex items-center justify-center text-primary group-hover:border-primary\/40 group-hover:bg-primary group-hover:text-primary-foreground shrink-0 transition-[color,background-color,border-color] duration-150\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-calendar-check size-4 sm:size-5\" aria-hidden=\"true\"><path d=\"M8 2v4\"><\/path><path d=\"M16 2v4\"><\/path><rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\"><\/rect><path d=\"M3 10h18\"><\/path><path d=\"m9 16 2 2 4-4\"><\/path><\/svg><\/div>\n<div class=\"min-w-0\">\n<div class=\"flex flex-wrap items-center gap-2\"><span class=\"text-base font-semibold text-foreground group-hover:text-primary transition-colors duration-150\">Attendance<\/span><span class=\"text-[0.6875rem] font-medium uppercase tracking-wider text-muted-foreground bg-muted border border-border px-2 py-0.5 rounded-md\">Monitoring<\/span><\/div>\n<p class=\"text-sm text-muted-foreground line-clamp-1 mt-0.5\">Track daily classroom attendance summaries, advisory logs, and excused absences.<\/p>\n<\/div>\n<\/div>\n<div class=\"flex items-center self-end sm:self-center gap-1.5 text-xs font-semibold text-primary pl-12 sm:pl-0 shrink-0\"><span class=\"hidden md:inline group-hover:underline\">Open Portal<\/span><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right size-4 text-muted-foreground group-hover:text-primary group-hover:translate-x-0.5 transition-[transform,color] duration-150\" aria-hidden=\"true\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg><\/div>\n<p><\/a><\/div>\n<div data-index=\"8\" style=\"opacity:0;transform:translateY(10px)\"><a href=\"\/classroom\" class=\"group flex flex-col sm:flex-row sm:items-center justify-between gap-4 p-4 sm:px-6 sm:py-5 transition-[color,background-color,border-color,box-shadow] duration-150 hover:bg-secondary\/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"><\/p>\n<div class=\"flex items-start sm:items-center gap-3.5 sm:gap-4 min-w-0\">\n<div class=\"w-9 h-9 sm:w-10 sm:h-10 rounded-md bg-secondary border border-border flex items-center justify-center text-primary group-hover:border-primary\/40 group-hover:bg-primary group-hover:text-primary-foreground shrink-0 transition-[color,background-color,border-color] duration-150\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-book-open size-4 sm:size-5\" aria-hidden=\"true\"><path d=\"M12 7v14\"><\/path><path d=\"M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z\"><\/path><\/svg><\/div>\n<div class=\"min-w-0\">\n<div class=\"flex flex-wrap items-center gap-2\"><span class=\"text-base font-semibold text-foreground group-hover:text-primary transition-colors duration-150\">Classroom<\/span><span class=\"text-[0.6875rem] font-medium uppercase tracking-wider text-muted-foreground bg-muted border border-border px-2 py-0.5 rounded-md\">Academic<\/span><\/div>\n<p class=\"text-sm text-muted-foreground line-clamp-1 mt-0.5\">Access class lessons, assignments, and submissions.<\/p>\n<\/div>\n<\/div>\n<div class=\"flex items-center self-end sm:self-center gap-1.5 text-xs font-semibold text-primary pl-12 sm:pl-0 shrink-0\"><span class=\"hidden md:inline group-hover:underline\">Open Portal<\/span><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right size-4 text-muted-foreground group-hover:text-primary group-hover:translate-x-0.5 transition-[transform,color] duration-150\" aria-hidden=\"true\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg><\/div>\n<p><\/a><\/div>\n<div data-index=\"9\" style=\"opacity:0;transform:translateY(10px)\"><a href=\"\/forum\" class=\"group flex flex-col sm:flex-row sm:items-center justify-between gap-4 p-4 sm:px-6 sm:py-5 transition-[color,background-color,border-color,box-shadow] duration-150 hover:bg-secondary\/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"><\/p>\n<div class=\"flex items-start sm:items-center gap-3.5 sm:gap-4 min-w-0\">\n<div class=\"w-9 h-9 sm:w-10 sm:h-10 rounded-md bg-secondary border border-border flex items-center justify-center text-primary group-hover:border-primary\/40 group-hover:bg-primary group-hover:text-primary-foreground shrink-0 transition-[color,background-color,border-color] duration-150\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-square size-4 sm:size-5\" aria-hidden=\"true\"><path d=\"M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z\"><\/path><\/svg><\/div>\n<div class=\"min-w-0\">\n<div class=\"flex flex-wrap items-center gap-2\"><span class=\"text-base font-semibold text-foreground group-hover:text-primary transition-colors duration-150\">Forum<\/span><span class=\"text-[0.6875rem] font-medium uppercase tracking-wider text-muted-foreground bg-muted border border-border px-2 py-0.5 rounded-md\">Community<\/span><\/div>\n<p class=\"text-sm text-muted-foreground line-clamp-1 mt-0.5\">Join school-wide, class, and parent discussions.<\/p>\n<\/div>\n<\/div>\n<div class=\"flex items-center self-end sm:self-center gap-1.5 text-xs font-semibold text-primary pl-12 sm:pl-0 shrink-0\"><span class=\"hidden md:inline group-hover:underline\">Open Portal<\/span><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right size-4 text-muted-foreground group-hover:text-primary group-hover:translate-x-0.5 transition-[transform,color] duration-150\" aria-hidden=\"true\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg><\/div>\n<p><\/a><\/div>\n<div data-index=\"10\" style=\"opacity:0;transform:translateY(10px)\"><a href=\"\/messages\" class=\"group flex flex-col sm:flex-row sm:items-center justify-between gap-4 p-4 sm:px-6 sm:py-5 transition-[color,background-color,border-color,box-shadow] duration-150 hover:bg-secondary\/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"><\/p>\n<div class=\"flex items-start sm:items-center gap-3.5 sm:gap-4 min-w-0\">\n<div class=\"w-9 h-9 sm:w-10 sm:h-10 rounded-md bg-secondary border border-border flex items-center justify-center text-primary group-hover:border-primary\/40 group-hover:bg-primary group-hover:text-primary-foreground shrink-0 transition-[color,background-color,border-color] duration-150\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-messages-square size-4 sm:size-5\" aria-hidden=\"true\"><path d=\"M16 10a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 14.286V4a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z\"><\/path><path d=\"M20 9a2 2 0 0 1 2 2v10.286a.71.71 0 0 1-1.212.502l-2.202-2.202A2 2 0 0 0 17.172 19H10a2 2 0 0 1-2-2v-1\"><\/path><\/svg><\/div>\n<div class=\"min-w-0\">\n<div class=\"flex flex-wrap items-center gap-2\"><span class=\"text-base font-semibold text-foreground group-hover:text-primary transition-colors duration-150\">Messages<\/span><span class=\"text-[0.6875rem] font-medium uppercase tracking-wider text-muted-foreground bg-muted border border-border px-2 py-0.5 rounded-md\">Community<\/span><\/div>\n<p class=\"text-sm text-muted-foreground line-clamp-1 mt-0.5\">Class channels and school announcements.<\/p>\n<\/div>\n<\/div>\n<div class=\"flex items-center self-end sm:self-center gap-1.5 text-xs font-semibold text-primary pl-12 sm:pl-0 shrink-0\"><span class=\"hidden md:inline group-hover:underline\">Open Portal<\/span><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right size-4 text-muted-foreground group-hover:text-primary group-hover:translate-x-0.5 transition-[transform,color] duration-150\" aria-hidden=\"true\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg><\/div>\n<p><\/a><\/div>\n<\/div>\n<div class=\"mt-8 flex flex-col sm:flex-row sm:items-center justify-between gap-4 pt-6 border-t border-border text-xs text-muted-foreground\">\n<div class=\"flex items-center gap-2\">\n<div class=\"w-5 h-5 rounded-md bg-secondary border border-border flex items-center justify-center text-primary shrink-0\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-lock size-3 text-[hsl(43,96%,48%)]\" aria-hidden=\"true\"><rect width=\"18\" height=\"11\" x=\"3\" y=\"11\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"><\/path><\/svg><\/div>\n<p><span>All portal authentications are encrypted and monitored under DepEd School ID: 307714 security protocols.<\/span><\/div>\n<p><span class=\"text-[0.75rem] text-muted-foreground\/80\">San Jose, Batangas<\/span><\/div>\n<\/div>\n<\/section>\n<section id=\"registraradmin-portal\" data-nav=\"light\" class=\"relative w-full bg-background text-foreground\">\n<div data-orientation=\"horizontal\" role=\"none\" data-slot=\"separator\" class=\"shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px w-full bg-border\"><\/div>\n<div class=\"mx-auto max-w-[1200px] px-4 py-16 sm:px-6 md:py-20 lg:px-8\">\n<div class=\"max-w-3xl\" style=\"opacity:0;transform:translateY(14px)\">\n<p class=\"text-xs font-bold tracking-wider text-primary uppercase\">School Governance<\/p>\n<h2 class=\"mt-2 text-2xl font-semibold tracking-tight text-foreground sm:text-3xl lg:text-4xl\">Registrar \/ Admin Portal<\/h2>\n<p class=\"mt-3 text-base leading-relaxed text-muted-foreground sm:text-lg\">The administrative hub for official DBAMINHS school registrars, records officers, guidance counselors, and campus leadership.<\/p>\n<\/div>\n<div class=\"mt-12 grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-4\">\n<div data-index=\"0\" class=\"h-full\" style=\"opacity:0;transform:translateY(14px)\">\n<div data-slot=\"card\" class=\"text-card-foreground flex flex-col gap-6 h-full rounded-md border border-border bg-card p-6 shadow-xs transition-[border-color,box-shadow] duration-200 hover:border-primary\/40 hover:shadow-md\">\n<div data-slot=\"card-content\" class=\"p-0\">\n<div class=\"flex h-10 w-10 items-center justify-center rounded-md border border-border bg-secondary text-primary\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-clipboard-check h-5 w-5\" aria-hidden=\"true\"><rect width=\"8\" height=\"4\" x=\"8\" y=\"2\" rx=\"1\" ry=\"1\"><\/rect><path d=\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"><\/path><path d=\"m9 14 2 2 4-4\"><\/path><\/svg><\/div>\n<h3 class=\"mt-5 text-lg font-semibold text-card-foreground\">Enrollment Application Processing<\/h3>\n<p class=\"mt-2 text-sm leading-relaxed text-muted-foreground\">Review and validate online enrollment submissions, verify incoming student LRNs, and approve grade section distributions.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div data-index=\"1\" class=\"h-full\" style=\"opacity:0;transform:translateY(14px)\">\n<div data-slot=\"card\" class=\"text-card-foreground flex flex-col gap-6 h-full rounded-md border border-border bg-card p-6 shadow-xs transition-[border-color,box-shadow] duration-200 hover:border-primary\/40 hover:shadow-md\">\n<div data-slot=\"card-content\" class=\"p-0\">\n<div class=\"flex h-10 w-10 items-center justify-center rounded-md border border-border bg-secondary text-primary\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-spreadsheet h-5 w-5\" aria-hidden=\"true\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"><\/path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"><\/path><path d=\"M8 13h2\"><\/path><path d=\"M14 13h2\"><\/path><path d=\"M8 17h2\"><\/path><path d=\"M14 17h2\"><\/path><\/svg><\/div>\n<h3 class=\"mt-5 text-lg font-semibold text-card-foreground\">Official Records &amp; Transcripts<\/h3>\n<p class=\"mt-2 text-sm leading-relaxed text-muted-foreground\">Process document requests including Form 137 \/ SF10 transcripts, Certificates of Good Moral Character, and enrollment certifications.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div data-index=\"2\" class=\"h-full\" style=\"opacity:0;transform:translateY(14px)\">\n<div data-slot=\"card\" class=\"text-card-foreground flex flex-col gap-6 h-full rounded-md border border-border bg-card p-6 shadow-xs transition-[border-color,box-shadow] duration-200 hover:border-primary\/40 hover:shadow-md\">\n<div data-slot=\"card-content\" class=\"p-0\">\n<div class=\"flex h-10 w-10 items-center justify-center rounded-md border border-border bg-secondary text-primary\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check h-5 w-5\" aria-hidden=\"true\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"><\/path><path d=\"m9 12 2 2 4-4\"><\/path><\/svg><\/div>\n<h3 class=\"mt-5 text-lg font-semibold text-card-foreground\">Account Approvals &amp; Role Permissions<\/h3>\n<p class=\"mt-2 text-sm leading-relaxed text-muted-foreground\">Authorize verified faculty credentials, assign advisory class permissions, and regulate staff-level database access.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div data-index=\"3\" class=\"h-full\" style=\"opacity:0;transform:translateY(14px)\">\n<div data-slot=\"card\" class=\"text-card-foreground flex flex-col gap-6 h-full rounded-md border border-border bg-card p-6 shadow-xs transition-[border-color,box-shadow] duration-200 hover:border-primary\/40 hover:shadow-md\">\n<div data-slot=\"card-content\" class=\"p-0\">\n<div class=\"flex h-10 w-10 items-center justify-center rounded-md border border-border bg-secondary text-primary\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-megaphone h-5 w-5\" aria-hidden=\"true\"><path d=\"M11 6a13 13 0 0 0 8.4-2.8A1 1 0 0 1 21 4v12a1 1 0 0 1-1.6.8A13 13 0 0 0 11 14H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2z\"><\/path><path d=\"M6 14a12 12 0 0 0 2.4 7.2 2 2 0 0 0 3.2-2.4A8 8 0 0 1 10 14\"><\/path><path d=\"M8 6v8\"><\/path><\/svg><\/div>\n<h3 class=\"mt-5 text-lg font-semibold text-card-foreground\">School Bulletin &amp; Content Publishing<\/h3>\n<p class=\"mt-2 text-sm leading-relaxed text-muted-foreground\">Publish official campus news, event calendar schedules, emergency notices, and downloadable learning resources.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"footer\" data-nav=\"dark\" class=\"dark bg-background text-foreground relative overflow-hidden border-t border-border pt-16 pb-12 transition-colors\">\n<div class=\"pointer-events-none absolute -bottom-14 -right-14 z-0 select-none opacity-5\" aria-hidden=\"true\"><svg viewBox=\"0 0 200 200\" class=\"size-96 text-primary\" fill=\"currentColor\"><path d=\"M100 20 C105 45, 125 65, 150 70 C125 75, 105 95, 100 120 C95 95, 75 75, 50 70 C75 65, 95 45, 100 20 Z\"><\/path><circle cx=\"100\" cy=\"100\" r=\"70\" stroke=\"currentColor\" stroke-width=\"3\" fill=\"none\" stroke-dasharray=\"6 6\"><\/circle><path d=\"M50 140 C65 125, 80 135, 100 160 C120 135, 135 125, 150 140\" stroke=\"currentColor\" stroke-width=\"4\" fill=\"none\"><\/path><\/svg><\/div>\n<div class=\"relative z-10 mx-auto max-w-[1200px] px-4 sm:px-6\">\n<div class=\"grid grid-cols-1 gap-10 md:grid-cols-12 lg:gap-8\" style=\"opacity:0;transform:translateY(14px)\">\n<div class=\"min-w-0 md:col-span-5 lg:col-span-5 flex flex-col gap-5\">\n<div><a href=\"https:\/\/dbaminhs.com\" class=\"inline-block transition-opacity hover:opacity-90\"><\/a><\/div>\n<div class=\"flex flex-col gap-1.5 min-w-0\">\n<h2 class=\"text-lg font-semibold tracking-tight text-foreground break-words\">Dr. Bonifacio A. Masilungan Integrated National High School<\/h2>\n<p class=\"text-xs text-primary font-medium break-words\">DepEd School ID: 307714 \u2022 Schools Division of Batangas<\/p>\n<\/div>\n<div class=\"flex flex-col gap-2.5 pt-2 text-sm text-foreground\/80 min-w-0\">\n<div class=\"flex items-start gap-2.5 min-w-0\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-map-pin size-4 shrink-0 text-primary mt-0.5\" aria-hidden=\"true\"><path d=\"M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg><span class=\"break-words\">Brgy. Lalayat, San Jose, Batangas 4227, Philippines<\/span><\/div>\n<div class=\"flex items-center gap-2.5 min-w-0\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-phone size-4 shrink-0 text-primary\" aria-hidden=\"true\"><path d=\"M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384\"><\/path><\/svg><a href=\"tel:0433328939\" class=\"hover:text-foreground transition-colors underline-offset-4 hover:underline break-words\">(043) 332 8939<\/a><\/div>\n<div class=\"flex items-center gap-2.5 min-w-0\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-mail size-4 shrink-0 text-primary\" aria-hidden=\"true\"><path d=\"m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7\"><\/path><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"><\/rect><\/svg><a href=\"mailto:307714@deped.gov.ph\" class=\"hover:text-foreground transition-colors underline-offset-4 hover:underline break-all\">307714@deped.gov.ph<\/a><\/div>\n<div class=\"flex items-start gap-2.5 pt-1 text-xs text-muted-foreground min-w-0\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-clock size-3.5 shrink-0 text-primary mt-0.5\" aria-hidden=\"true\"><path d=\"M12 6v6l4 2\"><\/path><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><\/svg><span class=\"break-words\">Office Hours: Monday\u2013Friday 7:00 AM\u20135:00 PM<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"min-w-0 md:col-span-3 lg:col-span-3 flex flex-col gap-3\">\n<h3 class=\"text-xs font-bold tracking-wider uppercase text-primary\">School Links<\/h3>\n<ul class=\"flex flex-col gap-2.5 min-w-0\">\n<li data-index=\"0\" class=\"min-w-0\"><a href=\"\/about\" class=\"text-sm text-foreground\/80 hover:text-foreground transition-colors inline-flex items-center gap-1.5 break-words\">About DBAMINHS<\/a><\/li>\n<li data-index=\"1\" class=\"min-w-0\"><a href=\"\/academics\" class=\"text-sm text-foreground\/80 hover:text-foreground transition-colors inline-flex items-center gap-1.5 break-words\">Academic Programs<\/a><\/li>\n<li data-index=\"2\" class=\"min-w-0\"><a href=\"\/admissions-enrollment\" class=\"text-sm text-foreground\/80 hover:text-foreground transition-colors inline-flex items-center gap-1.5 break-words\">Admissions &amp; Enrollment<\/a><\/li>\n<li data-index=\"3\" class=\"min-w-0\"><a href=\"\/portals\" class=\"text-sm text-foreground\/80 hover:text-foreground transition-colors inline-flex items-center gap-1.5 break-words\">School Portals<\/a><\/li>\n<\/ul>\n<\/div>\n<div class=\"min-w-0 md:col-span-4 lg:col-span-4 flex flex-col gap-6\">\n<div class=\"flex flex-col gap-3 min-w-0\">\n<h3 class=\"text-xs font-bold tracking-wider uppercase text-primary\">Student &amp; Community<\/h3>\n<ul class=\"flex flex-col gap-2.5 min-w-0\">\n<li data-index=\"0\" class=\"min-w-0\"><a href=\"\/news-events\" class=\"text-sm text-foreground\/80 hover:text-foreground transition-colors inline-flex items-center gap-1.5 break-words\">News &amp; Announcements<\/a><\/li>\n<li data-index=\"1\" class=\"min-w-0\"><a href=\"\/news-events\" class=\"text-sm text-foreground\/80 hover:text-foreground transition-colors inline-flex items-center gap-1.5 break-words\">Campus Calendar<\/a><\/li>\n<li data-index=\"2\" class=\"min-w-0\"><a href=\"\/resources\" class=\"text-sm text-foreground\/80 hover:text-foreground transition-colors inline-flex items-center gap-1.5 break-words\">Downloadable Forms &amp; E-Library<\/a><\/li>\n<li data-index=\"3\" class=\"min-w-0\"><a href=\"\/privacy-policy\" class=\"text-sm text-foreground\/80 hover:text-foreground transition-colors inline-flex items-center gap-1.5 break-words\">Privacy Policy<\/a><\/li>\n<\/ul>\n<\/div>\n<div data-wvc-dynamic=\"MenuProvider\" data-wvc-menu_id=\"46\"><\/div>\n<\/div>\n<\/div>\n<div data-orientation=\"horizontal\" role=\"none\" data-slot=\"separator\" class=\"shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px my-10 bg-border\/60\"><\/div>\n<div class=\"flex flex-col sm:flex-row items-center justify-between gap-4 text-xs text-muted-foreground text-center sm:text-left min-w-0\">\n<p class=\"max-w-3xl leading-relaxed break-words\">\u00a9 <!-- -->2026<!-- --> Dr. Bonifacio A. Masilungan Integrated National High School. All rights reserved. Department of Education, Republic of the Philippines.<\/p>\n<div class=\"shrink-0 flex items-center gap-1.5 text-foreground\/70\"><span>DepEd CALABARZON<\/span><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-external-link size-3\" aria-hidden=\"true\"><path d=\"M15 3h6v6\"><\/path><path d=\"M10 14 21 3\"><\/path><path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path><\/svg><\/div>\n<\/div>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<p><script type=\"text\/javascript\">\n    window.addEventListener(\"load\", function () {\n        const root = document.getElementById(\"portals-root\");\n        if (!root) return;<\/p>\n<p>        const api = window[\"PortalsVC\"];\n        if (!api) {\n            console.error(\"PortalsVC is not available\");\n            return;\n        }<\/p>\n<p>        let initial = window.__VC_PROPS__?.[\"PortalsVC\"] || {};\n        const ssrUrl = \"portals\" === \"home\"\n            ? \"\/\"\n            : \"\/\" + \"portals\";<\/p>\n<p>        initial.router ??= \"memory\";\n        initial.initialEntries ??= [ssrUrl];<\/p>\n<p>        const hasSSR = root.childElementCount > 0;<\/p>\n<p>        if (hasSSR) api.hydrate(root, initial);\n        else api.mount(root, initial);\n    });\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Official Institutional Directory Portals Directory This centralized directory connects students, educators, parents, and administrative staff to the school&#x27;s secure, role-based account system. Select the appropriate&#8230;<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_wvc_editor":true,"_wvc_home":false,"_wvc_shop":false,"_wvc_checkout":false,"_wvc_cart":false,"_wvc_account":false,"footnotes":""},"class_list":["post-30","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dbaminhs.com\/tl\/wp-json\/wp\/v2\/pages\/30","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dbaminhs.com\/tl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dbaminhs.com\/tl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dbaminhs.com\/tl\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/dbaminhs.com\/tl\/wp-json\/wp\/v2\/comments?post=30"}],"version-history":[{"count":7,"href":"https:\/\/dbaminhs.com\/tl\/wp-json\/wp\/v2\/pages\/30\/revisions"}],"predecessor-version":[{"id":213,"href":"https:\/\/dbaminhs.com\/tl\/wp-json\/wp\/v2\/pages\/30\/revisions\/213"}],"wp:attachment":[{"href":"https:\/\/dbaminhs.com\/tl\/wp-json\/wp\/v2\/media?parent=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}