Welcome to
St. Joseph College - Olongapo Inc.

<style> ._main_dt5g2_90 { display: none; } .section { padding: 20px; display: flex; justify-content: center; } .container { width: 100%; max-width: 900px; } .title { text-align: left; font-size: 2.3rem; margin-bottom: 30px; color: #2c6bed; } .card { margin-bottom: 20px; border-radius: 14px; background: #fff; box-shadow: 0 8px 20px rgba(0,0,0,0.05); padding: 22px 24px; transition: all 0.3s ease; border-left: 4px solid transparent; } .card:hover { transform: translateY(-4px); box-shadow: 0 15px 35px rgba(44,107,237,0.15); border-left: 4px solid #2c6bed; } .card h3 { margin: 0 0 8px; color: #2c6bed; font-size: 1.2rem; } .card p { margin: 0; color: #555; line-height: 1.6; font-size: 0.95rem; } .card + .card { margin-top: 15px; } /* gallery */ .image-grid { margin-top: 12px; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 15px; } .image-grid img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 12px; box-shadow: 0 6px 15px rgba(0,0,0,0.08); transition: transform 0.3s ease, box-shadow 0.3s ease; } .image-grid img:hover { transform: scale(1.02); box-shadow: 0 12px 24px rgba(44,107,237,0.15); } .map-container { width:100%; min-height: 600px; margin-top: 12px; overflow: hidden; border-radius: 12px; } .map-container iframe { width: 100%; min-height: 600px; border: 0; display: block; } @media (max-width: 768px) { .section { padding: 30px 18px; } .title { text-align: center; font-size: 2rem; } } .image-grid a { display: block; border-radius: 12px; overflow: hidden; } .image-grid a:hover img { transform: scale(1.05); } .map-card { width: 100%; min-height: 600px; margin-bottom: 20px; border-radius: 14px; background: #fff; box-shadow: 0 8px 20px rgba(0,0,0,0.05); padding: 22px 24px; transition: all 0.3s ease; border-left: 4px solid transparent; } .map-card:hover { transform: translateY(-4px); box-shadow: 0 15px 35px rgba(44,107,237,0.15); border-left: 4px solid #2c6bed; } .map-card h3 { margin: 0 0 8px; color: #2c6bed; font-size: 1.2rem; } .map-card p { margin: 0; color: #555; line-height: 1.6; font-size: 0.95rem; } .map-card + .map-card { margin-top: 15px; } </style> <section class="section history"> <div class="container"> <h2 class="title">Our History</h2> <div class="card"> <h3>Our Foundation</h3> <p> St. Joseph College-Olongapo Inc., formerly known as St. Joseph's School, is a Catholic institution under the Diocese of Iba, dedicated to delivering quality, values-centered education to students in Olongapo City and neighboring provinces. </p> </div> <div class="card"> <h3>Post-War Beginnings</h3> <p> Established after World War II by the Society of the Divine Word Fathers, the school began its mission under the leadership of Fr. Rizalino Veneracion, laying the foundation for academic excellence and spiritual formation. </p> </div> <div class="card"> <h3>Growth and Development</h3> <p> As Olongapo City expanded, the institution evolved alongside it— introducing new facilities and programs to meet the demands of a growing and dynamic student population. </p> </div> <div class="card"> <h3>Academic Recognition</h3> <p> Through consistent dedication to excellence, the college achieved full government recognition for all its academic programs. </p> </div> </div> </section> <section class="section gallery"> <div class="container"> <div class="card"> <div class="image-grid"> <a href="https://www.facebook.com/share/1J48nejwht/" target="_blank"> <img src="https://scontent.fmnl8-2.fna.fbcdn.net/v/t39.30808-6/671538801_949070231208971_5031948806525248817_n.jpg?_nc_cat=111&ccb=1-7&_nc_sid=13d280&_nc_eui2=AeFQF4vhrKFrvoRwbKTKhQoKOY_csmAxEPA5j9yyYDEQ8Hol5AfAQDv5nPdgAn7hsfEi9BbTe3aEJ5WrcZgkTG3z&_nc_ohc=jHBIJUbaTkgQ7kNvwHRByuA&_nc_oc=AdpqiqjcB1_fG2WoksxbAKsqr0_vmRHt3XTfoOO3axL8NENfddSNmwOJhqTorCFSXb0&_nc_zt=23&_nc_ht=scontent.fmnl8-2.fna&_nc_gid=WOtVc94PPi-ZxzeuWEyqMQ&_nc_ss=7b2a8&oh=00_Af6LjAlpqITG44ggdUquF4B25OwXsbrb-NiZPwfBFGrXsg&oe=69FE0756" alt="Campus Image"> </a> <a href="https://www.facebook.com/share/p/18XAuFnCru/" target="_blank"> <img src="https://scontent.fmnl8-1.fna.fbcdn.net/v/t39.30808-6/672681331_1521372736662799_4465555934021080636_n.jpg?_nc_cat=106&ccb=1-7&_nc_sid=7b2446&_nc_eui2=AeHJidvBG3m7laJfGbZFgEQISdbxUZWzLkpJ1vFRlbMuSmMOecCVZLyZaeC6k8AThbahPCfJNxAUQ4wmpveuILaZ&_nc_ohc=Pt-IMeBoUf8Q7kNvwE7JAye&_nc_oc=AdqkwwUAmqdYpZpnlqheUwR1dCG5guy3yic_Dqh8u7v4-FjqxXrFiVMgy2PGjAVvcwk&_nc_zt=23&_nc_ht=scontent.fmnl8-1.fna&_nc_gid=JXhLIoGZllrfKrBRi9VZLQ&_nc_ss=7b2a8&oh=00_Af673VQ941wUCxy5G58fP3JA-f3ImIO-3MBjYf9dZXq7NQ&oe=69FE238A" alt="Campus Image"> </a> </div> </div> </div> </section> <section class="section location"> <div class="map-container"> <h2 class="title">Our Location</h2> <div class="map-card"> <p>Visit St. Joseph College-Olongapo in Olongapo City, Zambales.</p> <div class="map-container"> <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3856.7836084520754!2d120.28267197587728!3d14.837397971233795!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x339670e2b069b6b7%3A0x823290545d2f6acc!2s38%20E%2018th%20St%2C%20Olongapo%20City%2C%202200%20Zambales!5e0!3m2!1sen!2sph!4v1777881133047!5m2!1sen!2sph" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"> </iframe> </div> </div> </div> </section>