{"id":1134,"date":"2026-01-24T19:43:22","date_gmt":"2026-01-24T19:43:22","guid":{"rendered":"https:\/\/jeevaysanjhapunjab.com\/?page_id=1134"},"modified":"2026-03-07T22:37:21","modified_gmt":"2026-03-07T22:37:21","slug":"1947-punjab-partition-stories","status":"publish","type":"page","link":"https:\/\/jeevaysanjhapunjab.com\/pa\/1947-punjab-partition-stories\/","title":{"rendered":"\u0a35\u0a70\u0a21 \u0a26\u0a40\u0a06\u0a02 \u0a15\u0a39\u0a3e\u0a23\u0a40\u0a06\u0a02"},"content":{"rendered":"<div style=\"font-family: 'Times New Roman', serif; background: #ffffff; margin: 0; padding: 0;\">\n    <span style=\"display:none;\">1947 Punjab Partition Stories: Our Uprooting<\/span>\n    \n    <div style=\"width: 100%; height: 60vh; min-height: 400px; background: url('https:\/\/jeevaysanjhapunjab.com\/wp-content\/uploads\/2026\/02\/punjab-partition-1947-migration.webp') center\/cover no-repeat;\" role=\"img\" aria-label=\"1947 Punjab Partition Stories Visual Archive\"><\/div>\n\n    <div style=\"max-width: 1000px; margin: -60px auto 0; background: #fff; padding: 60px 20px; text-align: center; position: relative; z-index: 10; border-top: 5px solid #c5a059; box-shadow: 0 20px 40px rgba(0,0,0,0.1);\">\n        \n        <h4 style=\"color: #c5a059; text-transform: uppercase; letter-spacing: 4px; font-size: 0.8rem; margin-bottom: 15px; font-weight: bold;\">Our Uprooting<\/h4>\n        <h1 style=\"font-size: clamp(2.5rem, 5vw, 4rem); color: #1a1210; margin: 0; font-weight: 400; line-height: 1.1;\">1947: An <span style=\"font-style: italic; color: #c5a059;\">Unforgettable<\/span> Pain<\/h1>\n        \n        <div style=\"width: 50px; height: 1px; background: #ddd; margin: 30px auto;\"><\/div>\n        \n        <p style=\"font-size: 1.3rem; color: #555; font-style: italic; line-height: 1.6; max-width: 800px; margin: 0 auto 50px auto;\">\n            \u201cThe largest known migration in human history. A toll that redefined the identity of Punjab, leaving generations waiting for a glimpse of home.\u201d\n        <\/p>\n\n        <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" style=\"table-layout: fixed;\">\n            <tr>\n                <td align=\"center\" valign=\"top\" style=\"padding: 10px;\">\n                    <div style=\"padding: 20px; border: 1px solid #f2f2f2; background: #fafafa;\">\n                        <p style=\"color: #c5a059; font-size: 2.2rem; margin: 0; font-family: serif;\">\n                            <span class=\"jsp-counter\" data-target=\"15\">0<\/span>M\n                        <\/p>\n                        <p style=\"text-transform: uppercase; letter-spacing: 1px; font-size: 0.65rem; color: #666; margin-top: 10px; font-family: sans-serif; font-weight: bold;\">People Migrated<\/p>\n                    <\/div>\n                <\/td>\n                <td align=\"center\" valign=\"top\" style=\"padding: 10px;\">\n                    <div style=\"padding: 20px; border: 1px solid #f2f2f2; background: #fafafa;\">\n                        <p style=\"color: #c5a059; font-size: 2.2rem; margin: 0; font-family: serif;\">\n                            <span class=\"jsp-counter\" data-target=\"1\">0<\/span>M+\n                        <\/p>\n                        <p style=\"text-transform: uppercase; letter-spacing: 1px; font-size: 0.65rem; color: #666; margin-top: 10px; font-family: sans-serif; font-weight: bold;\">Lives Lost<\/p>\n                    <\/div>\n                <\/td>\n                <td align=\"center\" valign=\"top\" style=\"padding: 10px;\">\n                    <div style=\"padding: 20px; border: 1px solid #f2f2f2; background: #fafafa;\">\n                        <p style=\"color: #c5a059; font-size: 2.2rem; margin: 0; font-family: serif;\">\n                            <span class=\"jsp-counter\" data-target=\"79\">0<\/span>\n                        <\/p>\n                        <p style=\"text-transform: uppercase; letter-spacing: 1px; font-size: 0.65rem; color: #666; margin-top: 10px; font-family: sans-serif; font-weight: bold;\">Yrs of Separation<\/p>\n                    <\/div>\n                <\/td>\n            <\/tr>\n        <\/table>\n    <\/div>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', () => {\n            const counters = document.querySelectorAll('.jsp-counter');\n            \n            const runCounter = (el) => {\n                const target = +el.getAttribute('data-target');\n                let count = 0;\n                const speed = 50; \/\/ Adjust for speed\n                const increment = target \/ speed;\n\n                const update = () => {\n                    if (count < target) {\n                        count += increment;\n                        el.innerText = Math.ceil(count);\n                        setTimeout(update, 30);\n                    } else {\n                        el.innerText = target;\n                    }\n                };\n                update();\n            };\n\n            \/\/ Simple Intersection Observer to start when visible\n            const observer = new IntersectionObserver((entries) => {\n                entries.forEach(entry => {\n                    if(entry.isIntersecting) {\n                        runCounter(entry.target);\n                        observer.unobserve(entry.target);\n                    }\n                });\n            }, { threshold: 0.5 });\n\n            counters.forEach(c => observer.observe(c));\n        });\n    <\/script>\n<\/div>\n\n\n\n<div style=\"position: relative; background: #f4f1ea; padding: 140px 15px 60px 15px; font-family: 'Times New Roman', serif; overflow: hidden; border-bottom: 1px solid rgba(197, 160, 89, 0.2);\">\n    \n    <div style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('https:\/\/jeevaysanjhapunjab.com\/wp-content\/uploads\/2026\/01\/Sikh-gurdwara-pakistan.webp'); background-size: cover; background-position: center; opacity: 0.05; pointer-events: none; filter: grayscale(100%);\"><\/div>\n\n    <div style=\"max-width: 1240px; margin: 0 auto; text-align: center; position: relative; z-index: 2;\">\n        \n        <div style=\"display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 20px;\">\n            <div style=\"width: 40px; height: 1px; background: #c5a059;\"><\/div>\n            <h4 style=\"color: #8b6b4a; text-transform: uppercase; letter-spacing: 5px; font-size: 0.75rem; font-weight: bold; margin: 0; font-family: sans-serif;\">Where the statistics end, the human story begins<\/h4>\n            <div style=\"width: 40px; height: 1px; background: #c5a059;\"><\/div>\n        <\/div>\n\n        <h2 style=\"font-size: clamp(2.5rem, 9vw, 4.5rem); color: #1a1210; font-weight: 400; line-height: 1; margin-bottom: 30px; letter-spacing: -2px;\">\n            The Longing for <span style=\"font-style: italic; color: #C5A059;\">\u0a2e\u0a41\u0a71\u0a16 \u0a2a\u0a70\u0a28\u0a3e<\/span>\n        <\/h2>\n        \n        <p style=\"max-width: 850px; margin: 0 auto 60px auto; font-size: clamp(1.2rem, 4.5vw, 1.5rem); line-height: 1.7; color: #4a3b37; font-style: italic; opacity: 0.9; padding: 0 10px;\">\n            \u201cDedicated to the millions who carried the keys to ancestral courtyards in their hearts until their final breath. These are but a few faces of a longing that borders could not break, but time eventually stole.\u201d\n        <\/p>\n\n        <div style=\"display: flex; flex-wrap: wrap; justify-content: center; gap: 40px 25px; padding-bottom: 40px;\">\n\n            <div style=\"background: #fff; padding: 12px 12px 40px 12px; box-shadow: 0 15px 35px rgba(0,0,0,0.07); transform: rotate(-1.5deg); width: 100%; max-width: 300px; position: relative; border: 1px solid #e8e4db; transition: all 0.5s ease;\" onmouseover=\"this.style.transform='rotate(0deg) scale(1.04)'; this.style.zIndex='10';\" onmouseout=\"this.style.transform='rotate(-1.5deg) scale(1)'; this.style.zIndex='1';\">\n                <div style=\"position: absolute; top: -12px; left: 50%; transform: translateX(-50%); width: 100px; height: 30px; background: rgba(197, 160, 89, 0.2); backdrop-filter: blur(2px); z-index: 10;\"><\/div>\n                <div style=\"width: 100%; aspect-ratio: 1\/1; overflow: hidden; position: relative;\">\n                    <img decoding=\"async\" src=\"https:\/\/jeevaysanjhapunjab.com\/wp-content\/uploads\/2026\/01\/Oral-stories-1947-.webp\" alt=\"Baba Fauja Singh - 1947 Punjab Partition Stories from Pind Jagowala\" style=\"width: 100%; height: 100%; object-fit: cover; filter: sepia(0.3) contrast(1.1);\">\n                    <div style=\"position: absolute; inset: 0; background: linear-gradient(to bottom, transparent 65%, #fff 100%);\"><\/div>\n                <\/div>\n                <div style=\"margin-top: 15px;\">\n                    <p style=\"font-family: 'Georgia', serif; font-style: italic; color: #1a1210; margin: 0; font-size: 1.6rem;\">Baba Fauja Singh<\/p>\n                    <p style=\"font-family: sans-serif; font-size: 0.65rem; color: #8b6b4a; text-transform: uppercase; letter-spacing: 2px; margin-top: 8px;\">Pind: Jagowala (Kasur) | <span style=\"color: #d9534f; font-weight: bold;\">Died 2024<\/span><\/p>\n                    <p style=\"font-size: 0.85rem; color: #777; margin-top: 10px; line-height: 1.4; font-style: italic;\">&#8220;His spirit finally crossed back to find Shahabuddin\u2014the neighbor who walked alongside them in tears as they fled.&#8221;<\/p>\n                <\/div>\n            <\/div>\n\n            <div style=\"background: #fff; padding: 12px 12px 40px 12px; box-shadow: 0 15px 35px rgba(0,0,0,0.07); transform: rotate(2deg); width: 100%; max-width: 300px; position: relative; border: 1px solid #e8e4db; transition: all 0.5s ease;\" onmouseover=\"this.style.transform='rotate(0deg) scale(1.04)'; this.style.zIndex='10';\" onmouseout=\"this.style.transform='rotate(2deg) scale(1)';\">\n                <div style=\"position: absolute; top: -10px; right: 20px; width: 70px; height: 26px; background: rgba(197, 160, 89, 0.15); transform: rotate(10deg); z-index: 10;\"><\/div>\n                <div style=\"width: 100%; aspect-ratio: 1\/1; overflow: hidden; position: relative;\">\n                    <img decoding=\"async\" src=\"https:\/\/jeevaysanjhapunjab.com\/wp-content\/uploads\/2026\/01\/mata-amar-kaur.webp\" alt=\"Bibi Amar Kaur - 1947 Punjab Partition Stories from Pind Ghuinke\" style=\"width: 100%; height: 100%; object-fit: cover; filter: grayscale(1) brightness(0.9);\">\n                    <div style=\"position: absolute; inset: 0; background: linear-gradient(to bottom, transparent 65%, #fff 100%);\"><\/div>\n                <\/div>\n                <div style=\"margin-top: 15px;\">\n                    <p style=\"font-family: 'Georgia', serif; font-style: italic; color: #1a1210; margin: 0; font-size: 1.6rem;\">Bibi Amar Kaur<\/p>\n                    <p style=\"font-family: sans-serif; font-size: 0.65rem; color: #8b6b4a; text-transform: uppercase; letter-spacing: 2px; margin-top: 8px;\">Pind: Ghuinke (Sialkot) | <span style=\"color: #d9534f; font-weight: bold;\">Died 2012<\/span><\/p>\n                    <p style=\"font-size: 0.85rem; color: #777; margin-top: 10px; line-height: 1.4; font-style: italic;\">&#8220;She gave her house keys to a neighbor; he threw them into the pond, crying that a home is nothing without its family.&#8221;<\/p>\n                <\/div>\n            <\/div>\n\n            <div style=\"background: #fff; padding: 12px 12px 40px 12px; box-shadow: 0 15px 35px rgba(0,0,0,0.07); transform: rotate(-2.5deg); width: 100%; max-width: 300px; position: relative; border: 1px solid #e8e4db; transition: all 0.5s ease;\" onmouseover=\"this.style.transform='rotate(0deg) scale(1.04)'; this.style.zIndex='10';\" onmouseout=\"this.style.transform='rotate(-2.5deg) scale(1)';\">\n                <div style=\"position: absolute; top: -15px; left: 20px; width: 80px; height: 30px; background: rgba(197, 160, 89, 0.15); transform: rotate(-5deg); z-index: 10;\"><\/div>\n                <div style=\"width: 100%; aspect-ratio: 1\/1; overflow: hidden; position: relative;\">\n                    <img decoding=\"async\" src=\"https:\/\/jeevaysanjhapunjab.com\/wp-content\/uploads\/2026\/01\/S.-Surjit-Singh.webp\" alt=\"Sardar Surjit Singh - 1947 Punjab Partition Stories from Pind Kesowali\" style=\"width: 100%; height: 100%; object-fit: cover; filter: sepia(0.2);\">\n                    <div style=\"position: absolute; inset: 0; background: linear-gradient(to bottom, transparent 65%, #fff 100%);\"><\/div>\n                <\/div>\n                <div style=\"margin-top: 15px;\">\n                    <p style=\"font-family: 'Georgia', serif; font-style: italic; color: #1a1210; margin: 0; font-size: 1.6rem;\">Sardar Surjit Singh<\/p>\n                    <p style=\"font-family: sans-serif; font-size: 0.65rem; color: #8b6b4a; text-transform: uppercase; letter-spacing: 2px; margin-top: 8px;\">Pind: Kesowali (Narowal) | <span style=\"color: #d9534f; font-weight: bold;\">Died 2021<\/span><\/p>\n                    <p style=\"font-size: 0.85rem; color: #777; margin-top: 10px; line-height: 1.4; font-style: italic;\">&#8220;He wished to see the soil of his birth one last time, proving that some borders are only crossed when the spirit leaves.&#8221;<\/p>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n        <div style=\"max-width: 750px; margin: 20px auto 0 auto; padding: 40px 20px; background: rgba(26, 18, 16, 0.03); border-radius: 4px; border: 1px dashed rgba(197, 160, 89, 0.3);\">\n            <h3 style=\"font-family: 'Georgia', serif; font-style: italic; color: #1a1210; font-size: clamp(1.5rem, 5vw, 2rem); margin-bottom: 15px;\">And hundreds of thousands more&#8230;<\/h3>\n            <p style=\"color: #666; line-height: 1.8; font-size: 1.1rem; margin-bottom: 25px;\">\n                Behind these faces lie millions of silent 1947 Punjab Partition stories. Entire generations have vanished into the soil of displacement, their eyes fixed on a horizon they were never allowed to cross.\n            <\/p>\n\n            <div style=\"margin-bottom: 40px; display: flex; justify-content: center; gap: 40px; flex-wrap: wrap; border-top: 1px solid rgba(197, 160, 89, 0.1); padding-top: 25px;\">\n                <div style=\"text-align: center;\">\n                    <span style=\"display: block; font-size: 1.8rem; color: #c5a059; font-weight: bold;\">79 Years<\/span>\n                    <span style=\"font-size: 0.65rem; text-transform: uppercase; color: #999; letter-spacing: 1px;\">Of Exile<\/span>\n                <\/div>\n                <div style=\"text-align: center;\">\n                    <span style=\"display: block; font-size: 1.8rem; color: #c5a059; font-weight: bold;\">\u221e<\/span>\n                    <span style=\"font-size: 0.65rem; text-transform: uppercase; color: #999; letter-spacing: 1px;\">Sighs of Longing<\/span>\n                <\/div>\n            <\/div>\n\n            <a href=\"\/pa\/partition-stories\/\" style=\"display: inline-block; padding: 16px 45px; background: #fdfbf7; color: #c5a059; text-decoration: none; text-transform: uppercase; letter-spacing: 4px; font-size: 0.8rem; font-weight: bold; border: 1px solid #c5a059; transition: all 0.4s ease; font-family: sans-serif; box-shadow: 0 4px 15px rgba(197, 160, 89, 0.1);\" \n               onmouseover=\"this.style.background='#c5a059'; this.style.color='#fff'; this.style.transform='translateY(-2px)';\" \n               onmouseout=\"this.style.background='#fdfbf7'; this.style.color='#c5a059'; this.style.transform='translateY(0)';\" >\n                Explore Partition Stories\n            <\/a>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n\n\n<div style=\"max-width: 1200px; margin: 60px auto; padding: 20px; font-family: 'Times New Roman', serif; background-color: #fff;\">\n\n    <div style=\"display: flex; flex-wrap: wrap; gap: 60px; align-items: center; margin-bottom: 120px;\" aria-label=\"1947 Punjab Partition Stories - The Displacement\">\n        <div style=\"flex: 1; min-width: 320px;\">\n            <h4 style=\"color: #c5a059; text-transform: uppercase; letter-spacing: 5px; font-size: 0.75rem; margin-bottom: 15px; font-weight: bold; font-family: sans-serif;\">The 1947 Displacement<\/h4>\n            <h2 style=\"font-size: clamp(2.2rem, 4vw, 2.8rem); color: #1a1210; margin-bottom: 30px; line-height: 1.1; font-weight: 400;\">The Division of <span style=\"font-style: italic; color: #c5a059;\">Hearts<\/span><\/h2>\n            \n            <p style=\"color: #444; font-size: 1.15rem; line-height: 1.8; margin-bottom: 40px;\">\n                In 1947, the geography of Punjab was redrawn, but the spirit of its people remained rooted in the soil they were forced to leave. Millions of Punjabis became refugees in their own homeland. For many, the dream of returning to their birthplace remained out of reach until the very end of their lives.\n            <\/p>\n\n            <div style=\"position: relative; padding: 40px 0 40px 40px; background: linear-gradient(to right, #fdfbf7, transparent); border-left: 4px solid #c5a059;\">\n                <span style=\"position: absolute; top: 10px; left: 15px; font-size: 5rem; color: #c5a059; opacity: 0.15; font-family: Georgia, serif; line-height: 1;\">\u201c<\/span>\n                <p style=\"color: #1a1210; font-size: 1.4rem; line-height: 1.6; font-style: italic; margin: 0; position: relative; z-index: 2;\">\n                    It wasn&#8217;t just a migration of people; it was a <span style=\"color: #c5a059; font-weight: bold; font-style: normal;\">systematic uprooting and ethnic cleansing<\/span> of the people from their own soil.\n                <\/p>\n            <\/div>\n        <\/div>\n\n        <div style=\"flex: 1; min-width: 350px; position: relative; padding: 15px;\">\n            <div style=\"position: relative; z-index: 2; background: #fff; padding: 15px; box-shadow: 0 15px 35px rgba(0,0,0,0.05); border: 1px solid #e5e5e5; transition: all 0.5s ease;\" \n                 onmouseover=\"this.querySelector('img').style.transform='scale(1.03)';\" \n                 onmouseout=\"this.querySelector('img').style.transform='scale(1)';\" >\n                <div style=\"border: 1px solid #dcdcdc; padding: 1px; overflow: hidden;\">\n                    <div style=\"width: 100%; height: 480px; overflow: hidden;\">\n                        <img decoding=\"async\" src=\"https:\/\/jeevaysanjhapunjab.com\/wp-content\/uploads\/2026\/02\/punjab-partition-1947-news--scaled.webp\" \n                             alt=\"1947 Punjab Partition Stories - Archival Newspaper Documentation\"\n                             title=\"1947 Punjab Partition Stories\"\n                             style=\"width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); filter: sepia(0.2) contrast(1.05);\">\n                    <\/div>\n                <\/div>\n                <div style=\"padding: 25px 10px 10px 10px; text-align: center;\">\n                    <div style=\"width: 30px; height: 1px; background: #c5a059; margin: 0 auto 15px; opacity: 0.5;\"><\/div>\n                    <p style=\"font-size: 1.05rem; color: #1a1210; margin: 0; font-family: 'Times New Roman', serif; font-style: italic;\">Punjab Partition 1947<\/p>\n                    <p style=\"font-size: 0.85rem; color: #c5a059; margin-top: 6px; font-family: 'Times New Roman', serif;\">When we were uprooted from own motherland<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div style=\"display: flex; flex-wrap: wrap-reverse; gap: 60px; align-items: center;\" aria-label=\"1947 Punjab Partition Stories - Our Work\">\n        \n        <div style=\"flex: 1; min-width: 350px; position: relative; padding: 15px;\">\n            <div style=\"position: relative; z-index: 2; background: #fff; padding: 15px; box-shadow: 0 15px 35px rgba(0,0,0,0.05); border: 1px solid #e5e5e5; transition: all 0.5s ease;\" \n                 onmouseover=\"this.querySelector('img').style.transform='scale(1.03)';\" \n                 onmouseout=\"this.querySelector('img').style.transform='scale(1)';\" >\n                <div style=\"border: 1px solid #dcdcdc; padding: 1px; overflow: hidden;\">\n                    <div style=\"width: 100%; height: 480px; overflow: hidden;\">\n                        <img decoding=\"async\" src=\"https:\/\/jeevaysanjhapunjab.com\/wp-content\/uploads\/2026\/02\/1947-punjab-partition-survivor-1-scaled.webp\" \n                             alt=\"Witnessing 1947 Punjab Partition Stories - Survivor Account\"\n                             title=\"Documenting 1947 Punjab Partition Stories\"\n                             style=\"width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);\">\n                    <\/div>\n                <\/div>\n                <div style=\"padding: 25px 10px 10px 10px; text-align: center;\">\n                    <div style=\"width: 30px; height: 1px; background: #c5a059; margin: 0 auto 15px; opacity: 0.5;\"><\/div>\n                    <p style=\"font-size: 1.05rem; color: #1a1210; margin: 0; font-family: 'Times New Roman', serif; font-style: italic;\">Preserving Memories<\/p>\n                    <p style=\"font-size: 0.85rem; color: #c5a059; margin-top: 6px; font-family: 'Times New Roman', serif;\">Before they are vanished<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div style=\"flex: 1; min-width: 320px;\">\n            <h4 style=\"color: #c5a059; text-transform: uppercase; letter-spacing: 5px; font-size: 0.75rem; margin-bottom: 15px; font-weight: bold; font-family: sans-serif;\">Our Work<\/h4>\n            <h2 style=\"font-size: clamp(2.2rem, 4vw, 2.8rem); color: #1a1210; margin-bottom: 30px; line-height: 1.1; font-weight: 400;\">Preserving the voices <span style=\"font-style: italic; color: #c5a059;\">of undivided Punjab<\/span><\/h2>\n            \n            <p style=\"color: #444; font-size: 1.15rem; line-height: 1.8; margin-bottom: 40px;\">\n                Today, we capture the remaining voices before they fade into silence. These are not just interviews; they are the final physical connections to a land that once belonged to all Punjabis.\n            <\/p>\n\n            <div style=\"position: relative; padding: 40px 0 40px 40px; background: linear-gradient(to right, #fdfbf7, transparent); border-left: 4px solid #c5a059;\">\n                <span style=\"position: absolute; top: 10px; left: 15px; font-size: 5rem; color: #c5a059; opacity: 0.15; font-family: Georgia, serif; line-height: 1;\">\u201c<\/span>\n                <p style=\"color: #1a1210; font-size: 1.4rem; line-height: 1.6; font-style: italic; margin: 0; position: relative; z-index: 2;\">\n                    By preserving these stories, we ensure the <span style=\"color: #c5a059; font-weight: bold; font-style: normal;\">shared legacy<\/span> of Punjab remains accessible to generations yet to come, bridging the gap between history and memory.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<div style=\"background: #1a1210; padding: 120px 20px; font-family: 'Times New Roman', serif; color: #f9f7f2;\">\n    \n    <div style=\"text-align: center; max-width: 800px; margin: 0 auto 80px auto;\">\n        <h4 style=\"color: #c5a059; text-transform: uppercase; letter-spacing: 5px; font-size: 0.8rem; margin-bottom: 20px; font-weight: bold; font-family: sans-serif;\">Taangh Purane Pind Di<\/h4>\n        <h2 style=\"font-size: clamp(2.5rem, 5vw, 3.2rem); color: #ffffff; font-weight: 400; line-height: 1.1;\">Healing Through <span style=\"font-style: italic; color: #c5a059;\">Connection<\/span><\/h2>\n        \n        <p style=\"color: #ffffff; font-family: 'Times New Roman', serif; font-style: italic; font-size: 1.15rem; margin-top: 20px; opacity: 0.9; max-width: 750px; margin-left: auto; margin-right: auto; line-height: 1.6;\">\n            Our dedicated process for capturing 1947 Punjab Partition stories focuses on three distinct pillars of historical preservation, ensuring that the fragmented memories of our shared heritage are meticulously protected for future generations to cherish.\n        <\/p>\n        \n        <div style=\"width: 60px; height: 1px; background: rgba(197, 160, 89, 0.4); margin: 30px auto;\"><\/div>\n    <\/div>\n\n    <div style=\"max-width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 30px; justify-content: center;\">\n        \n        <div style=\"flex: 1; min-width: 320px; background: #221a18; padding: 50px 40px; border: 1px solid #3d3432; border-bottom: 4px solid #c5a059; box-shadow: 0 20px 40px rgba(0,0,0,0.3); transition: all 0.4s ease; display: flex; flex-direction: column;\" onmouseover=\"this.style.borderColor='#c5a059'; this.style.transform='translateY(-12px)';\" onmouseout=\"this.style.borderColor='#3d3432'; this.style.transform='translateY(0)';\">\n            <div style=\"width: 50px; height: 50px; background: rgba(197, 160, 89, 0.1); border: 1px solid #c5a059; display: flex; align-items: center; justify-content: center; margin-bottom: 30px; border-radius: 50%;\">\n                <span style=\"color: #c5a059; font-weight: bold; font-family: sans-serif; font-size: 0.9rem;\">01<\/span>\n            <\/div>\n            <h3 style=\"font-size: 1.6rem; margin-bottom: 20px; color: #ffffff; font-weight: 400;\">Oral History Capture<\/h3>\n            <p style=\"color: #bbb; line-height: 1.8; font-size: 1.05rem; margin: 0;\">\n                We record deep, emotional interviews with the elders who witnessed the partition, documenting every vivid detail of their ancestral homes, childhood landscapes, and lost friends.\n            <\/p>\n        <\/div>\n\n        <div style=\"flex: 1; min-width: 320px; background: #221a18; padding: 50px 40px; border: 1px solid #3d3432; border-bottom: 4px solid #ffffff; box-shadow: 0 20px 40px rgba(0,0,0,0.3); transition: all 0.4s ease; display: flex; flex-direction: column;\" onmouseover=\"this.style.borderColor='#ffffff'; this.style.transform='translateY(-12px)';\" onmouseout=\"this.style.borderColor='#3d3432'; this.style.transform='translateY(0)';\">\n            <div style=\"width: 50px; height: 50px; background: rgba(255, 255, 255, 0.05); border: 1px solid #ffffff; display: flex; align-items: center; justify-content: center; margin-bottom: 30px; border-radius: 50%;\">\n                <span style=\"color: #ffffff; font-weight: bold; font-family: sans-serif; font-size: 0.9rem;\">02<\/span>\n            <\/div>\n            <h3 style=\"font-size: 1.6rem; margin-bottom: 20px; color: #ffffff; font-weight: 400;\">Cross-Border Search<\/h3>\n            <p style=\"color: #bbb; line-height: 1.8; font-size: 1.05rem; margin: 0;\">\n                Our specialized team on the other side of the border physically visits the locations mentioned, searching for the specific streets and historical names from the past.\n            <\/p>\n        <\/div>\n\n        <div style=\"flex: 1; min-width: 320px; background: #221a18; padding: 50px 40px; border: 1px solid #3d3432; border-bottom: 4px solid #c5a059; box-shadow: 0 20px 40px rgba(0,0,0,0.3); transition: all 0.4s ease; display: flex; flex-direction: column;\" onmouseover=\"this.style.borderColor='#c5a059'; this.style.transform='translateY(-12px)';\" onmouseout=\"this.style.borderColor='#3d3432'; this.style.transform='translateY(0)';\">\n            <div style=\"width: 50px; height: 50px; background: rgba(197, 160, 89, 0.1); border: 1px solid #c5a059; display: flex; align-items: center; justify-content: center; margin-bottom: 30px; border-radius: 50%;\">\n                <span style=\"color: #c5a059; font-weight: bold; font-family: sans-serif; font-size: 0.9rem;\">03<\/span>\n            <\/div>\n            <h3 style=\"font-size: 1.6rem; margin-bottom: 20px; color: #ffffff; font-weight: 400;\">Digital Bridge<\/h3>\n            <p style=\"color: #bbb; line-height: 1.8; font-size: 1.05rem; margin: 0;\">\n                We expertly merge the footage into a single cinematic narrative, allowing families to virtually walk through their beloved &#8220;Purane Pind&#8221; once again from anywhere in the world.\n            <\/p>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n\n\n<div style=\"padding: 120px 20px; background-color: #fdfbf7; font-family: 'Times New Roman', serif; text-align: center; width: 100%; box-sizing: border-box; position: relative;\">\n    \n    <div style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.04; background: url('https:\/\/jeevaysanjhapunjab.com\/wp-content\/uploads\/2026\/01\/Partition-archives-jeevay-sanjha-punjab.webp') center\/cover no-repeat; pointer-events: none;\"><\/div>\n\n    <div style=\"max-width: 1200px; margin: 0 auto; position: relative; z-index: 5;\">\n        \n        <div style=\"margin-bottom: 80px;\">\n            <h4 style=\"color: #c5a059; text-transform: uppercase; letter-spacing: 7px; font-size: 0.75rem; margin-bottom: 25px; font-family: sans-serif; font-weight: 700;\">Digital Archives<\/h4>\n            <h2 style=\"color: #1a1210; font-size: clamp(2.5rem, 5vw, 3.8rem); font-weight: 400; margin: 0 0 35px 0; letter-spacing: -1px; line-height: 1;\">Witnessing <span style=\"font-style: italic; color: #c5a059;\">History<\/span><\/h2>\n            \n            <p style=\"color: #444; font-size: 1.25rem; font-style: italic; line-height: 1.8; opacity: 0.9; max-width: 850px; margin: 0 auto 40px auto; font-weight: 300;\">\n                Our digital archive serves as a living sanctuary for capturing and preserving 1947 Punjab Partition stories, ensuring the voices of a generation are never lost to time.\n            <\/p>\n            \n            <div style=\"width: 60px; height: 1px; background: linear-gradient(to right, transparent, #c5a059, transparent); margin: 0 auto;\"><\/div>\n        <\/div>\n\n        <div style=\"display: flex; flex-wrap: wrap; justify-content: center; gap: 30px; align-items: stretch;\">\n            \n            <a href=\"https:\/\/www.youtube.com\/watch?v=lInNaYFiAc8\" target=\"_blank\" style=\"display: flex; flex-direction: column; width: 100%; max-width: 350px; text-decoration: none; transition: all 0.4s ease; border: 1px solid rgba(197, 160, 89, 0.2); background: #ffffff;\" onmouseover=\"this.style.borderColor=&#039;#c5a059&#039;; this.style.transform=&#039;translateY(-10px)&#039;; this.style.boxShadow=&#039;0 20px 40px rgba(197, 160, 89, 0.1)&#039;;\" onmouseout=\"this.style.borderColor=&#039;rgba(197, 160, 89, 0.2)&#039;; this.style.transform=&#039;translateY(0)&#039;; this.style.boxShadow=&#039;none&#039;;\" rel=\"noopener\">\n                \n                <div style=\"position: relative; overflow: hidden; background: #000; width: 100%; height: 200px;\">\n                    <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/lInNaYFiAc8\/maxresdefault.jpg\" alt=\"1947 Punjab Partition stories\" style=\"width: 100%; height: 100%; object-fit: cover; display: block; opacity: 0.8;\">\n                    <div style=\"position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.1);\">\n                        <div style=\"width: 50px; height: 50px; border: 1px solid #c5a059; border-radius: 50%; background: rgba(255,255,255,0.9); display: flex; align-items: center; justify-content: center; backdrop-filter: blur(4px);\">\n                            <div style=\"width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 12px solid #c5a059; margin-left: 3px;\"><\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div style=\"padding: 30px 25px; text-align: left; flex-grow: 1; display: flex; flex-direction: column; justify-content: center;\">\n                    <span style=\"color: #c5a059; font-size: 0.65rem; text-transform: uppercase; letter-spacing: 3px; font-family: sans-serif; font-weight: 700;\">Birthplace Longing<\/span>\n                    <h3 style=\"color: #1a1210; font-size: 1.25rem; font-weight: 400; margin: 12px 0 0 0; line-height: 1.4; font-family: 'Times New Roman', serif;\">Memories of Jandwala, Sri Muktsar Sahib<\/h3>\n                <\/div>\n            <\/a>\n\n            <a href=\"https:\/\/www.youtube.com\/watch?v=G6eUcDvOIqs\" target=\"_blank\" style=\"display: flex; flex-direction: column; width: 100%; max-width: 350px; text-decoration: none; transition: all 0.4s ease; border: 1px solid rgba(197, 160, 89, 0.2); background: #ffffff;\" onmouseover=\"this.style.borderColor=&#039;#c5a059&#039;; this.style.transform=&#039;translateY(-10px)&#039;; this.style.boxShadow=&#039;0 20px 40px rgba(197, 160, 89, 0.1)&#039;;\" onmouseout=\"this.style.borderColor=&#039;rgba(197, 160, 89, 0.2)&#039;; this.style.transform=&#039;translateY(0)&#039;; this.style.boxShadow=&#039;none&#039;;\" rel=\"noopener\">\n                \n                <div style=\"position: relative; overflow: hidden; background: #000; width: 100%; height: 200px;\">\n                    <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/G6eUcDvOIqs\/maxresdefault.jpg\" alt=\"1947 Punjab Partition stories\" style=\"width: 100%; height: 100%; object-fit: cover; display: block; opacity: 0.8;\">\n                    <div style=\"position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.1);\">\n                        <div style=\"width: 50px; height: 50px; border: 1px solid #c5a059; border-radius: 50%; background: rgba(255,255,255,0.9); display: flex; align-items: center; justify-content: center; backdrop-filter: blur(4px);\">\n                            <div style=\"width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 12px solid #c5a059; margin-left: 3px;\"><\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div style=\"padding: 30px 25px; text-align: left; flex-grow: 1; display: flex; flex-direction: column; justify-content: center;\">\n                    <span style=\"color: #c5a059; font-size: 0.65rem; text-transform: uppercase; letter-spacing: 3px; font-family: sans-serif; font-weight: 700;\">Pain of Separation<\/span>\n                    <h3 style=\"color: #1a1210; font-size: 1.25rem; font-weight: 400; margin: 12px 0 0 0; line-height: 1.4; font-family: 'Times New Roman', serif;\">My name was Gurmukh Singh<\/h3>\n                <\/div>\n            <\/a>\n\n            <a href=\"https:\/\/www.youtube.com\/watch?v=dnHRZGfZw58\" target=\"_blank\" style=\"display: flex; flex-direction: column; width: 100%; max-width: 350px; text-decoration: none; transition: all 0.4s ease; border: 1px solid rgba(197, 160, 89, 0.2); background: #ffffff;\" onmouseover=\"this.style.borderColor=&#039;#c5a059&#039;; this.style.transform=&#039;translateY(-10px)&#039;; this.style.boxShadow=&#039;0 20px 40px rgba(197, 160, 89, 0.1)&#039;;\" onmouseout=\"this.style.borderColor=&#039;rgba(197, 160, 89, 0.2)&#039;; this.style.transform=&#039;translateY(0)&#039;; this.style.boxShadow=&#039;none&#039;;\" rel=\"noopener\">\n                \n                <div style=\"position: relative; overflow: hidden; background: #000; width: 100%; height: 200px;\">\n                    <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/dnHRZGfZw58\/maxresdefault.jpg\" alt=\"1947 Punjab Partition stories\" style=\"width: 100%; height: 100%; object-fit: cover; display: block; opacity: 0.8;\">\n                    <div style=\"position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.1);\">\n                        <div style=\"width: 50px; height: 50px; border: 1px solid #c5a059; border-radius: 50%; background: rgba(255,255,255,0.9); display: flex; align-items: center; justify-content: center; backdrop-filter: blur(4px);\">\n                            <div style=\"width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 12px solid #c5a059; margin-left: 3px;\"><\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div style=\"padding: 30px 25px; text-align: left; flex-grow: 1; display: flex; flex-direction: column; justify-content: center;\">\n                    <span style=\"color: #c5a059; font-size: 0.65rem; text-transform: uppercase; letter-spacing: 3px; font-family: sans-serif; font-weight: 700;\">Brotherhood<\/span>\n                    <h3 style=\"color: #1a1210; font-size: 1.25rem; font-weight: 400; margin: 12px 0 0 0; line-height: 1.4; font-family: 'Times New Roman', serif;\">Sikhs saved us during massacre in 1947<\/h3>\n                <\/div>\n            <\/a>\n\n        <\/div>\n\n        <div style=\"margin-top: 80px;\">\n            <a href=\"https:\/\/www.youtube.com\/@JeevaySanjhaPunjab\" target=\"_blank\" style=\"display: inline-block; padding: 20px 60px; border: 1px solid #c5a059; color: #c5a059; text-decoration: none; text-transform: uppercase; letter-spacing: 5px; font-size: 0.8rem; font-family: sans-serif; font-weight: 600; transition: all 0.3s ease-in-out;\" onmouseover=\"this.style.backgroundColor=&#039;#c5a059&#039;; this.style.color=&#039;#ffffff&#039;;\" onmouseout=\"this.style.backgroundColor=&#039;transparent&#039;; this.style.color=&#039;#c5a059&#039;;\" rel=\"noopener\">\n                Explore The Full Archive\n            <\/a>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n\n\n<style>\n    \/* Styling the placeholder color across different browsers *\/\n    #archive-contribution-form ::placeholder { color: rgba(197, 160, 89, 0.6); opacity: 1; }\n    #archive-contribution-form :-ms-input-placeholder { color: rgba(197, 160, 89, 0.6); }\n    #archive-contribution-form ::-ms-input-placeholder { color: rgba(197, 160, 89, 0.6); }\n\n    @media (max-width: 600px) {\n        #archive-contribution-form { grid-template-columns: 1fr !important; }\n        .grid-span-mobile { grid-column: span 1 !important; }\n        #archive-form-section { padding: 30px 15px !important; }\n        #archive-inner-container { padding: 40px 25px !important; }\n    }\n<\/style>\n\n<div id=\"archive-form-section\" style=\"background: #F8F7F5; padding: 30px 20px 120px 20px; font-family: 'Times New Roman', serif;\">\n    \n    <div id=\"archive-inner-container\" style=\"max-width: 800px; margin: 0 auto; background: #ffffff; border: 1px solid #eee; padding: 70px; box-shadow: 0 40px 100px rgba(0,0,0,0.03); position: relative;\">\n        \n        <div style=\"position: absolute; top: -1px; left: 50%; transform: translateX(-50%); width: 100px; height: 3px; background: #c5a059;\"><\/div>\n        \n        <div style=\"text-align: center; margin-bottom: 50px;\">\n            <h2 style=\"font-size: 2.5rem; color: #1a1210; margin-bottom: 20px; font-weight: 400;\">Contribute to the <span style=\"font-style: italic; color: #c5a059;\">Record<\/span><\/h2>\n            <p style=\"color: #777; font-size: 1.15rem; line-height: 1.6; max-width: 600px; margin: 0 auto;\">\n                Submit your details to share unique 1947 Punjab Partition stories or request a search for your ancestral village.\n            <\/p>\n        <\/div>\n\n        <div id=\"archive-success\" style=\"display:none; padding: 20px; border: 1px solid #c5a059; background: #fffcf5; color: #1a1210; margin-bottom: 30px; text-align: center; font-style: italic;\">\n            Your message has been received. Our team will get back to you shortly.\n        <\/div>\n\n        <form action=\"\" method=\"post\" id=\"archive-contribution-form\" style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 40px;\" data-trp-original-action=\"\">\n            <input type=\"hidden\" name=\"jsp_action\" value=\"submit_archive\">\n            \n            <div class=\"grid-span-mobile\" style=\"grid-column: span 1;\">\n                <label style=\"display: block; font-size: 0.85rem; text-transform: uppercase; color: #1a1210; letter-spacing: 2px; margin-bottom: 8px; font-weight: bold; font-family: sans-serif;\">Your Name<\/label>\n                <input type=\"text\" name=\"u_name\" placeholder=\"Enter your full name\" required style=\"width: 100%; padding: 12px 0; border: none; border-bottom: 1px solid #ddd; outline: none; font-size: 1rem; font-family: serif; color: #1a1210; background: transparent; transition: border-color 0.3s;\" onfocus=\"this.style.borderBottomColor='#c5a059'\" onblur=\"this.style.borderBottomColor='#ddd'\">\n            <\/div>\n\n            <div class=\"grid-span-mobile\" style=\"grid-column: span 1;\">\n                <label style=\"display: block; font-size: 0.85rem; text-transform: uppercase; color: #1a1210; letter-spacing: 2px; margin-bottom: 8px; font-weight: bold; font-family: sans-serif;\">WhatsApp Number<\/label>\n                <input type=\"text\" name=\"u_whatsapp\" placeholder=\"Include country code\" required style=\"width: 100%; padding: 12px 0; border: none; border-bottom: 1px solid #ddd; outline: none; font-size: 1rem; font-family: serif; color: #1a1210; background: transparent; transition: border-color 0.3s;\" onfocus=\"this.style.borderBottomColor='#c5a059'\" onblur=\"this.style.borderBottomColor='#ddd'\">\n            <\/div>\n\n            <div style=\"grid-column: span 2;\" class=\"grid-span-mobile\">\n                <label style=\"display: block; font-size: 0.85rem; text-transform: uppercase; color: #1a1210; letter-spacing: 2px; margin-bottom: 8px; font-weight: bold; font-family: sans-serif;\">Email Address<\/label>\n                <input type=\"email\" name=\"u_email\" placeholder=\"Enter your email address\" required style=\"width: 100%; padding: 12px 0; border: none; border-bottom: 1px solid #ddd; outline: none; font-size: 1rem; font-family: serif; color: #1a1210; background: transparent; transition: border-color 0.3s;\" onfocus=\"this.style.borderBottomColor='#c5a059'\" onblur=\"this.style.borderBottomColor='#ddd'\">\n            <\/div>\n\n            <div style=\"grid-column: span 2;\" class=\"grid-span-mobile\">\n                <label style=\"display: block; font-size: 0.85rem; text-transform: uppercase; color: #1a1210; letter-spacing: 2px; margin-bottom: 8px; font-weight: bold; font-family: sans-serif;\">Village Details or Memory<\/label>\n                <textarea name=\"u_memory\" placeholder=\"Describe the village, district, or stories you wish to trace...\" rows=\"4\" required style=\"width: 100%; padding: 12px 0; border: none; border-bottom: 1px solid #ddd; outline: none; font-size: 1rem; font-family: serif; color: #1a1210; background: transparent; resize: none; transition: border-color 0.3s;\" onfocus=\"this.style.borderBottomColor='#c5a059'\" onblur=\"this.style.borderBottomColor='#ddd'\"><\/textarea>\n            <\/div>\n\n            <div style=\"grid-column: span 2; text-align: center; margin-top: 30px;\" class=\"grid-span-mobile\">\n                <button type=\"submit\" \n                    style=\"background: transparent; color: #c5a059; border: 1px solid #c5a059; padding: 22px 70px; text-transform: uppercase; letter-spacing: 5px; font-weight: bold; cursor: pointer; font-size: 0.85rem; transition: all 0.4s ease; font-family: sans-serif;\" \n                    onmouseover=\"this.style.background='#c5a059'; this.style.color='#ffffff'; this.style.boxShadow='0 10px 20px rgba(197, 160, 89, 0.2)';\" \n                    onmouseout=\"this.style.background='transparent'; this.style.color='#c5a059'; this.style.boxShadow='none';\">\n                    Submit\n                <\/button>\n            <\/div>\n        <input type=\"hidden\" name=\"trp-form-language\" value=\"pa\"\/><\/form>\n    <\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>","protected":false},"excerpt":{"rendered":"<p>1947 Punjab Partition Stories: Our Uprooting Our Uprooting 1947: An Unforgettable Pain \u201cThe largest known migration in human history. A toll that redefined the identity of Punjab, leaving generations waiting for a glimpse of home.\u201d 0M People Migrated 0M+ Lives Lost 0 Yrs of Separation Where the statistics end, the human story begins The Longing [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1134","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jeevaysanjhapunjab.com\/pa\/wp-json\/wp\/v2\/pages\/1134","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jeevaysanjhapunjab.com\/pa\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jeevaysanjhapunjab.com\/pa\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jeevaysanjhapunjab.com\/pa\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/jeevaysanjhapunjab.com\/pa\/wp-json\/wp\/v2\/comments?post=1134"}],"version-history":[{"count":114,"href":"https:\/\/jeevaysanjhapunjab.com\/pa\/wp-json\/wp\/v2\/pages\/1134\/revisions"}],"predecessor-version":[{"id":2606,"href":"https:\/\/jeevaysanjhapunjab.com\/pa\/wp-json\/wp\/v2\/pages\/1134\/revisions\/2606"}],"wp:attachment":[{"href":"https:\/\/jeevaysanjhapunjab.com\/pa\/wp-json\/wp\/v2\/media?parent=1134"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}