CLICK TO RSVP

Where it will happen

St. Joseph the Worker Parish Church

44 National Highway, Poblacion, SJDM, 3023 Bulacan

View Map

Grotto Vista Resort

Graceville, SJDM, 3023 Bulacan

View Map

Welcome to our
Wedding Website!

Here you’ll find everything you need to know as we count down to our big day. Please take a moment to browse, RSVP, and share in our excitement. Your love and support mean the world to us.

We can’t wait to celebrate with you.

#CGicieu.is-media-grid { column-count: 5; column-gap: 10px; padding: 10px; } #CGicieu .gallery-item { position: relative; break-inside: avoid; border-radius: 0px; margin-bottom: 10px; line-height: 0; /* Eliminate extra space */ cursor: pointer; overflow: hidden; /* box-shadow: 5px 5px 0px #00000012;*/ } #CGicieu .gallery-item img { width: 100%; height: auto; transition: .8s all; } #CGicieu .gallery-item .caption { position: absolute; bottom: 0; left: 0; width: 100%; background-color: rgba(0, 0, 0, 0.4); color: #fff; padding: 12px 15px; opacity: 0; transition: all 0.8s ease; overflow: hidden; text-overflow: ellipsis; box-sizing: border-box; font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; font-size: .9em; font-weight: 200; line-height: 1.2; } #CGicieu .gallery-item .caption h4 { font-weight: 300; font-size: 1.1em; margin: 0 0 0.1em;; } #CGicieu .gallery-item:hover .caption { opacity: 1; } #CGicieu .gallery-item img { transform-origin: center; transition: transform 0.4s ease, opacity 0.5s ease; } #CGicieu .gallery-item:hover img { transform: scale(1.04); } #CGicieu .gallery-item .caption { transform: translateY(100%); transition: transform 0.5s ease, opacity 0.5s ease; } #CGicieu .gallery-item:hover .caption { transform: translateY(0%); opacity: 1; } #CGicieu .gallery-item .caption { background-color: #fff; color: #000; } #CGicieu .gallery-item .caption * { color: #000; } @media (max-width: 800px) { #CGicieu.is-media-grid {column-count: 3;} } @media (max-width: 600px) { #CGicieu.is-media-grid {column-count: 2;} } /* @media (max-width: 400px) { #CGicieu.is-media-grid {column-count: 1;} } */ .gallery-item .gallery-video-overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(255,255,255,0.000001); } .gallery-item video { height: auto; width: 100%; object-fit: cover; }