Welcome to
Canossa College - San Pablo City, Inc.

<div class="history-card"> <div class="history-header"> <span class="history-badge">Blue & White Pride</span> <h1>Canossa College - San Pablo City, Inc.</h1> <p> Canossa College values the holistic development of our college students. We inspire them to become scholastic and well-rounded individuals by providing life-learning tools and meaningful experiences that prepare them for their chosen careers. </p> </div> </div> <div class="history-card"> <div class="timeline"> <div class="timeline-item"> <span class="timeline-year">About Us</span> <p> At Canossa College, education goes beyond academics. We nurture students to develop their talents, values, leadership, and character through an environment rooted in excellence and faith. </p> </div> <div class="timeline-item"> <span class="timeline-year">Our Vision</span> <p> Canossa College in the City of San Pablo is a nurturing community of learners who develop the fullest capacity of their hearts for the service of the family, community, the Church, nation, and Mother Earth. </p> </div> <div class="timeline-item"> <span class="timeline-year">Our Mission</span> <p> Guided by the Spirit of Jesus Crucified and inspired by St. Magdalene of Canossa, rooted in Filipino traditions and Catholic identity, we commit ourselves to nurture learners through an education centered on the formation of the heart that listens, thinks, discerns, and shares. </p> </div> <div class="timeline-item"> <span class="timeline-year">Our Identity</span> <p> We form students who are academically competent, values-driven, and prepared to contribute meaningfully to society while embodying the Canossian spirit of compassion and service. </p> </div> </div> <div style="text-align:center; margin-top:40px;"> <h3 style="color:lightblue; margin-bottom:10px;"> #WeFormHearts </h3> <p style="font-size:18px; color:#374151; font-weight:600;"> #OurPrideBlueandWhite </p> </div> </div> <div class="gallery-section"> <div class="section-heading"> <h2>Image Gallery</h2> <p>Moments and memories from Canossa College - San Pablo City, Inc.</p> </div> <div class="gallery-grid"> <div class="gallery-item"> <img src="https://scontent.fmnl8-1.fna.fbcdn.net/v/t39.30808-6/680646240_959156020178286_8458525736910193325_n.jpg?_nc_cat=108&ccb=1-7&_nc_sid=127cfc&_nc_eui2=AeGr6rcBmbcfP7aQWWVj9TY3ZeGB40TN3UZl4YHjRM3dRjOzkUcE_1Zgss2D9RxCXNcHEFvBdLYe8OHfuPVUyrSF&_nc_ohc=YoxWA-SQsTUQ7kNvwEF6sIY&_nc_oc=AdrihGF8-5VauSAR61TonSnoFPIXio0RPzWpUxLDcLLL3F6iH3VAnwaHYxWB-dVdlQI&_nc_zt=23&_nc_ht=scontent.fmnl8-1.fna&_nc_gid=MjakQo7ugiYZHTzyj_u3qQ&_nc_ss=7b2a8&oh=00_Af5v7UixwpgR9PT2T0tsDOaT5DGM44AN0LeTtCSWHI3aBw&oe=6A15D8E2" alt=""> </div> <div class="gallery-item"> <img src="https://scontent.fmnl8-4.fna.fbcdn.net/v/t39.30808-6/657669000_1595670632309829_5984651630208423257_n.jpg?_nc_cat=102&ccb=1-7&_nc_sid=127cfc&_nc_eui2=AeGWx6QmAH0dOuQfUh2Qmy0K_FtN40yO10v8W03jTI7XS7NqaNj2GKVqdhVNPE3MLzXkV2cg99NRjp5OV5OO3x9y&_nc_ohc=07fE21gonGYQ7kNvwHtAShM&_nc_oc=AdoiMut3y8s6jIuoOSLjFjywW9nBbg8KR66TLDgVefYsCoUEJt1hWuUYAIKW3la8TSc&_nc_zt=23&_nc_ht=scontent.fmnl8-4.fna&_nc_gid=hb59ZiDlg0BReoJhMhvFjQ&_nc_ss=7b2a8&oh=00_Af5bqpM-97Vynm_vu-quF0KEH_x6nqRkoXP7ls8c4FpvUw&oe=6A15F0CC" alt=""> </div> <div class="gallery-item"> <img src="https://scontent.fmnl8-3.fna.fbcdn.net/v/t39.30808-6/634847402_1558010146075878_363035570606473858_n.jpg?_nc_cat=101&ccb=1-7&_nc_sid=127cfc&_nc_eui2=AeGaBOI22jLkkizJim-MJrYlpbdQXYZO9jylt1Bdhk72PCfYYpqzAS4q46B9ywu4gWt0UyNV024wAf9d-gUhRuFv&_nc_ohc=bQ1Lvs-o3K4Q7kNvwGTEnV6&_nc_oc=AdqJ2RpAetpvDQQp9rv4D3IzVVQ0uGTsggmp93GdyInnh5Z4vbkr0v3chQaykifAaS0&_nc_zt=23&_nc_ht=scontent.fmnl8-3.fna&_nc_gid=dQGPCOG2SskkkwuxxxUM7g&_nc_ss=7b2a8&oh=00_Af5NyH0YnvOyUVxq6-nBlS3pP7vggo6iMvd0d-NkL1HScw&oe=6A15CBAF" alt=""> </div> <div class="gallery-item"> <img src="https://scontent.fmnl8-6.fna.fbcdn.net/v/t39.30808-6/614551774_1528971798979713_651102591605770473_n.jpg?_nc_cat=100&ccb=1-7&_nc_sid=127cfc&_nc_eui2=AeFRZlwbfZRG2RwfeuyEvT0TFT5Mk2OpNXAVPkyTY6k1cHvYAOgcjXSAM-Ph7ulbJPiIsdteEJ88PXQqbsGHD9T_&_nc_ohc=jeHoob3LMIIQ7kNvwHfo17q&_nc_oc=Adrcwwf6ArI1zPA7lJ1dP6JFVFbEz-krUp2Kr06jbcw7yx44jcLiTrTjDnvNjmqeUW8&_nc_zt=23&_nc_ht=scontent.fmnl8-6.fna&_nc_gid=QwUb73R-YLDpzFRsoFxBuA&_nc_ss=7b2a8&oh=00_Af7iC_fB1fJfTpGKMK0cUnmOHRdoK1ewpVO8N3_00zQFZg&oe=6A15F7BE" alt=""> </div> <div class="gallery-item"> <img src="https://scontent.fmnl8-2.fna.fbcdn.net/v/t39.30808-6/604658518_1512698830607010_5957101274128605009_n.jpg?_nc_cat=111&ccb=1-7&_nc_sid=127cfc&_nc_eui2=AeHpaJyLQvp3Cv1DwGLQ6errt98teSDL7m-33y15IMvub9sC0D3CpuHET4YbfzyT8tweP-7vYj4JCYvxYKnXOC9a&_nc_ohc=IJFDPX1bsj8Q7kNvwFe9S0l&_nc_oc=AdoDP3msbYsOFx09mKbI7-79pU1fkBNxwJS67fNdoj1QiBSHhWeDjVHwUzNYGnMjHRE&_nc_zt=23&_nc_ht=scontent.fmnl8-2.fna&_nc_gid=IfmMLcwKaFSSI1D_0WTHEQ&_nc_ss=7b2a8&oh=00_Af7AvjmY1iZ_lMkEgQOXicCApABractwBAmRHpy_WEE3PQ&oe=6A15E383" alt=""> </div> <div class="gallery-item"> <img src="https://scontent.fmnl8-3.fna.fbcdn.net/v/t39.30808-6/579852350_1475163431027217_3636387990874837817_n.jpg?_nc_cat=110&ccb=1-7&_nc_sid=833d8c&_nc_eui2=AeFzpqrF4Z686ZaIRIECg9ccFMC5CrmDNWIUwLkKuYM1YtY-l2RG2KVrGHz2YQSz_f-gh0C6FN9641GareYteABs&_nc_ohc=Jm4btLC3TpEQ7kNvwHrBNCx&_nc_oc=Adrl6zjxbWS36nPZO4htoOFBdKY5ELQQHjloHHiqLU8NJUT52o_Wj7Y_dxEQaUsO0js&_nc_zt=23&_nc_ht=scontent.fmnl8-3.fna&_nc_gid=EKvqehyN4DslH3qHU_3TdA&_nc_ss=7b2a8&oh=00_Af5hl90nZZ5HYB-N4lOirX3hm8imA-OkS9pAV76ArqX3Ww&oe=6A15D4CC" alt=""> </div> </div> </div> <div class="media-section"> <div class="section-heading"> <h2>Video Highlights</h2> <p>Campus moments and memorable celebrations</p> </div> <div class="media-grid"> <div class="media-card"> <h3>Moving Up & Graduation 👩‍🎓👨‍🎓</h3> <div class="video-container"> <iframe src="https://www.facebook.com/plugins/video.php?height=314&href=https%3A%2F%2Fwww.facebook.com%2Freel%2F2566181177109680%2F&show_text=false&width=560&t=0" width="560" height="314" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share" allowFullScreen="true"></iframe> </div> </div> </div> </div> <div class="map-section"> <div class="section-heading"> <h2>Visit Our Campus</h2> <p>Canossa College - San Pablo City, Inc. Location</p> </div> <div class="map-card"> <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3870.000509581601!2d121.3195585108424!3d14.077147086292559!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x33bd5cc571425e69%3A0x8b94ffb728c228e3!2sCanossa%20College%20San%20Pablo%20City!5e0!3m2!1sen!2sph!4v1779432995612!5m2!1sen!2sph" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> </div> </div> <style> ._main_dt5g2_90{ display:none; } .section-heading{ text-align:center; margin-bottom:25px; } .section-heading h2{ font-size:32px; color:#111827; margin-bottom:8px; } .history-card{ background:#fff; border-radius:26px; padding:20px; box-shadow:0 10px 35px rgba(0,0,0,0.06); border:1px solid #e5e7eb; } .history-header{ text-align:center; margin-bottom:40px; } .history-badge{ display:inline-flex; align-items:center; justify-content:center; background:lightblue; color:#fff; padding:8px 18px; border-radius:999px; font-size:13px; margin-bottom:18px; } .history-header h1{ font-size:42px; color:lightblue; margin-bottom:12px; line-height:1.2; } .history-header p{ color:#6b7280; margin:auto; line-height:1.7; } .timeline{ display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,2fr)); gap:20px; } .timeline-item{ background:#f9fafb; border:1px solid #edf0f3; border-radius:20px; padding:22px; transition:0.3s ease; } .timeline-item:hover{ transform:translateY(-4px); box-shadow:0 10px 25px rgba(0,0,0,0.06); } .timeline-year{ display:inline-block; background:lightblue; color:blue; padding:6px 14px; border-radius:999px; font-size:13px; font-weight:700; margin-bottom:14px; } .timeline-item p{ color:#4b5563; line-height:1.7; font-size:14px; } .gallery-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:18px; } .gallery-item{ overflow:hidden; border-radius:20px; height:220px; position:relative; } .gallery-item img{ width:100%; height:100%; object-fit:cover; transition:0.5s ease; } .gallery-item:hover img{ transform:scale(1.08); } .media-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); gap:22px; } .media-card{ background:#fff; border-radius:24px; padding:20px; box-shadow:0 10px 30px rgba(0,0,0,0.06); } .media-card h3{ font-size:18px; margin-bottom:15px; color:#111827; } .video-container{ overflow:hidden; border-radius:18px; } .video-container iframe{ width:100%; height:820px; border:0; } .map-section{ width:100%; } .map-card{ background:#fff; border-radius:28px; overflow:hidden; box-shadow:0 10px 30px rgba(0,0,0,0.06); border:1px solid #e5e7eb; } .map-card iframe{ width:100%; height:450px; border:0; } @media (min-width:1600px){ .timeline{ grid-template-columns:repeat(4, 1fr); } .gallery-grid{ grid-template-columns:repeat(4, 1fr); } .history-card{ padding:32px; left: 50px; margin: auto; } } @media (max-width:1200px){ grid-template-columns:repeat(2, 1fr); } .gallery-grid{ grid-template-columns:repeat(2, 1fr); } .media-grid{ grid-template-columns:1fr; } } @media (max-width:768px){ .history-card{ padding:20px; border-radius:24px; } .history-header{ gap:16px; padding-bottom:20px; margin-bottom:20px; } .history-badge{ justify-self:center; grid-column:1 / -1; } .history-header h1{ font-size:36px; } .timeline{ grid-template-columns:1fr; gap:16px; } .timeline-item{ min-height:auto; padding:20px; } .timeline-item p{ font-size:15px; line-height:1.8; } .gallery-grid{ grid-template-columns:1fr 1fr; gap:14px; } .gallery-item{ height:180px; } .section-heading h2{ font-size:30px; } .video-container iframe{ height:240px; } .map-card iframe{ height:320px; } } @media (max-width:480px){ .gallery-grid{ grid-template-columns:1fr; } .history-header h1{ font-size:28px; } .section-heading h2{ font-size:26px; } .timeline-item{ padding:18px; border-radius:20px; } .gallery-item{ height:220px; } .video-container iframe{ height:220px; } } </style>