{"id":2127,"date":"2025-09-22T04:52:47","date_gmt":"2025-09-22T04:52:47","guid":{"rendered":"https:\/\/ifoms.org\/?page_id=2127"},"modified":"2026-04-28T03:57:05","modified_gmt":"2026-04-28T03:57:05","slug":"familygatheringparty","status":"publish","type":"page","link":"https:\/\/ifoms.org\/my\/familygatheringparty\/","title":{"rendered":"Family Gathering Party"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Photo Gallery<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Inter', sans-serif;\n }\n \/* Style for the gallery container using CSS Columns (Pinterest-style) *\/\n .gallery-container {\n column-count: 1;\n column-gap: 1rem;\n }\n \/* Responsive column adjustments for different screen sizes *\/\n @media (min-width: 640px) {\n .gallery-container {\n column-count: 2;\n }\n }\n @media (min-width: 1024px) {\n .gallery-container {\n column-count: 3;\n }\n }\n \/* Styling for individual gallery items *\/\n .gallery-item {\n position: relative;\n overflow: hidden;\n border-radius: 0.75rem; \/* rounded-xl *\/\n box-shadow: 0 4px 6px -1px rgb(0 0 0 \/ 0.1), 0 2px 4px -2px rgb(0 0 0 \/ 0.1);\n transition: transform 0.3s ease-in-out;\n margin-bottom: 1rem; \/* Space between items in a column *\/\n break-inside: avoid; \/* Prevents items from breaking across columns *\/\n }\n .gallery-item:hover {\n transform: scale(1.03); \/* A more subtle zoom for this style *\/\n z-index: 10;\n }\n .gallery-item img {\n width: 100%;\n height: auto; \/* Allow images to have their natural height *\/\n object-fit: cover;\n display: block; \/* Remove bottom space from img element *\/\n }\n \/* Overlay for text content on hover *\/\n .gallery-item .overlay {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n background: linear-gradient(to top, rgba(130, 143, 62, 0.8), transparent);\n color: rgb(8, 211, 225);\n padding: 1.5rem 1rem 1rem;\n opacity: 0;\n transition: opacity 0.3s ease-in-out;\n transform: translateY(100%);\n transition: opacity 0.3s ease, transform 0.3s ease;\n }\n .gallery-item:hover .overlay {\n opacity: 1;\n transform: translateY(0);\n }\n <\/style>\n<\/head>\n<body class=\"bg-gray-100 dark:bg-gray-900 text-gray-800 dark:text-gray-200\">\n\n <div class=\"container mx-auto px-4 py-12\">\n <!-- Header Section -->\n <header class=\"text-center mb-12\">\n <h1 class=\"text-4xl md:text-5xl font-bold text-gray-900 dark:text-blue\">Family Gathering Party<\/h1>\n <p class=\"text-lg text-gray-600 dark:text-gray-400 mt-2\">A curated selection of our favorite moments.<\/p>\n <\/header>\n\n <!-- Main Gallery Section -->\n <main class=\"gallery-container\">\n <!-- You can replace the placeholder image URLs with your actual photo URLs -->\n <!-- Note: This layout works best with images of varying heights -->\n <!-- Gallery Item 1 -->\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/ifoms.org\/wp-content\/uploads\/2025\/09\/signal-2025-09-22-112021_003.jpeg\" alt=\"Description of photo 1\" onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/800x800\/cccccc\/ffffff?text=Image+Not+Found';\">\n <div class=\"overlay\">\n <h3 class=\"text-lg font-semibold\">IFOMS<\/h3>\n <p class=\"text-sm\">Family Gathering Party.<\/p>\n <\/div>\n <\/div>\n <!-- Gallery Item 2 -->\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/ifoms.org\/wp-content\/uploads\/2025\/09\/signal-2025-09-22-112021_002.jpeg\" alt=\"Description of photo 2\" onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/400x600\/cccccc\/ffffff?text=Image+Not+Found';\">\n <div class=\"overlay\">\n <h3 class=\"text-lg font-semibold\">IFOMS<\/h3>\n <p class=\"text-sm\">Family Gathering Party.<\/p>\n <\/div>\n <\/div>\n <!-- Gallery Item 3 -->\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/ifoms.org\/wp-content\/uploads\/2025\/09\/signal-2025-09-22-112251_003.jpeg\" alt=\"Description of photo 2\" onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/400x600\/cccccc\/ffffff?text=Image+Not+Found';\">\n <div class=\"overlay\">\n <h3 class=\"text-lg font-semibold\">IFOMS<\/h3>\n <p class=\"text-sm\">Family Gathering Party.<\/p>\n <\/div>\n <\/div>\n <!-- Gallery Item 4 -->\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/ifoms.org\/wp-content\/uploads\/2025\/09\/signal-2025-09-22-112251_005.jpeg\" alt=\"Description of photo 3\" onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/400x400\/cccccc\/ffffff?text=Image+Not+Found';\">\n <div class=\"overlay\">\n <h3 class=\"text-lg font-semibold\">IFOMS<\/h3>\n <p class=\"text-sm\">Family Gathering Party.<\/p>\n <\/div>\n <\/div>\n <!-- Gallery Item 5 -->\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"https:\/\/ifoms.org\/wp-content\/uploads\/2025\/09\/signal-2025-09-22-112251_008.jpeg\" alt=\"Description of photo 4\" onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/400x500\/cccccc\/ffffff?text=Image+Not+Found';\">\n <div class=\"overlay\">\n <h3 class=\"text-lg font-semibold\">IFOMS<\/h3>\n <p class=\"text-sm\">Family Gathering Party.<\/p>\n <\/div>\n <\/div>\n \n <\/main>\n <!-- Back Button -->\n <div class=\"text-center mt-10\">\n <a href=\"https:\/\/ifoms.org\/my\/\" class=\"inline-block bg-blue-500 text-white font-semibold py-2 px-6 rounded-lg hover:bg-blue-600 transition-colors duration-300\">\n ← Back to Home\n <\/a>\n <\/div>\n\n<\/body>\n<\/html>\n\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Photo Gallery Family Gathering Party A curated selection of our favorite moments. IFOMS Family Gathering Party. IFOMS Family Gathering Party. IFOMS Family Gathering Party. IFOMS Family Gathering Party. IFOMS Family Gathering Party. Cresta Valtrion ← Back to Home<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-2127","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ifoms.org\/my\/wp-json\/wp\/v2\/pages\/2127","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ifoms.org\/my\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ifoms.org\/my\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ifoms.org\/my\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/ifoms.org\/my\/wp-json\/wp\/v2\/comments?post=2127"}],"version-history":[{"count":10,"href":"https:\/\/ifoms.org\/my\/wp-json\/wp\/v2\/pages\/2127\/revisions"}],"predecessor-version":[{"id":2182,"href":"https:\/\/ifoms.org\/my\/wp-json\/wp\/v2\/pages\/2127\/revisions\/2182"}],"wp:attachment":[{"href":"https:\/\/ifoms.org\/my\/wp-json\/wp\/v2\/media?parent=2127"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}