Advertisement

LATEST
Pampanga students, umani ng parangal sa Int’l Science and Engineering Fair sa Amerika Dalawang kabataang Pinoy, nakasungkit ng gintong medalya sa Karate One-Youth League Petisyon ni Bato laban sa kooperasyon ng bansa sa ICC, ipinababasura ng OSG CCTV sa Senado sa araw ng barilan, fully operational ayon kay Aplasca “Do not delay the trial”: Religious groups, nananawagan sa napipintong impeachment trial ni VP Sara Duterte Breaking News: Sotto Napatalsik Bilang Senate President The Big Dome Araneta Coliseum, nabalot ng ingay ng pagpupuri matapos ang matagumpay na “A Night of Worship” kasama si TAYA Handcrafted flowers, patok ngayong Mothers’ Day; taas-presyo ng bulaklak sa Dangwa, asahan P60-bilyong pondo, naibalik na sa PhilHealth FOI Bill, lusot na sa Senado; CIBAC Rep. Bro. Eddie Villanueva, nanawagan ng agarang aksyon ng Kamara Pampanga students, umani ng parangal sa Int’l Science and Engineering Fair sa Amerika Dalawang kabataang Pinoy, nakasungkit ng gintong medalya sa Karate One-Youth League Petisyon ni Bato laban sa kooperasyon ng bansa sa ICC, ipinababasura ng OSG CCTV sa Senado sa araw ng barilan, fully operational ayon kay Aplasca “Do not delay the trial”: Religious groups, nananawagan sa napipintong impeachment trial ni VP Sara Duterte Breaking News: Sotto Napatalsik Bilang Senate President The Big Dome Araneta Coliseum, nabalot ng ingay ng pagpupuri matapos ang matagumpay na “A Night of Worship” kasama si TAYA Handcrafted flowers, patok ngayong Mothers’ Day; taas-presyo ng bulaklak sa Dangwa, asahan P60-bilyong pondo, naibalik na sa PhilHealth FOI Bill, lusot na sa Senado; CIBAC Rep. Bro. Eddie Villanueva, nanawagan ng agarang aksyon ng Kamara
html.archive, body.archive{ margin:0!important; padding:0!important; background:#fff; } body.archive #page, body.archive .site, body.archive .site-content, body.archive .content-area{ margin:0!important; padding:0!important; border:0!important; box-shadow:none!important; max-width:100%!important; background:#fff!important; } /* Typography */ body.archive, .arch-wrap, .card-body{ font-family:'Open Sans', system-ui, -apple-system, Segoe UI, Roboto, sans-serif; } /* Wrapper */ .arch-wrap{ max-width:1200px; margin:0 auto; padding:32px 16px; } /* Header */ .arch-header{ margin:0 0 16px; } .arch-title{ margin:.1rem 0 .35rem; font-weight:800; line-height:1.15; letter-spacing:.01em; font-size:clamp(1.6rem,2.8vw,2.2rem); color:#0d0d0d; } .arch-desc{ color:#555; margin:4px 0 0; } /* Grid */ .cards{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; } @media (max-width:1100px){ .cards{ grid-template-columns:repeat(3,1fr); } } @media (max-width:820px){ .cards{ grid-template-columns:repeat(2,1fr); } } @media (max-width:520px){ .cards{ grid-template-columns:1fr; } } /* Card */ .card{ display:grid; grid-template-rows:auto 1fr; background:#fff; border:1px solid rgba(0,0,0,.06); border-radius:18px; overflow:hidden; box-shadow:0 8px 24px rgba(0,0,0,.06); transition:transform .18s, box-shadow .18s; } .card:hover{ transform:translateY(-2px); box-shadow:0 12px 28px rgba(0,0,0,.1); } /* Media 16:9 */ .card-media{ position:relative; display:block; aspect-ratio:16/9; background:#eee; overflow:hidden; } .card-media img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .35s ease; } .card:hover .card-media img{ transform:scale(1.03); } /* Body */ .card-body{ padding:14px 16px 16px; display:flex; flex-direction:column; gap:.55rem; } .card-title{ margin:0; line-height:1.25; font-weight:700; font-size:clamp(1.02rem,1.9vw,1.15rem); letter-spacing:.01em; text-transform:uppercase; } .card-title a{ color:#0f172a; text-decoration:none; } .card-title a:hover{ color:#FF8C00; } .card-ex{ margin:0; color:#333; line-height:1.55; font-size:.95rem; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } .card-meta{ margin-top:auto; font-size:.82rem; color:#667085; } /* Pagination (styled) */ .arch-pager{ margin:28px 0 6px; display:flex; justify-content:center; } .arch-pager .navigation.pagination{ margin:0; } .arch-pager .nav-links{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; } .arch-pager .page-numbers{ display:inline-flex; align-items:center; justify-content:center; min-width:36px; height:36px; padding:0 12px; border:1px solid rgba(0,0,0,.12); border-radius:10px; background:#fff; color:#0f172a; text-decoration:none; font-weight:700; font-size:.95rem; line-height:1; transition:color .15s, border-color .15s, transform .15s, box-shadow .15s; } .arch-pager .page-numbers:hover{ color:#FF8C00; border-color:#FF8C00; transform:translateY(-1px); box-shadow:0 6px 18px rgba(0,0,0,.08); } .arch-pager .page-numbers.current{ background:#FF8C00; border-color:#FF8C00; color:#fff; cursor:default; box-shadow:0 6px 18px rgba(255,140,0,.28); } .arch-pager .page-numbers.dots{ border:none; background:transparent; box-shadow:none; transform:none; color:#667085; padding:0 6px; min-width:auto; }

Office of Civil Defense

ADVERTISEMENT