Welcome to
Sacred Heart Academy of Lupao, Inc.

<style> ._main_dt5g2_90{ display:none; } .sha-container { max-width: 1600px; width: 100%; margin: auto; padding: 20px; font-family: Arial, sans-serif; line-height: 1.6; color: #333; } .sha-container h1, .sha-container h2, .sha-container h3 { color: #7a1c1c; margin-top: 1.5rem; } .sha-container p { margin-bottom: 1rem; text-align: justify; } .highlight { background: #f9f5f2; padding: 1rem; border-left: 4px solid #7a1c1c; margin: 1.5rem 0; border-radius: 8px; } .section-card { background: #fff; padding: 2rem; padding-bottom: 1rem; border-radius: 18px; margin-bottom: 2rem; box-shadow: 0 8px 20px rgba(0,0,0,0.12); } .hero-title { text-align: center; font-size: 3rem; margin-bottom: .5rem; } .section-title { text-align: center; font-size: 1.6rem; font-weight: 600; color: #7a1c1c; margin: 1rem 0 2rem 0; letter-spacing: 0.5px; } .mission-grid { display: flex; flex-direction: column; gap: 1.2rem; } .mission-item { display: flex; align-items: flex-start; gap: 1rem; background: #f9f5f2; padding: 1rem; border-radius: 12px; } .mission-letter { min-width: 50px; height: 50px; background: #7a1c1c; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.4rem; } .mission-item p { margin: 0; text-align: left; } .image-grid { display: flex; flex-wrap: wrap; gap: 2.5rem; justify-content: center; align-items: flex-start; margin: 2rem 0 1rem 0; } .interactive-img-container { flex: 1 1 420px; max-width: 600px; text-align: center; } .interactive-img-container img { width: 100%; height: 480px; object-fit: cover; display: block; border: 4px solid #333; border-radius: 16px; box-shadow: 0 8px 20px rgba(0,0,0,0.15); transition: transform 0.3s ease, box-shadow 0.3s ease; } .interactive-img-container img:hover { transform: scale(1.03); box-shadow: 0 15px 30px rgba(0,0,0,0.25); } .caption { font-size: 0.85rem; color: #777; margin-top: 0.9rem; line-height: 1.5; max-width: 90%; margin-left: auto; margin-right: auto; } .map-responsive { position: relative; width: 100%; height: 600px; overflow: hidden; border-radius: 18px; box-shadow: 0 10px 25px rgba(0,0,0,0.15); margin: 2rem 0; background: #fff; } .map-responsive iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: none; border-radius: 15px; overflow: hidden; transition: transform 0.4s ease; background: #f5f5f5; } /* Smooth zoom effect */ .map-responsive:hover iframe { transform: scale(1.01); } .hero-card{ margin-bottom: 5rem; padding-bottom: 6rem; } @media (max-width: 768px) { .sha-container { padding: 1rem 0.8rem; } .section-card { padding: 1.2rem; } .hero-title { font-size: 2rem; } .map-responsive { padding-bottom: 65%; } .interactive-img-container { flex: 1 1 100%; } .section-title { font-size: 1.3rem; } .interactive-img-container img { border-width: 3px; border-radius: 12px; height: 250px; } } </style> <div class="sha-container"> <div class="section-card hero-card"> <h1 class="hero-title">SHAducation Your Door to the Future</h1> <div class="highlight"> <p> Sacred Heart Academy continues to provide Christ-centered education that nurtures faith, excellence, leadership, and service for the holistic formation of students. </p> </div> <h2 class="section-title">MISSION</h2> <div class="mission-grid"> <div class="mission-item"> <div class="mission-letter">S</div> <p>Spread the Gospel</p> </div> <div class="mission-item"> <div class="mission-letter">A</div> <p>Aspire students to be globally competitive</p> </div> <div class="mission-item"> <div class="mission-letter">I</div> <p>Intensify the relationship of the school and the stakeholders</p> </div> <div class="mission-item"> <div class="mission-letter">N</div> <p>Nurture love and care for Mother Nature</p> </div> <div class="mission-item"> <div class="mission-letter">T</div> <p>Train individuals with adherence to core values</p> </div> <div class="mission-item"> <div class="mission-letter">S</div> <p>Sustain active community involvement through outreach programs</p> </div> </div> </div> <div class="section-card"> <h2 class="section-title">SCHOOL GALLERY</h2> <div class="image-grid"> <div class="interactive-img-container"> <img src="https://scontent.fmnl8-3.fna.fbcdn.net/v/t39.30808-6/701810417_1408443214634806_2506288401750409811_n.jpg?_nc_cat=101&ccb=1-7&_nc_sid=833d8c&_nc_eui2=AeFz-MxuPaCe-z-Pi4OjFGx5Jrqzk7PwsAsmurOTs_CwC509XwVyj_-tzWnHm5_8u38Bi16yzYxNp6N-qN_cX-f5&_nc_ohc=1rDy59VqzNYQ7kNvwHvo2CP&_nc_oc=AdpFy6MjR7OE9lX8y-CBTvcYp2-kGYG6RgmS5N0n4BinHAYkAMjgH_He48Ijiav3FMc&_nc_zt=23&_nc_ht=scontent.fmnl8-3.fna&_nc_gid=xNV1iN94gWDqxgYwqojPGw&_nc_ss=7b2a8&oh=00_Af42j4RCcntZaZHtTBEmaktH5u81szYs6vwu7Tb5NvKYsw&oe=6A147FE0" alt=""> <div class="caption"> S𝗘𝗡𝗜𝗢𝗥 𝗛𝗜𝗚𝗛 𝗦𝗖𝗛𝗢𝗢𝗟 𝗘𝗡𝗥𝗢𝗟𝗟𝗠𝗘𝗡𝗧 𝗜𝗦 𝗢𝗡𝗚𝗢𝗜𝗡𝗚!. </div> </div> <div class="interactive-img-container"> <img src="https://scontent.fmnl8-4.fna.fbcdn.net/v/t39.30808-6/701736853_1408440621301732_6432289168399639329_n.jpg?_nc_cat=107&ccb=1-7&_nc_sid=833d8c&_nc_eui2=AeGHONTiELPmtLZcotyhnRWLdFaADVQU06F0VoANVBTToeqFqgrlkdhEl8h3sBMCbBgT43DqoYu6bTtwaKI1vy_P&_nc_ohc=yhSZLYydTggQ7kNvwF5ctj2&_nc_oc=AdryTxaDHCy-MXuSEtiaLKVU1AZQfbSqACVNJ7KOk-2-5Iqmyc1gmTX4vV5aYzOQbGs&_nc_zt=23&_nc_ht=scontent.fmnl8-4.fna&_nc_gid=xNV1iN94gWDqxgYwqojPGw&_nc_ss=7b2a8&oh=00_Af7kkBI_af0JunVlFuhytbgaT3oe7YYhYGlrF_R6ZO5vrw&oe=6A148F48" alt=""> <div class="caption"> 𝗝𝗨𝗡𝗜𝗢𝗥 𝗛𝗜𝗚𝗛 𝗦𝗖𝗛𝗢𝗢𝗟 𝗘𝗡𝗥𝗢𝗟𝗟𝗠𝗘𝗡𝗧 𝗜𝗦 𝗢𝗡𝗚𝗢𝗜𝗡𝗚!. </div> </div> <div class="interactive-img-container"> <img src="https://scontent.fmnl8-4.fna.fbcdn.net/v/t39.30808-6/702968955_1408436987968762_8660024063583229201_n.jpg?_nc_cat=107&ccb=1-7&_nc_sid=833d8c&_nc_eui2=AeHTE_iOCo3ZFbPMZ4MhUI-AYVQ40VLQq8BhVDjRUtCrwOS9ii4CcDeL3Ahw1XWvQ6G0Iw8hVZ3-9ALfrmGCBl-B&_nc_ohc=OpalJniYMd0Q7kNvwGq-tm9&_nc_oc=AdpYhwLS8_qnMo8NS6dpeRPoHzRDZzpsJriC0rwyM884WdGKXTiXgl9Tks3-d-6mJDQ&_nc_zt=23&_nc_ht=scontent.fmnl8-4.fna&_nc_gid=xNV1iN94gWDqxgYwqojPGw&_nc_ss=7b2a8&oh=00_Af57xFNhp2hG8yR2dbvGhledUysU9ddQETVCeiOogrR5oQ&oe=6A147EF6" alt=""> <div class="caption"> 𝗘𝗟𝗘𝗠𝗘𝗡𝗧𝗔𝗥𝗬 𝗘𝗡𝗥𝗢𝗟𝗟𝗠𝗘𝗡𝗧 𝗜𝗦 𝗢𝗡𝗚𝗢𝗜𝗡𝗚!. </div> </div> </div> </div> <div class="section-card"> <h2 class="section-title">Campus Location</h2> <div class="map-responsive"> <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3837.512685885992!2d120.89557007588999!3d15.882189544416502!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3390df57842a7f75%3A0x276d14795e6b85cd!2sSacred%20Heart%20Academy!5e0!3m2!1sen!2sph!4v1779348261782!5m2!1sen!2sph" loading="lazy" referrerpolicy="no-referrer-when-downgrade"> </iframe> </div> <div class="caption"> Sacred Heart Academy • Lupao, Nueva Ecija, Philippines </div> </div> </div>