Welcome to
St. Anthony's School of Matain, Inc.

<style> ._main_dt5g2_90{ display:none; } :root{ --gold:#c28b37; --gold-light:#e7c57d; --brown:#5b3416; --cream:#fffaf2; --green:#1f7a6b; --shadow:0 10px 30px rgba(0,0,0,.12); } .school-wrapper{ width:100%; padding:25px; background:#eef1f4; } .school-grid{ max-width:1400px; margin:auto; } .school-content{ display:flex; flex-direction:column; gap:25px; } .school-header{ background:linear-gradient(135deg,#5b3416,#8d5a28,#c28b37); color:#fff; padding:40px; border-radius:30px; box-shadow:var(--shadow); position:relative; overflow:hidden; } .school-header::before{ content:""; position:absolute; width:260px; height:260px; border-radius:50%; background:rgba(255,255,255,.08); top:-100px; right:-80px; } .school-header h1{ margin:0; font-size:48px; line-height:1.1; font-weight:800; position:relative; z-index:2; } .school-header p{ margin-top:15px; font-size:17px; color:#f9e7c3; position:relative; z-index:2; line-height:1.8; } .info-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:22px; } .info-card{ background:#fff; border-radius:24px; padding:30px; box-shadow:var(--shadow); position:relative; overflow:hidden; transition:.35s ease; } .info-card:hover{ transform:translateY(-5px); } .info-card::before{ content:""; position:absolute; top:0; left:0; width:100%; height:8px; background:linear-gradient(90deg,var(--gold),var(--green)); } .info-card h2{ margin-bottom:18px; font-size:26px; color:var(--brown); display:flex; align-items:center; gap:10px; font-weight:700; } .info-card p, .info-card li{ color:#444; line-height:1.9; font-size:15px; } .info-card ul{ padding-left:22px; } .values-list{ margin-top:18px; padding-left:22px; display:flex; flex-direction:column; gap:12px; } .values-list li{ background:linear-gradient(135deg,#fff7ea,#fff); border:1px solid #f2ddba; border-radius:16px; padding:14px 18px; color:var(--brown); font-weight:600; box-shadow:0 5px 15px rgba(0,0,0,.05); list-style:none; position:relative; } .values-list li::before{ content:"✦"; color:var(--gold); font-size:14px; margin-right:10px; } .gallery-section, .map-section{ width:100%; padding:0 25px 35px; background:#eef1f4; } .gallery-card, .map-card{ max-width:1400px; margin:auto; background:#fff; border-radius:30px; padding:35px; box-shadow:var(--shadow); } .section-title{ display:flex; align-items:center; gap:14px; margin-bottom:30px; } .section-title h2{ font-size:34px; color:var(--brown); font-weight:800; } .gallery-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:22px; } .gallery-grid img{ width:100%; height:260px; object-fit:cover; border-radius:22px; transition:.4s ease; box-shadow:0 10px 25px rgba(0,0,0,.10); } .gallery-grid img:hover{ transform:translateY(-6px) scale(1.02); } /* MAP */ .map-frame{ width:100%; overflow:hidden; border-radius:28px; box-shadow:0 10px 25px rgba(0,0,0,.12); } .map-frame iframe{ width:100%; height:500px; border:0; } @media(max-width:1100px){ .info-grid{ grid-template-columns:1fr; } .school-header{ padding:35px; } } @media(max-width:768px){ .school-wrapper, .gallery-section, .map-section{ padding:15px; } .school-header{ padding:28px 22px; border-radius:24px; } .school-header::before{ width:180px; height:180px; top:-60px; right:-50px; } .info-card{ padding:24px; border-radius:20px; } .gallery-card, .map-card{ padding:24px; border-radius:24px; } .gallery-grid{ grid-template-columns:1fr; } .gallery-grid img{ height:240px; } .map-frame iframe{ height:380px; } } @media(max-width:576px){ .school-wrapper, .gallery-section, .map-section{ padding:12px; } .school-content{ gap:18px; } .school-header{ padding:24px 18px; border-radius:20px; } .school-header p{ line-height:1.7; } .info-grid{ gap:18px; } .info-card{ padding:20px; border-radius:18px; } .info-card ul{ padding-left:18px; } .gallery-card, .map-card{ padding:18px; border-radius:20px; } .section-title{ margin-bottom:20px; } .gallery-grid{ gap:16px; } .gallery-grid img{ height:210px; border-radius:18px; } .map-frame{ border-radius:18px; } .map-frame iframe{ height:300px; } } @media(max-width:380px){ .school-header{ padding:20px 16px; } .info-card{ padding:18px; } .gallery-card, .map-card{ padding:16px; } .gallery-grid img{ height:190px; } .map-frame iframe{ height:260px; } } </style> <section class="school-wrapper"> <div class="school-grid"> <div class="school-content"> <div class="school-header"> <h1>St. Anthony's School of Matain, Inc.</h1> <p> Building Christ-centered leaders through transformative Catholic education. </p> </div> <div class="info-grid"> <div class="info-card"> <h2>Vision</h2> <p> St. Anthony’s School of Matain, Inc. envisions a Christ centered and globally competitive institution that continually forms the students to be evangelizers of the words of God and who are ready to serve others. </p> </div> <div class="info-card"> <h2>Mission</h2> <p> We commit ourselves to facilitate the holistic formation of the school community through Transformative Catholic Education. </p> </div> <div class="info-card"> <h2>Goals</h2> <ul> <li> Enhance religion as the core of the curriculum geared towards holistic Christian formation. </li> <li> Ensure that academic policies and programs are anchored in the vision, mission, and goals. </li> <li> Provide quality and excellent education. </li> <li> Foster justice, peace, environmental stewardship, and responsible citizenship. </li> </ul> </div> <div class="info-card"> <h2>Core Values</h2> <p> Love of God, Country and Fellowmen through: </p> <ul class="values-list"> <li>Leadership</li> <li>Responsibility</li> <li>Commitment</li> <li>Service</li> </ul> </div> </div> </div> </div> </section> <section class="gallery-section"> <div class="gallery-card"> <div class="section-title"> <h2>School Gallery</h2> </div> <div class="gallery-grid"> <img src="https://scontent.fmnl8-2.fna.fbcdn.net/v/t39.30808-6/653409935_1528516085943018_113800738258204065_n.jpg?_nc_cat=103&ccb=1-7&_nc_sid=13d280&_nc_eui2=AeHE_KnLrOYxO2x6i2fHbpGjkS0Um351QCyRLRSbfnVALMQXVv31Juwvg_fkOx5vqWMQ6gRnkTvZBMuef8C0SKAn&_nc_ohc=_TJZJmhGriEQ7kNvwEwwowG&_nc_oc=AdoB_O6ucZx-4retH-tUXhiiAsgHgMYKb0kMZb1kRCeOC-E6xJso7dokojqUkC8HWOk&_nc_zt=23&_nc_ht=scontent.fmnl8-2.fna&_nc_gid=N7bHG5Wvm8nA8Mfc-mo2xA&_nc_ss=7b2a8&oh=00_Af6RMJbAy3p2dDzh5Hy2wciqJRFR7aY7ZaWmqaC_n2ka5g&oe=6A0088C8" alt="Gallery Image" loading="lazy"> <img src="https://scontent.fmnl8-4.fna.fbcdn.net/v/t39.30808-6/624950447_1486833560111271_7226368083863579516_n.jpg?_nc_cat=102&ccb=1-7&_nc_sid=53a332&_nc_eui2=AeFvFESHfuEnKNPDWZqaAMmOPpa5CQXwx1U-lrkJBfDHVXLrzdX9MFAvIqnEhBQCDZIChztXA4LZvi2zdfvHghKm&_nc_ohc=gtS0zFVbK0gQ7kNvwG8emhp&_nc_oc=Adr-YZrsGhBKnEcj1dRWKc_F1GjqmkfvQmfeV8wSK3RnA320SmmzAUxvNy3KGRux9dY&_nc_zt=23&_nc_ht=scontent.fmnl8-4.fna&_nc_gid=fHLIprHeC7elGj37Lr7RBw&_nc_ss=7b2a8&oh=00_Af69msRWrflHH0WDXie36sV20qH69snigeimMPFkkBXaRQ&oe=6A009EA0" alt="Gallery Image" loading="lazy"> <img src="https://scontent.fmnl8-6.fna.fbcdn.net/v/t39.30808-6/661352263_1538943874900239_2416843123940823387_n.jpg?_nc_cat=100&ccb=1-7&_nc_sid=13d280&_nc_eui2=AeG0LtjycXjvzsj4OSwvpbApZom8mO_nxfZmibyY7-fF9ugvaBp-avG82tDLBiF0QTLRSf7PTN7C2w8oucYzKJrc&_nc_ohc=3KsystjW4DYQ7kNvwG83NW7&_nc_oc=Adq_aBea5LYlr1rBVcZbbM1qJEToHQYM6dmsouMdwgG77i0-6_fj2zfCcyzWSyCYKjU&_nc_zt=23&_nc_ht=scontent.fmnl8-6.fna&_nc_gid=g6bx1kZbKxIP3vKH0712Zg&_nc_ss=7b2a8&oh=00_Af6NysRkOXF2h68F1Sq6iLGnYNNFOitmyPNsPo40fbWzlQ&oe=6A009AB2" alt="Gallery Image" loading="lazy"> <img src="https://scontent.fmnl8-3.fna.fbcdn.net/v/t39.30808-6/658951316_1536521015142525_1349673661795081372_n.jpg?_nc_cat=110&ccb=1-7&_nc_sid=13d280&_nc_eui2=AeEYplDsHiPLPDkGVc_Oq_JR0TMNB3IDi1XRMw0HcgOLVSyj_3SHEo2T58O-lfMAAU9XarDFUhtjUnH_zrWDsIly&_nc_ohc=lEMihLnR-EYQ7kNvwFgHE5j&_nc_oc=AdpU8EqxuThg4GtZojIwFZPDhw4j8Wq91hZa-seWjXVoOCAH06DrYvJh6XqDCUy0gKI&_nc_zt=23&_nc_ht=scontent.fmnl8-3.fna&_nc_gid=ww3TB32ml0f8VQ7VeCk2qA&_nc_ss=7b2a8&oh=00_Af5zit7fLkVJRe8FSz_F32TJyZFadY6HyGMkTRpG7f6IWw&oe=6A007335" alt="Gallery Image" loading="lazy"> </div> </div> </section> <section class="map-section"> <div class="map-card"> <div class="section-title"> <h2>School Location</h2> </div> <div class="map-frame"> <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3856.50692278958!2d120.24209127587737!3d14.852906270848251!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3396772e1e7130f3%3A0x73512a02c6170a73!2sSaint%20Anthony%20School%20of%20Matain!5e0!3m2!1sen!2sph!4v1778039312680!5m2!1sen!2sph" allowfullscreen="" loading="lazy"> </iframe> </div> </div> </section>