Welcome to
SANTA CRUZ ACADEMY

<style> ._main_dt5g2_90{ display:none; } *{ margin:0; padding:0; box-sizing:border-box; } :root{ --primary:#002b83; --secondary:#1d4ea5; --accent:#ffd54f; --white:#ffffff; --text:#2f3a56; --shadow:0 18px 45px rgba(0,0,0,0.12); --shadow-hover:0 25px 55px rgba(0,0,0,0.18); --glass:rgba(255,255,255,0.72); --border:rgba(255,255,255,0.4); --bg:#f5f8ff; } .main-wrapper{ width:100%; overflow:hidden; } .card{ position:relative; background:var(--glass); backdrop-filter:blur(14px); border:1px solid var(--border); border-radius:28px; padding:38px 34px; overflow:hidden; transition:0.4s ease; box-shadow:var(--shadow); } .card::before{ content:""; position:absolute; width:220px; height:220px; background:linear-gradient( 135deg, rgba(255,213,79,0.28), rgba(0,43,131,0.08) ); border-radius:50%; top:-110px; right:-100px; } .card::after{ content:""; position:absolute; width:120px; height:120px; background:rgba(255,255,255,0.28); border-radius:50%; bottom:-50px; left:-40px; } .card:hover{ transform:translateY(-10px); box-shadow:var(--shadow-hover); } .card-title{ position:relative; margin-bottom:24px; z-index:2; } .card-title h1{ color:var(--primary); font-size:2rem; font-weight:700; position:relative; display:inline-block; letter-spacing:0.5px; } .card-title h1::after{ content:""; position:absolute; left:0; bottom:-10px; width:70%; height:4px; border-radius:10px; background:var(--accent); } .card-content{ position:relative; z-index:2; } .card-content p, .card-content li{ font-size:1rem; line-height:1.9; color:var(--text); } .card-content ul{ margin-top:16px; padding-left:20px; } .card-content li{ margin-bottom:14px; } .gallery-section, .map-section{ width:100%; padding:60px 8% 90px; } .section-heading{ text-align:flex-start; margin:50px; } .section-heading h1{ color:var(--primary); font-size:2.5rem; position:relative; display:inline-block; font-weight:700; } .section-heading h1::after{ content:""; position:absolute; left:15%; bottom:-12px; width:70%; height:4px; border-radius:10px; background:var(--accent); } .gallery-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(420px,1fr)); gap:28px; } .gallery-item{ position:relative; overflow:hidden; border-radius:24px; box-shadow:var(--shadow); cursor:pointer; } .gallery-item::before{ content:""; position:absolute; inset:0; background:linear-gradient( to top, rgba(0,0,0,0.55), transparent ); opacity:0; transition:0.4s ease; z-index:1; } .gallery-item:hover::before{ opacity:1; } .gallery-item img{ width:100%; height:300px; object-fit:cover; display:block; transition:0.5s ease; } .gallery-item:hover img{ transform:scale(1.08); } .map-container{ width:100%; overflow:hidden; border-radius:28px; box-shadow:var(--shadow-hover); border:2px solid rgba(255,255,255,0.5); } .map-container iframe{ width:100%; height:520px; border:0; } .gallery-h1{ margin-left: 20px; } @media(max-width:992px){ .container{ padding:70px 6% 20px; gap:24px; } .gallery-section, .map-section{ padding:60px 6% 70px; } } @media(max-width:768px){ .container{ grid-template-columns:1fr; padding:55px 20px 20px; } .card{ padding:30px 24px; border-radius:24px; } .card-title h1{ font-size:1.7rem; } .card-content p, .card-content li{ font-size:0.96rem; line-height:1.8; } .section-heading{ margin-bottom:35px; } .section-heading h1{ font-size:2rem; } .gallery-section, .map-section{ display: block; padding:60px 20px 60px; margin-top:40px; } .gallery-item img{ height:240px; } .map-container iframe{ height:360px; } } @media(max-width:480px){ .card-title h1{ font-size:1.45rem; } .section-heading h1{ font-size:1.7rem; } .gallery-item img{ height:210px; } .map-container iframe{ height:300px; } } </style> <div class="container"> <div class="card"> <div class="card-title"> <h1>Philosophy</h1> </div> <div class="card-content"> <p> The Santa Cruz Academy, Inc. is a private sectarian institution whose philosophy is in line with the Diocese of Iba Educational Foundation, Inc. (DIEFI) thrust of strengthening faith through Catholic Education. Based on that thrust, SCA, Inc. is fully committed to delivering dedicated and loyal service to God and country by preparing students to become academically competent, technologically skilled, psychologically and socially prepared, and values-oriented individuals. <br><br> Together with parents and the community as fellow nation-builders, Santa Cruz Academy continuously upholds its mission, vision, goals, objectives, and commitments as a lasting legacy for future generations. </p> </div> </div> <div class="card"> <div class="card-title"> <h1>Mission</h1> </div> <div class="card-content"> <p>Santa Cruz Academy is committed to:</p> <ul> <li> Continuously growing in spiritual, personal, communal, and professional life for the holistic formation of students. </li> <li> Forming and equipping students with Gospel values and 21st-century skills to become active agents of social transformation. </li> <li> Empowering students with the spirit of stewardship and leadership as witnesses to the saving love of God. </li> </ul> </div> </div> <div class="card"> <div class="card-title"> <h1>Vision</h1> </div> <div class="card-content"> <p> Santa Cruz Academy envisions a Christ-centered, dynamic, and effective Catholic academic community committed to excellence, faith, leadership, and service. </p> </div> </div> </div> <section class="gallery-section"> <div class="section-heading"> <h1 class="gallery-h1">Campus Gallery</h1> </div> <div class="gallery-grid"> <div class="gallery-item"> <img src="https://scontent.fmnl8-6.fna.fbcdn.net/v/t39.30808-6/690760747_1523420966244662_249806544179205113_n.jpg?_nc_cat=104&ccb=1-7&_nc_sid=127cfc&_nc_eui2=AeFq_YqCIO_jadm8OgSKn3Bi25G6FqBN1C7bkboWoE3ULl_Ys-WIoOYNVWkZ5-OJ1D1Y080bRgUbzZGfFjAkG4ky&_nc_ohc=3hh0OyyX7iMQ7kNvwGcyNGj&_nc_oc=Ado49BbzH7eVcUY6uDm-mDD9sC_gZnLjeqv2yVrY8ZMH47pfviAgT5_6up3tYmMfM-M&_nc_zt=23&_nc_ht=scontent.fmnl8-6.fna&_nc_gid=rW3TLlUKqUKmhLZLIKEHAA&_nc_ss=7b2a8&oh=00_Af5hxjgyX-EPhU7L7Il6VdJCDvO9h81DzLKeph-9ErTRVQ&oe=6A145B1C"> </div> <div class="gallery-item"> <img src="https://scontent.fmnl8-6.fna.fbcdn.net/v/t39.30808-6/692673799_1523424846244274_6148407165226975485_n.jpg?_nc_cat=100&ccb=1-7&_nc_sid=127cfc&_nc_eui2=AeGqnngmjf7_MKZL3-TesCGsOUEZkDCWJlE5QRmQMJYmUVqpb32RBskOVCR2lyR1TC9E-GWdcHv9lgLqB3Ua0ixb&_nc_ohc=LcVxjoN-7LUQ7kNvwFmujzY&_nc_oc=AdoLkCsXJFb2ffeU0_mU17GGIKwK9pk7esiXcZKP9ohFBgXJPXBXcCILhGhRCRe20DA&_nc_zt=23&_nc_ht=scontent.fmnl8-6.fna&_nc_gid=a8R5y0XcnM-8QS81A4MYNg&_nc_ss=7b2a8&oh=00_Af50zjgLm-eCN8LNR_hGKoOtMx_GuVhDYIpY1PTXm60aGQ&oe=6A147D22"> </div> </div> </section> <section class="map-section"> <div class="section-heading"> <h1>Find Us</h1> </div> <div class="map-container"> <iframe src="https://maps.google.com/maps?q=Santa%20Cruz%20Academy%20Zambales&t=&z=15&ie=UTF8&iwloc=&output=embed" loading="lazy" allowfullscreen> </iframe> </div> </section>