Welcome to
Holy Family Academy of Quezon Nueva Ecija Inc.

<style> ._main_dt5g2_90{ display:none; } .about-hero{ position:relative; width:100%; min-height:100vh; display:flex; justify-content:flex-end; padding:80px 30px; font-family:"Poppins",sans-serif; } .about-container{ position:relative; z-index:1; width:100%; max-width:860px; margin-left:auto; } .about-hero::before{ content:""; position:absolute; inset:0; background: linear-gradient( rgba(255,255,255,0.03) 1px, transparent 1px ), linear-gradient( 90deg, rgba(255,255,255,0.03) 1px, transparent 1px ); background-size:50px 50px; mask-image: linear-gradient( to bottom, rgba(0,0,0,0.7), transparent ); pointer-events:none; } .about-hero::after{ content:""; position:absolute; width:700px; height:700px; border-radius:50%; background: radial-gradient( circle, rgba(182,255,93,0.18), transparent 70% ); filter:blur(120px); top:-220px; right:-180px; pointer-events:none; } .about-left{ position:relative; width:100%; padding:65px; border-radius:36px; background: radial-gradient( circle at top left, rgba(154,255,95,0.12), transparent 30% ), radial-gradient( circle at bottom right, rgba(97,255,184,0.08), transparent 35% ), linear-gradient( 135deg, #03140a 0%, #062816 40%, #0a3f24 100% ); } .about-left::before{ content:""; position:absolute; inset:0; background: linear-gradient( 180deg, rgba(255,255,255,0.08), transparent 30% ); pointer-events:none; } .about-badge{ display:flex; align-items:center; justify-content:center; gap:10px; width:fit-content; padding:12px 22px; margin:0 auto 30px; border-radius:999px; background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.14); color:#dcffb6; font-size:12px; font-weight:600; letter-spacing:2px; text-transform:uppercase; backdrop-filter:blur(10px); text-align:center; } .about-badge::before{ content:""; width:8px; height:8px; border-radius:50%; background:#b8ff64; box-shadow:0 0 15px #b8ff64; } .about-title{ font-size:clamp(3rem,6vw,5.8rem); line-height:1; font-weight:800; text-align:center; color:#ffffff; margin-bottom:28px; letter-spacing:-2px; } .about-title span{ background: linear-gradient( 135deg, #d8ff8f, #9dff5f, #6dffb3 ); -webkit-background-clip:text; -webkit-text-fill-color:transparent; } .about-description{ max-width:850px; margin:0 auto 45px; text-align:center; color:rgba(255,255,255,0.82); font-size:1.05rem; line-height:2; } .vision-mission-grid{ display:grid; grid-template-columns:1fr; gap:24px; } .info-card{ position:relative; padding:35px; border-radius:30px; background: linear-gradient( 160deg, rgba(255,255,255,0.10), rgba(255,255,255,0.04) ); border:1px solid rgba(255,255,255,0.10); overflow:hidden; transition: transform 0.4s ease, border-color 0.4s ease, background 0.4s ease; } .info-card::before{ content:""; position:absolute; inset:0; background: linear-gradient( 180deg, rgba(255,255,255,0.10), transparent ); opacity:0.7; pointer-events:none; } .info-card:hover{ transform:translateY(-10px); border-color:rgba(184,255,100,0.45); background: linear-gradient( 160deg, rgba(255,255,255,0.14), rgba(255,255,255,0.06) ); } .info-card h2{ position:relative; font-size:1.8rem; font-weight:700; color:#d9ff9b; margin-bottom:18px; text-align:center; } .info-card p, .info-card li{ position:relative; color:rgba(255,255,255,0.84); font-size:1rem; line-height:2; } .info-card p{ text-align:center; } .info-card ul{ padding-left:20px; } .info-card li{ margin-bottom:14px; } .info-card li::marker{ color:#baff69; } @media(max-width:768px){ .about-hero{ padding:80px 16px 60px; } .about-left{ padding:35px 24px; border-radius:28px; } .about-title{ font-size:2.8rem; line-height:1.1; } .about-description{ font-size:0.98rem; line-height:1.9; } .info-card{ padding:28px 22px; } .info-card h2{ font-size:1.5rem; } } @media(max-width:480px){ .about-title{ font-size:2.2rem; } .about-badge{ width:100%; font-size:11px; line-height:1.5; padding:12px 16px; } .about-left{ padding:26px 18px; } .info-card{ padding:24px 18px; } .info-card p, .info-card li{ font-size:0.95rem; line-height:1.8; } } .map-container { position: relative; width: 100%; overflow: hidden; padding-bottom: 45%; height: auto; border-radius: 15px; box-shadow: 0 8px 20px rgba(0,0,0,0.15); margin: 2rem; } .map-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; border-radius: 15px; } .video-gallery{ position:relative; width:100%; margin:50px auto 40px; padding:28px; border-radius:36px; background: radial-gradient( circle at top left, rgba(154,255,95,0.12), transparent 30% ), radial-gradient( circle at bottom right, rgba(97,255,184,0.08), transparent 35% ), linear-gradient( 135deg, #03140a 0%, #062816 40%, #0a3f24 100% ); border:1px solid rgba(255,255,255,0.10); overflow:hidden; box-shadow: 0 25px 80px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.05); } .video-gallery::before{ content:""; position:absolute; inset:0; background: linear-gradient( 180deg, rgba(255,255,255,0.08), transparent 35% ); pointer-events:none; } .video-gallery::after{ content:""; position:absolute; width:400px; height:400px; border-radius:50%; background: radial-gradient( circle, rgba(184,255,100,0.18), transparent 70% ); filter:blur(100px); top:-120px; right:-120px; pointer-events:none; } .video-gallery-header{ position:relative; z-index:2; text-align:center; margin-bottom:24px; } .video-gallery-badge{ display:inline-flex; align-items:center; gap:10px; padding:10px 20px; margin-bottom:18px; border-radius:999px; background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.12); color:#d8ff8f; font-size:12px; font-weight:600; letter-spacing:2px; text-transform:uppercase; backdrop-filter:blur(10px); } .video-gallery-badge::before{ content:""; width:8px; height:8px; border-radius:50%; background:#b8ff64; box-shadow:0 0 12px #b8ff64; } .video-gallery-title{ font-size:clamp(2rem,4vw,3.5rem); font-weight:800; color:#fff; line-height:1.1; margin-bottom:14px; letter-spacing:-1px; } .video-gallery-title span{ background: linear-gradient( 135deg, #d8ff8f, #9dff5f, #6dffb3 ); -webkit-background-clip:text; -webkit-text-fill-color:transparent; } .video-gallery-description{ max-width:700px; margin:0 auto; color:rgba(255,255,255,0.78); line-height:1.9; font-size:1rem; } .video-frame-wrapper{ position:relative; z-index:2; width:100%; overflow:hidden; border-radius:28px; border:1px solid rgba(255,255,255,0.10); box-shadow: 0 15px 40px rgba(0,0,0,0.35); } .video-frame-wrapper iframe{ width:100%; aspect-ratio:16/9; display:block; border:none; } @media(max-width:768px){ .video-gallery{ padding:20px; border-radius:28px; margin:40px auto 30px; } .video-gallery-title{ font-size:2.3rem; } .video-gallery-description{ font-size:0.95rem; line-height:1.8; } .video-frame-wrapper{ border-radius:22px; } } @media(max-width:480px){ .video-gallery{ padding:16px; border-radius:22px; } .video-gallery-badge{ width:100%; justify-content:center; text-align:center; line-height:1.5; } .video-gallery-title{ font-size:2rem; } .video-gallery-description{ font-size:0.92rem; } .video-frame-wrapper{ border-radius:18px; } } </style> <section> </style> <div class="about-container"> <div class="about-left"> <div class="about-badge"> Holy Family Academy • School Year 2026–2027 </div> <h1 class="about-title"> About <span>Our School</span> </h1> <p class="about-description"> Holy Family Academy of Quezon, N.E., Inc. is committed to nurturing learners through Christ-centered education, academic excellence, cultural responsibility, and environmental stewardship. We aim to develop future-ready students guided by faith, integrity, compassion, and service. </p> <div class="vision-mission-grid"> <div class="info-card"> <h2>Vision</h2> <p> Holy Family Academy envisions a community of learners who are Christ-centered, academically competent, socially and culturally committed, and caretakers of the environment. </p> </div> <div class="info-card"> <h2>Mission</h2> <ul> <li> Strengthen faith formation as an integral part of every learner’s life. </li> <li> Enhance Christian Living formation across academic and non-academic programs. </li> <li> Provide meaningful learning experiences that promote academic excellence and innovation. </li> <li> Intensify social responsibility and appreciation of Philippine cultural heritage. </li> <li> Promote environmental protection, sustainability, and conservation initiatives. </li> </ul> </div> </div> </div> </div> <section> <div class="video-gallery"> <div class="video-gallery-header"> <div class="video-gallery-badge"> School Highlights • Featured Video </div> <h2 class="video-gallery-title"> Explore Our <span>School Moments</span> </h2> <p class="video-gallery-description"> Discover inspiring events, student activities, and memorable experiences that showcase the vibrant spirit of Holy Family Academy. </p> </div> <div class="video-frame-wrapper"> <iframe src="https://www.facebook.com/plugins/video.php?height=448&href=https%3A%2F%2Fwww.facebook.com%2F100063727006850%2Fvideos%2F1654775839638215%2F&show_text=false&width=560&t=0" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"> </iframe> </div> </div> </section> <section> <div class="map-container"> <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3843.812720389017!2d120.81539467588557!3d15.548167253174901!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3396d6a7e98db295%3A0x437114617081d4a5!2sHoly%20Family%20Parish%20Church%20-%201%2C%20Quezon%2C%20Nueva%20Ecija%20(Diocese%20of%20San%20Jose)!5e0!3m2!1sen!2sph!4v1778030265723!5m2!1sen!2sph" width="500" height="350" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> </div> </section>