{"id":14,"date":"2026-03-13T07:38:02","date_gmt":"2026-03-13T07:38:02","guid":{"rendered":"https:\/\/demo4.yinwoodweb.com\/magsaysay\/?page_id=14"},"modified":"2026-07-15T10:51:25","modified_gmt":"2026-07-15T02:51:25","slug":"about-us","status":"publish","type":"page","link":"https:\/\/demo4.yinwoodweb.com\/magsaysay\/about-us\/","title":{"rendered":"About"},"content":{"rendered":"\n\n\n\n\n
\n\n \n About Us<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@400;600;700&family=Lato:wght@300;400;700&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --red: #B22222;\n --red-deep: #8b1a1a;\n --red-light: #c93a3a;\n --gold: #FFD700;\n --gold-muted: #e6c200;\n --ivory: #F8F4E3;\n --ivory-dark: #efe9d2;\n --ivory-deep: #e5decb;\n --text-dark: #2a1a0a;\n --text-body: #4a3a28;\n --white: #fffdf8;\n }\n\n *, *::before, *::after {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n html {\n scroll-behavior: smooth;\n }\n\n body {\n font-family: 'Lato', sans-serif;\n background-color: var(--ivory);\n color: var(--text-body);\n line-height: 1.8;\n min-height: 100vh;\n overflow-x: hidden;\n }\n\n body::before {\n content: '';\n position: fixed;\n inset: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'\/%3E%3C\/svg%3E\");\n pointer-events: none;\n z-index: 0;\n }\n\n .page-wrapper {\n position: relative;\n z-index: 1;\n }\n\n \/* \u2500\u2500\u2500 Hero \u2500\u2500\u2500 *\/\n .hero {\n text-align: center;\n padding: 70px 40px 50px;\n }\n\n .hero::after {\n content: '';\n display: block;\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, var(--red), var(--gold), var(--red));\n margin: 28px auto 0;\n border-radius: 2px;\n }\n\n .hero h1 {\n font-family: 'Cinzel', serif;\n font-weight: 700;\n font-size: clamp(1.4rem, 3.5vw, 2rem);\n color: var(--red);\n letter-spacing: 0.1em;\n text-transform: uppercase;\n }\n\n .hero p {\n font-size: 1rem;\n color: var(--text-body);\n max-width: 560px;\n margin: 14px auto 0;\n font-weight: 300;\n }\n\n \/* \u2500\u2500\u2500 Quick Nav \u2500\u2500\u2500 *\/\n .quick-nav {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 10px;\n padding: 0 40px 50px;\n }\n\n .quick-nav a {\n font-family: 'Cinzel', serif;\n font-size: 0.72rem;\n font-weight: 600;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n text-decoration: none;\n color: var(--text-body);\n padding: 10px 20px;\n border: 1.5px solid var(--ivory-deep);\n border-radius: 40px;\n background: var(--white);\n transition: all 0.3s ease;\n }\n\n .quick-nav a:hover {\n border-color: var(--gold);\n color: var(--red);\n box-shadow: 0 4px 16px rgba(178, 34, 34, 0.08);\n transform: translateY(-2px);\n }\n\n \/* \u2500\u2500\u2500 Sections \u2500\u2500\u2500 *\/\n .content-area {\n padding: 0 40px 80px;\n display: flex;\n flex-direction: column;\n gap: 50px;\n }\n\n .about-section {\n background: var(--white);\n border: 1px solid var(--ivory-deep);\n border-radius: 16px;\n padding: 44px 48px;\n box-shadow: 0 4px 30px rgba(42, 26, 10, 0.03);\n opacity: 0;\n animation: fadeUp 0.7s ease forwards;\n position: relative;\n overflow: hidden;\n }\n\n .about-section:nth-child(1) { animation-delay: 0.05s; }\n .about-section:nth-child(2) { animation-delay: 0.15s; }\n .about-section:nth-child(3) { animation-delay: 0.25s; }\n .about-section:nth-child(4) { animation-delay: 0.35s; }\n .about-section:nth-child(5) { animation-delay: 0.45s; }\n\n .about-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 4px;\n height: 100%;\n background: linear-gradient(180deg, var(--red), var(--gold));\n border-radius: 4px 0 0 4px;\n }\n\n .section-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n margin-bottom: 16px;\n }\n\n .section-badge .badge-num {\n font-family: 'Cinzel', serif;\n font-size: 0.65rem;\n font-weight: 700;\n letter-spacing: 0.12em;\n color: var(--white);\n background: linear-gradient(135deg, var(--red), var(--red-deep));\n width: 28px;\n height: 28px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .section-badge .badge-label {\n font-family: 'Cinzel', serif;\n font-size: 0.68rem;\n font-weight: 600;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: var(--gold-muted);\n }\n\n .about-section h2 {\n font-family: 'Cinzel', serif;\n font-size: clamp(1.15rem, 2.5vw, 1.5rem);\n font-weight: 700;\n color: var(--red);\n letter-spacing: 0.06em;\n margin-bottom: 8px;\n }\n\n .section-divider {\n width: 50px;\n height: 2px;\n background: linear-gradient(90deg, var(--gold), transparent);\n margin-bottom: 22px;\n border-radius: 2px;\n }\n\n .about-section p {\n font-size: 0.95rem;\n color: var(--text-body);\n margin-bottom: 16px;\n font-weight: 400;\n }\n\n .about-section p:last-child {\n margin-bottom: 0;\n }\n\n \/* \u2500\u2500\u2500 Highlight Quote \u2500\u2500\u2500 *\/\n .highlight-quote {\n border-left: 3px solid var(--gold);\n padding: 14px 22px;\n margin: 20px 0;\n background: var(--ivory);\n border-radius: 0 8px 8px 0;\n font-style: italic;\n color: var(--text-dark);\n font-size: 0.95rem;\n }\n\n \/* \u2500\u2500\u2500 Facts Grid \u2500\u2500\u2500 *\/\n .facts-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 16px;\n margin-top: 20px;\n }\n\n .fact-item {\n background: var(--ivory);\n border: 1px solid var(--ivory-deep);\n border-radius: 10px;\n padding: 20px 18px;\n text-align: center;\n transition: transform 0.3s ease, border-color 0.3s ease;\n }\n\n .fact-item:hover {\n transform: translateY(-3px);\n border-color: var(--gold);\n }\n\n .fact-item .fact-val {\n font-family: 'Cinzel', serif;\n font-size: 1.6rem;\n font-weight: 700;\n color: var(--red);\n display: block;\n margin-bottom: 4px;\n }\n\n .fact-item .fact-label {\n font-size: 0.78rem;\n letter-spacing: 0.06em;\n text-transform: uppercase;\n color: var(--text-body);\n opacity: 0.7;\n }\n\n \/* \u2500\u2500\u2500 Patron Feature \u2500\u2500\u2500 *\/\n .patron-feature {\n display: flex;\n gap: 36px;\n align-items: center;\n margin-top: 20px;\n }\n\n .patron-img {\n flex-shrink: 0;\n width: 220px;\n height: 300px;\n border-radius: 14px;\n overflow: hidden;\n border: 3px solid var(--ivory-deep);\n box-shadow: 0 8px 32px rgba(42, 26, 10, 0.1);\n position: relative;\n transition: transform 0.4s ease, box-shadow 0.4s ease;\n }\n\n .patron-img:hover {\n transform: translateY(-4px);\n box-shadow: 0 14px 44px rgba(178, 34, 34, 0.15);\n }\n\n .patron-img img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n }\n\n .patron-img::after {\n content: '';\n position: absolute;\n inset: 0;\n border-radius: 14px;\n background: linear-gradient(180deg, transparent 60%, rgba(178, 34, 34, 0.08) 100%);\n pointer-events: none;\n }\n\n .patron-caption {\n text-align: center;\n font-family: 'Cinzel', serif;\n font-size: 0.68rem;\n font-weight: 600;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--red);\n margin-top: 10px;\n }\n\n .patron-text {\n flex: 1;\n }\n\n \/* \u2500\u2500\u2500 Mass Schedule Table \u2500\u2500\u2500 *\/\n .schedule-table-wrap {\n overflow-x: auto;\n margin-top: 20px;\n border-radius: 12px;\n border: 1px solid var(--ivory-deep);\n }\n\n .schedule-table {\n width: 100%;\n border-collapse: collapse;\n font-size: 0.9rem;\n }\n\n .schedule-table thead th {\n font-family: 'Cinzel', serif;\n font-size: 0.75rem;\n font-weight: 700;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--white);\n background: linear-gradient(135deg, var(--red), var(--red-deep));\n padding: 14px 20px;\n text-align: left;\n }\n\n .schedule-table thead th:first-child {\n border-radius: 11px 0 0 0;\n }\n\n .schedule-table thead th:last-child {\n border-radius: 0 11px 0 0;\n }\n\n .schedule-table tbody td {\n padding: 14px 20px;\n border-bottom: 1px solid var(--ivory-deep);\n color: var(--text-body);\n vertical-align: top;\n }\n\n .schedule-table tbody tr:last-child td {\n border-bottom: none;\n }\n\n .schedule-table tbody tr:nth-child(even) {\n background: var(--ivory);\n }\n\n .schedule-table tbody tr {\n transition: background 0.2s ease;\n }\n\n .schedule-table tbody tr:hover {\n background: var(--ivory-dark);\n }\n\n .day-cell {\n font-family: 'Cinzel', serif;\n font-weight: 600;\n font-size: 0.85rem;\n color: var(--red);\n letter-spacing: 0.04em;\n white-space: nowrap;\n }\n\n .time-cell {\n font-weight: 400;\n }\n\n .note-cell {\n font-size: 0.82rem;\n opacity: 0.7;\n font-style: italic;\n }\n\n .type-badge {\n display: inline-block;\n font-family: 'Cinzel', serif;\n font-size: 0.65rem;\n font-weight: 700;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n padding: 3px 10px;\n border-radius: 20px;\n margin-right: 6px;\n }\n\n .type-badge.daily {\n background: rgba(178, 34, 34, 0.1);\n color: var(--red);\n }\n\n .type-badge.sunday {\n background: rgba(255, 215, 0, 0.2);\n color: #8a6d00;\n }\n\n .type-badge.special {\n background: rgba(178, 34, 34, 0.15);\n color: var(--red-deep);\n }\n\n \/* \u2500\u2500\u2500 Office Schedule \u2500\u2500\u2500 *\/\n .office-schedule-card {\n background: var(--ivory);\n border: 1px solid var(--ivory-deep);\n border-radius: 12px;\n overflow: hidden;\n margin-top: 20px;\n }\n\n .office-row {\n display: flex;\n align-items: stretch;\n border-bottom: 1px solid var(--ivory-deep);\n transition: background 0.2s ease;\n }\n\n .office-row:last-child {\n border-bottom: none;\n }\n\n .office-row:hover {\n background: var(--ivory-dark);\n }\n\n .office-row-day {\n flex: 0 0 240px;\n font-family: 'Cinzel', serif;\n font-size: 0.88rem;\n font-weight: 700;\n color: var(--red);\n letter-spacing: 0.04em;\n padding: 22px 28px;\n display: flex;\n align-items: center;\n gap: 12px;\n border-right: 1px solid var(--ivory-deep);\n background: rgba(178, 34, 34, 0.03);\n }\n\n .office-row-day svg {\n flex-shrink: 0;\n color: var(--gold-muted);\n }\n\n .office-row-details {\n flex: 1;\n padding: 22px 28px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n gap: 4px;\n }\n\n .office-row-details .time-line {\n font-size: 0.95rem;\n color: var(--text-dark);\n font-weight: 400;\n }\n\n .office-row-details .time-note {\n font-size: 0.8rem;\n opacity: 0.55;\n font-style: italic;\n }\n\n .office-row-details .closed-text {\n font-family: 'Cinzel', serif;\n font-size: 0.85rem;\n font-weight: 600;\n color: var(--red);\n letter-spacing: 0.08em;\n text-transform: uppercase;\n }\n\n \/* \u2500\u2500\u2500 Responsive \u2500\u2500\u2500 *\/\n @media (max-width: 768px) {\n .hero {\n padding: 50px 24px 36px;\n }\n\n .quick-nav {\n padding: 0 20px 36px;\n gap: 8px;\n }\n\n .quick-nav a {\n font-size: 0.65rem;\n padding: 8px 14px;\n }\n\n .content-area {\n padding: 0 18px 60px;\n gap: 36px;\n }\n\n .about-section {\n padding: 30px 24px;\n }\n\n .patron-feature {\n flex-direction: column;\n align-items: center;\n }\n\n .patron-img {\n width: 100%;\n max-width: 280px;\n height: 340px;\n }\n\n .patron-text {\n text-align: center;\n }\n\n .highlight-quote {\n text-align: left;\n }\n\n .office-row {\n flex-direction: column;\n }\n\n .office-row-day {\n flex: auto;\n border-right: none;\n border-bottom: 1px solid var(--ivory-deep);\n padding: 16px 22px;\n }\n\n .office-row-details {\n padding: 16px 22px;\n }\n\n .facts-grid {\n grid-template-columns: 1fr 1fr;\n }\n }\n\n \/* \u2500\u2500\u2500 Animations \u2500\u2500\u2500 *\/\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(24px); }\n to { opacity: 1; transform: translateY(0); }\n }\n <\/style>\n\n\n\n<div class=\"page-wrapper\">\n\n <!-- Hero -->\n <section class=\"hero\">\n <h1>About Our Parish<\/h1>\n <p>Discover the rich heritage, devoted faith, and living traditions that have shaped our sacred community through generations.<\/p>\n <\/section>\n\n <!-- Quick Nav -->\n <nav class=\"quick-nav\">\n <a href=\"#history\">Parish History<\/a>\n <a href=\"#background\">Parish Background<\/a>\n <a href=\"#patron\">Patron Life<\/a>\n <a href=\"#mass\">Mass Schedule<\/a>\n <a href=\"#office\">Office Schedule<\/a>\n <\/nav>\n\n <!-- Content -->\n <div class=\"content-area\">\n\n <!-- 1. Parish History -->\n <section id=\"history\" class=\"about-section\">\n <div class=\"section-badge\">\n <span class=\"badge-num\">1<\/span>\n <span class=\"badge-label\">Our Story<\/span>\n <\/div>\n <h2>Parish History<\/h2>\n <div class=\"section-divider\"><\/div>\n <p>The Sacred Heart Parish was established in 1923 by a small but deeply faithful community of settlers who sought a place of worship in the growing township. What began as a modest wooden chapel built by volunteer hands has since evolved into the vibrant parish that stands today \u2014 a testament to unwavering devotion and communal spirit.<\/p>\n <div class=\"highlight-quote\">\n “From a humble chapel of wood and prayer, we grew into a house of God where generations have found solace, strength, and salvation.”\n <\/div>\n <p>Throughout the decades, the parish weathered wars, natural disasters, and social upheaval. Each challenge only strengthened the resolve of its parishioners. In 1952, the original chapel was replaced by a larger stone church to accommodate the growing congregation. Major renovations in 1987 introduced the stained glass windows and the bell tower that parishioners cherish to this day.<\/p>\n <p>The parish has been guided by twelve dedicated pastors, each leaving a unique mark on the community. From the establishment of the first catechetical program in 1960 to the founding of the parish outreach ministry in 1995, Sacred Heart has remained at the center of spiritual and social life in the area.<\/p>\n\n <div class=\"facts-grid\">\n <div class=\"fact-item\">\n <span class=\"fact-val\">1923<\/span>\n <span class=\"fact-label\">Year Founded<\/span>\n <\/div>\n <div class=\"fact-item\">\n <span class=\"fact-val\">12<\/span>\n <span class=\"fact-label\">Pastors Served<\/span>\n <\/div>\n <div class=\"fact-item\">\n <span class=\"fact-val\">100+<\/span>\n <span class=\"fact-label\">Years of Faith<\/span>\n <\/div>\n <div class=\"fact-item\">\n <span class=\"fact-val\">3,500+<\/span>\n <span class=\"fact-label\">Parishioners<\/span>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- 2. Parish Background -->\n <section id=\"background\" class=\"about-section\">\n <div class=\"section-badge\">\n <span class=\"badge-num\">2<\/span>\n <span class=\"badge-label\">Foundation<\/span>\n <\/div>\n <h2>Parish Background<\/h2>\n <div class=\"section-divider\"><\/div>\n <p>Sacred Heart Parish operates under the Diocese of Gumaca and serves a diverse, multi-generational community spanning several barangays. The parish grounds encompass the main church, a parish hall, a catechetical center, a small garden shrine, and the rectory.<\/p>\n <p>The parish’s mission is rooted in the three pillars of worship, education, and service. Weekly liturgical celebrations are complemented by active ministries including the Legion of Mary, the Knights of Columbus, the Youth Ministry, the Music Ministry, and the Social Services Committee. These groups ensure that the spiritual and temporal needs of the community are met with compassion and dedication.<\/p>\n <div class=\"highlight-quote\">\n “We are not merely a building \u2014 we are a living body of Christ, called to serve, to teach, and to love without condition.”\n <\/div>\n <p>The parish also runs a scholarship program for underprivileged students, a feeding program in partnership with local organizations, and an annual medical mission that serves hundreds of families. Sacred Heart Parish remains committed to being a beacon of hope and a sanctuary of peace for all who enter its doors.<\/p>\n <\/section>\n\n <!-- 3. Patron Life -->\n <section id=\"patron\" class=\"about-section\">\n <div class=\"section-badge\">\n <span class=\"badge-num\">3<\/span>\n <span class=\"badge-label\">Our Patron<\/span>\n <\/div>\n <h2>Life of Our Patron \u2014 The Sacred Heart of Jesus<\/h2>\n <div class=\"section-divider\"><\/div>\n\n <div class=\"patron-feature\">\n <div>\n <div class=\"patron-img\">\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/8\/86\/Sacred_Heart_of_Jesus.JPG\/500px-Sacred_Heart_of_Jesus.JPG\" alt=\"The Sacred Heart of Jesus\">\n <\/div>\n <p class=\"patron-caption\">The Sacred Heart of Jesus<\/p>\n <\/div>\n <div class=\"patron-text\">\n <p>Devotion to the Sacred Heart of Jesus is one of the most recognized and beloved practices in the Catholic tradition. The image of the Sacred Heart represents the boundless love, mercy, and compassion of Christ for all humanity \u2014 a heart encircled by thorns, burning with divine flame, and pierced for the sake of the world.<\/p>\n <p>The devotion was greatly promoted by Saint Margaret Mary Alacoque, a French Visitation nun who received visions of Christ between 1673 and 1675. In these apparitions, Jesus revealed His heart as a symbol of His infinite love, asking that a feast be established in its honor and that the faithful make reparation for the ingratitude shown to Him.<\/p>\n <\/div>\n <\/div>\n\n <p style=\"margin-top:20px;\">The Feast of the Sacred Heart is celebrated on the Friday following the Solemnity of the Body and Blood of Christ (Corpus Christi), falling 19 days after Pentecost. It is a day of solemn prayer, adoration, and consecration to the heart of Jesus.<\/p>\n <div class=\"highlight-quote\">\n “Behold this Heart which has so loved men that it has spared nothing, even to exhausting and consuming itself, in order to testify its love.” \u2014 Jesus to Saint Margaret Mary\n <\/div>\n <p>Our parish takes its name and mission from this profound devotion. We strive to reflect the Sacred Heart’s message of unconditional love in every ministry, every sacrament, and every act of service we offer to our community and to the world.<\/p>\n <\/section>\n\n <!-- 4. Mass Schedule -->\n <section id=\"mass\" class=\"about-section\">\n <div class=\"section-badge\">\n <span class=\"badge-num\">4<\/span>\n <span class=\"badge-label\">Worship<\/span>\n <\/div>\n <h2>Mass Schedule<\/h2>\n <div class=\"section-divider\"><\/div>\n <p>We invite all faithful to join us in the celebration of the Holy Eucharist. Below is our regular Mass schedule. Please check announcements for changes during holy days and special occasions.<\/p>\n\n <div class=\"schedule-table-wrap\">\n <table class=\"schedule-table\">\n <thead>\n <tr>\n <th>Day<\/th>\n <th>Time<\/th>\n <th>Type<\/th>\n <th>Notes<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td class=\"day-cell\">Monday<\/td>\n <td class=\"time-cell\">6:00 AM<\/td>\n <td><span class=\"type-badge daily\">Daily<\/span><\/td>\n <td class=\"note-cell\">Morning Mass<\/td>\n <\/tr>\n <tr>\n <td class=\"day-cell\">Tuesday<\/td>\n <td class=\"time-cell\">6:00 AM<\/td>\n <td><span class=\"type-badge daily\">Daily<\/span><\/td>\n <td class=\"note-cell\">Morning Mass<\/td>\n <\/tr>\n <tr>\n <td class=\"day-cell\">Wednesday<\/td>\n <td class=\"time-cell\">6:00 AM<\/td>\n <td><span class=\"type-badge daily\">Daily<\/span><\/td>\n <td class=\"note-cell\">Morning Mass<\/td>\n <\/tr>\n <tr>\n <td class=\"day-cell\">Thursday<\/td>\n <td class=\"time-cell\">6:00 AM<\/td>\n <td><span class=\"type-badge daily\">Daily<\/span><\/td>\n <td class=\"note-cell\">Adoration after Mass<\/td>\n <\/tr>\n <tr>\n <td class=\"day-cell\">Friday<\/td>\n <td class=\"time-cell\">6:00 AM \/ 5:30 PM<\/td>\n <td><span class=\"type-badge daily\">Daily<\/span><\/td>\n <td class=\"note-cell\">Evening Mass added<\/td>\n <\/tr>\n <tr>\n <td class=\"day-cell\">Saturday<\/td>\n <td class=\"time-cell\">7:00 AM \/ 5:30 PM<\/td>\n <td><span class=\"type-badge special\">Anticipated<\/span><\/td>\n <td class=\"note-cell\">5:30 PM is Sunday Vigil<\/td>\n <\/tr>\n <tr>\n <td class=\"day-cell\">Sunday<\/td>\n <td class=\"time-cell\">6:00 AM \/ 8:00 AM \/ 10:00 AM \/ 5:00 PM<\/td>\n <td><span class=\"type-badge sunday\">Sunday<\/span><\/td>\n <td class=\"note-cell\">Four Masses available<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/section>\n\n <!-- 5. Office Schedule -->\n <section id=\"office\" class=\"about-section\">\n <div class=\"section-badge\">\n <span class=\"badge-num\">5<\/span>\n <span class=\"badge-label\">Services<\/span>\n <\/div>\n <h2>Parish Office Schedule<\/h2>\n <div class=\"section-divider\"><\/div>\n <p>The Parish Office is available to assist with sacramental requirements, certificates, inquiries, and other pastoral needs. Please visit us during the hours listed below.<\/p>\n\n <div class=\"office-schedule-card\">\n <div class=\"office-row\">\n <div class=\"office-row-day\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"15\" y1=\"9\" x2=\"9\" y2=\"15\"><\/line><line x1=\"9\" y1=\"9\" x2=\"15\" y2=\"15\"><\/line><\/svg>\n Monday & Holidays\n <\/div>\n <div class=\"office-row-details\">\n <span class=\"closed-text\">Closed<\/span>\n <span class=\"time-note\">For emergencies, please contact the rectory directly<\/span>\n <\/div>\n <\/div>\n\n <div class=\"office-row\">\n <div class=\"office-row-day\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline><\/svg>\n Tuesday \u2013 Saturday\n <\/div>\n <div class=\"office-row-details\">\n <span class=\"time-line\">9:00 A.M \u2013 12:00 N.N<\/span>\n <span class=\"time-line\">2:00 P.M \u2013 5:00 P.M<\/span>\n <span class=\"time-note\">Closed for lunch break from 12:00 N.N to 2:00 P.M<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <\/div>\n\n<\/div>\n\n<script>\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.animationPlayState = 'running';\n }\n });\n }, { threshold: 0.1 });\n\n document.querySelectorAll('.about-section').forEach(section => {\n section.style.animationPlayState = 'paused';\n observer.observe(section);\n });\n<\/script>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-f026d048 alignfull uagb-is-root-container\">\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Our Parish Priests<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@400;500;600;700&family=Lora:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap\" rel=\"stylesheet\">\n<style>\n *, *::before, *::after {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --red: #B22222;\n --red-deep: #8b1a1a;\n --gold: #FFD700;\n --gold-muted: #e6c200;\n --ivory: #F8F4E3;\n --ivory-dark: #efe9d2;\n --ivory-deep: #e5decb;\n --text-dark: #2a1a0a;\n --text-body: #4a3a28;\n --white: #fffdf8;\n }\n\n html {\n scroll-behavior: smooth;\n }\n\n body {\n font-family: 'Lora', serif;\n background-color: var(--ivory);\n color: var(--text-body);\n line-height: 1.8;\n min-height: 100vh;\n overflow-x: hidden;\n }\n\n body::before {\n content: '';\n position: fixed;\n inset: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'\/%3E%3C\/svg%3E\");\n pointer-events: none;\n z-index: 0;\n }\n\n .page-wrapper {\n position: relative;\n z-index: 1;\n }\n\n \/* \u2500\u2500 Hero \u2500\u2500 *\/\n .hero {\n text-align: center;\n padding: 70px 40px 50px;\n }\n\n .hero::after {\n content: '';\n display: block;\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, var(--red), var(--gold), var(--red));\n margin: 28px auto 0;\n border-radius: 2px;\n }\n\n .hero h1 {\n font-family: 'Cinzel', serif;\n font-weight: 700;\n font-size: clamp(1.4rem, 3.5vw, 2rem);\n color: #B22222;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n }\n\n .hero p {\n font-size: 1rem;\n color: #000000;\n max-width: 600px;\n margin: 14px auto 0;\n font-weight: 400;\n line-height: 1.8;\n }\n\n \/* \u2500\u2500 Priest Section \u2500\u2500 *\/\n .priest-section-wrap {\n padding: 0 40px 80px;\n }\n\n .priest-section {\n background: var(--white);\n border: 1px solid var(--ivory-deep);\n border-radius: 16px;\n padding: 44px 48px;\n box-shadow: 0 4px 30px rgba(42, 26, 10, 0.03);\n opacity: 0;\n animation: fadeUp 0.7s ease forwards;\n position: relative;\n overflow: hidden;\n }\n\n .priest-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 4px;\n height: 100%;\n background: linear-gradient(180deg, var(--red), var(--gold));\n border-radius: 4px 0 0 4px;\n }\n\n \/* \u2500\u2500 Priest Cards Grid \u2500\u2500 *\/\n .priests-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 24px;\n margin-top: 8px;\n }\n\n \/* \u2500\u2500 Priest Card \u2500\u2500 *\/\n .priest-card {\n background: var(--ivory);\n border: 1px solid var(--ivory-deep);\n border-radius: 14px;\n overflow: hidden;\n transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.3s ease;\n opacity: 0;\n animation: fadeUp 0.7s ease forwards;\n }\n\n .priest-card:nth-child(1) { animation-delay: 0.1s; }\n .priest-card:nth-child(2) { animation-delay: 0.2s; }\n .priest-card:nth-child(3) { animation-delay: 0.3s; }\n .priest-card:nth-child(4) { animation-delay: 0.4s; }\n\n .priest-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 14px 44px rgba(178, 34, 34, 0.1);\n border-color: var(--gold);\n }\n\n \/* \u2500\u2500 Card Image \u2500\u2500 *\/\n .priest-card-img {\n width: 100%;\n height: 220px;\n overflow: hidden;\n position: relative;\n }\n\n .priest-card-img img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n transition: transform 0.5s ease;\n }\n\n .priest-card:hover .priest-card-img img {\n transform: scale(1.04);\n }\n\n \/* \u2500\u2500 Card Body \u2500\u2500 *\/\n .priest-card-body {\n padding: 22px 20px 24px;\n text-align: center;\n }\n\n .priest-card-role {\n font-family: 'Cinzel', serif;\n font-size: 0.72rem;\n font-weight: 600;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: #000000;\n margin-bottom: 6px;\n }\n\n .priest-card-body h3 {\n font-family: 'Cinzel', serif;\n font-size: 0.95rem;\n font-weight: 700;\n color: #000000;\n letter-spacing: 0.04em;\n margin-bottom: 10px;\n line-height: 1.3;\n }\n\n .priest-card-divider {\n width: 30px;\n height: 2px;\n background: linear-gradient(90deg, var(--gold), transparent);\n margin: 0 auto 12px;\n border-radius: 2px;\n }\n\n .priest-card-bio {\n font-size: 0.82rem;\n color: #000000;\n line-height: 1.7;\n opacity: 0.85;\n }\n\n \/* \u2500\u2500 Animations \u2500\u2500 *\/\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(24px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* \u2500\u2500 Responsive \u2500\u2500 *\/\n @media (max-width: 1024px) {\n .priests-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n }\n }\n\n @media (max-width: 768px) {\n .hero { padding: 50px 24px 36px; }\n .hero p { font-size: 0.92rem; }\n\n .priest-section-wrap { padding: 0 18px 60px; }\n .priest-section { padding: 30px 24px; }\n\n .priests-grid {\n grid-template-columns: 1fr;\n gap: 20px;\n max-width: 400px;\n margin: 8px auto 0;\n }\n\n .priest-card-img { height: 260px; }\n }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"page-wrapper\">\n\n <!-- Hero -->\n <section class=\"hero\">\n <h1>Our Parish Priests<\/h1>\n <p>Faithful shepherds who serve our community with devotion, humility, and grace. United in priestly brotherhood, they guide our parish toward Christ through the sacraments, preaching, and steadfast pastoral care.<\/p>\n <\/section>\n\n <!-- Priest Cards -->\n <div class=\"priest-section-wrap\">\n <section class=\"priest-section\">\n\n <div class=\"priests-grid\">\n\n <!-- Priest 1 -->\n <div class=\"priest-card\">\n <div class=\"priest-card-img\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1582750433449-648ed127bb54?w=500&h=400&fit=crop&crop=faces\" alt=\"Rev. Fr. Antonio Dela Cruz\" loading=\"lazy\">\n <\/div>\n <div class=\"priest-card-body\">\n <p class=\"priest-card-role\">Parish Priest<\/p>\n <h3>Rev. Fr. Antonio Dela Cruz<\/h3>\n <div class=\"priest-card-divider\"><\/div>\n <p class=\"priest-card-bio\">Ordained in 2005, known for pastoral warmth and dedication to youth formation. Under his leadership, the parish launched scholarship and feeding programs.<\/p>\n <\/div>\n <\/div>\n\n <!-- Priest 2 -->\n <div class=\"priest-card\">\n <div class=\"priest-card-img\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1607990281513-2c110a25bd8c?w=500&h=400&fit=crop&crop=faces\" alt=\"Rev. Fr. Michael Reyes\" loading=\"lazy\">\n <\/div>\n <div class=\"priest-card-body\">\n <p class=\"priest-card-role\">Parochial Vicar<\/p>\n <h3>Rev. Fr. Michael Reyes<\/h3>\n <div class=\"priest-card-divider\"><\/div>\n <p class=\"priest-card-bio\">Fr. Michael assists in the daily celebration of the sacraments and leads the parish music ministry. His approachable nature endears him to all ages.<\/p>\n <\/div>\n <\/div>\n\n <!-- Priest 3 -->\n <div class=\"priest-card\">\n <div class=\"priest-card-img\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1560250097-0b93528c311a?w=500&h=400&fit=crop&crop=faces\" alt=\"Msgr. Eduardo Santos\" loading=\"lazy\">\n <\/div>\n <div class=\"priest-card-body\">\n <p class=\"priest-card-role\">Parish Priest Emeritus<\/p>\n <h3>Msgr. Eduardo Santos<\/h3>\n <div class=\"priest-card-divider\"><\/div>\n <p class=\"priest-card-bio\">Msgr. Santos oversaw the major restoration of the church interior and the establishment of the catechetical center during his years of service.<\/p>\n <\/div>\n <\/div>\n\n <!-- Priest 4 -->\n <div class=\"priest-card\">\n <div class=\"priest-card-img\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519085360753-af0119f7cbe7?w=500&h=400&fit=crop&crop=faces\" alt=\"Rev. Fr. Jose Mendoza\" loading=\"lazy\">\n <\/div>\n <div class=\"priest-card-body\">\n <p class=\"priest-card-role\">Former Parish Priest<\/p>\n <h3>Rev. Fr. Jose Mendoza<\/h3>\n <div class=\"priest-card-divider\"><\/div>\n <p class=\"priest-card-bio\">Fr. Mendoza founded the parish outreach ministry in 1995 and led the community through its period of greatest growth and expansion.<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n <\/div>\n\n<\/div>\n\n<script>\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.animationPlayState = 'running';\n }\n });\n }, { threshold: 0.1 });\n\n document.querySelectorAll('.priest-section, .priest-card').forEach(el => {\n el.style.animationPlayState = 'paused';\n observer.observe(el);\n });\n<\/script>\n\n<\/body>\n<\/html>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Parish Leadership About Us About Our Parish Discover the rich heritage, devoted faith, and living traditions that have shaped our […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"slim_seo":{"title":"About - Sacred Heart of Jesus Parish","description":"About Us About Our Parish Discover the rich heritage, devoted faith, and living traditions that have shaped our sacred community through generations. Parish His"},"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"phwpywadsa623","author_link":"https:\/\/demo4.yinwoodweb.com\/magsaysay\/blog\/author\/phwpywadsa623\/"},"uagb_comment_info":0,"uagb_excerpt":"Parish Leadership About Us About Our Parish Discover the rich heritage, devoted faith, and living traditions that have shaped our […]","_links":{"self":[{"href":"https:\/\/demo4.yinwoodweb.com\/magsaysay\/wp-json\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo4.yinwoodweb.com\/magsaysay\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo4.yinwoodweb.com\/magsaysay\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo4.yinwoodweb.com\/magsaysay\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/demo4.yinwoodweb.com\/magsaysay\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":129,"href":"https:\/\/demo4.yinwoodweb.com\/magsaysay\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":2450,"href":"https:\/\/demo4.yinwoodweb.com\/magsaysay\/wp-json\/wp\/v2\/pages\/14\/revisions\/2450"}],"wp:attachment":[{"href":"https:\/\/demo4.yinwoodweb.com\/magsaysay\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}