American Death Record for <meta name="Author" content="GenDatabase.com"> <meta name="keywords" content="South African genealogy, South African Death Notices, South African Estate Files, South African Marriage Information, South African ancestry research, build South African family tree, South African heritage tracing, ancestry records South Africa, transcribed genealogy data South Africa, online South African genealogy research, South African family history, family tree maker South Africa, South African genealogy database, South African ancestry records, genealogy research South Africa, ancestry search South Africa, historical records South Africa, South African roots tracing, ancestry data South Africa, genealogy platform South Africa, South African family tree tools, verify ancestry South Africa, South African genealogy services, ancestry data transcriptions South Africa, family genealogy South Africa, ancestry tree South Africa, genealogy database South Africa, build family history South Africa, trace ancestors South Africa, South African genealogy support">  <link rel="icon" href="../assets/images/brand-logos/favicon.ico" type="image/x-icon">  <script src="../assets/libs/choices.js/public/assets/scripts/choices.min.js"></script>  <script src="../assets/js/main.js"></script>  <link id="style" href="../assets/libs/bootstrap/css/bootstrap.min.css" rel="stylesheet" >  <link href="../assets/css/styles.css" rel="stylesheet" >  <link href="../assets/css/icons.css" rel="stylesheet" >  <link href="../assets/libs/node-waves/waves.min.css" rel="stylesheet" >  <link href="../assets/libs/simplebar/simplebar.min.css" rel="stylesheet" >  <link rel="stylesheet" href="../assets/libs/flatpickr/flatpickr.min.css"> <link rel="stylesheet" href="../assets/libs/@simonwep/pickr/themes/nano.min.css">  <link rel="stylesheet" href="../assets/libs/choices.js/public/assets/styles/choices.min.css">  <link rel="stylesheet" href="../assets/libs/flatpickr/flatpickr.min.css">  <link rel="stylesheet" href="../assets/libs/@tarekraafat/autocomplete.js/css/autoComplete.css"> <link rel="stylesheet" href="../assets/libs/glightbox/css/glightbox.min.css">  <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <script> (adsbygoogle = window.adsbygoogle || []).push({ google_ad_client: "ca-pub-4167146619123018", enable_page_level_ads: true }); </script>   <script async src="https://www.googletagmanager.com/gtag/js?id=G-TCPN826Z3Q"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-TCPN826Z3Q'); </script>   <link rel="stylesheet" href="ABDetectorPro/style/abdetector.style.min.css" /> <script src="ABDetectorPro/js/abdetector.script.js"></script>  <script> window.addEventListener('load', function (event) { abDetectorPro.init(); }); </script>  </head> <body>  <div class="offcanvas offcanvas-end" tabindex="-1" id="switcher-canvas" aria-labelledby="offcanvasRightLabel"> <div class="offcanvas-header border-bottom d-block p-0"> <div class="d-flex align-items-center justify-content-between p-3"> <h5 class="offcanvas-title text-default" id="offcanvasRightLabel">Your Layout</h5> <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button> </div> <nav class="border-top border-block-start-dashed"> <div class="nav nav-tabs nav-justified" id="switcher-main-tab" role="tablist"> <button class="nav-link active" id="switcher-home-tab" data-bs-toggle="tab" data-bs-target="#switcher-home" type="button" role="tab" aria-controls="switcher-home" aria-selected="true">Theme Styles</button> <button class="nav-link" id="switcher-profile-tab" data-bs-toggle="tab" data-bs-target="#switcher-profile" type="button" role="tab" aria-controls="switcher-profile" aria-selected="false">Theme Colors</button> </div> </nav> </div> <div class="offcanvas-body"> <div class="tab-content" id="nav-tabContent"> <div class="tab-pane fade show active border-0" id="switcher-home" role="tabpanel" aria-labelledby="switcher-home-tab" tabindex="0"> <div class=""> <p class="switcher-style-head">Theme Color Mode:</p> <div class="row switcher-style gx-0"> <div class="col-4"> <div class="form-check switch-select"> <label class="form-check-label" for="switcher-light-theme"> Light </label> <input class="form-check-input" type="radio" name="theme-style" id="switcher-light-theme" checked> </div> </div> <div class="col-4"> <div class="form-check switch-select"> <label class="form-check-label" for="switcher-dark-theme"> Dark </label> <input class="form-check-input" type="radio" name="theme-style" id="switcher-dark-theme"> </div> </div> </div> </div> <div class=""> <p class="switcher-style-head">Directions:</p> <div class="row switcher-style gx-0"> <div class="col-4"> <div class="form-check switch-select"> <label class="form-check-label" for="switcher-ltr"> LTR </label> <input class="form-check-input" type="radio" name="direction" id="switcher-ltr" checked> </div> </div> <div class="col-4"> <div class="form-check switch-select"> <label class="form-check-label" for="switcher-rtl"> RTL </label> <input class="form-check-input" type="radio" name="direction" id="switcher-rtl"> </div> </div> </div> </div> <div class=""> <p class="switcher-style-head">Navigation Styles:</p> <div class="row switcher-style gx-0"> <div class="col-4"> <div class="form-check switch-select"> <label class="form-check-label" for="switcher-vertical"> Vertical </label> <input class="form-check-input" type="radio" name="navigation-style" id="switcher-vertical" checked> </div> </div> <div class="col-4"> <div class="form-check switch-select"> <label class="form-check-label" for="switcher-horizontal"> Horizontal </label> <input class="form-check-input" type="radio" name="navigation-style" id="switcher-horizontal"> </div> </div> </div> </div> <div class="navigation-menu-styles"> <p class="switcher-style-head">Vertical & Horizontal Menu Styles:</p> <div class="row switcher-style gx-0 pb-2 gy-2"> <div class="col-4"> <div class="form-check switch-select"> <label class="form-check-label" for="switcher-menu-click"> Menu Click </label> <input class="form-check-input" type="radio" name="navigation-menu-styles" id="switcher-menu-click"> </div> </div> <div class="col-4"> <div class="form-check switch-select"> <label class="form-check-label" for="switcher-menu-hover"> Menu Hover </label> <input class="form-check-input" type="radio" name="navigation-menu-styles" id="switcher-menu-hover"> </div> </div> <div class="col-4"> <div class="form-check switch-select"> <label class="form-check-label" for="switcher-icon-click"> Icon Click </label> <input class="form-check-input" type="radio" name="navigation-menu-styles" id="switcher-icon-click"> </div> </div> <div class="col-4"> <div class="form-check switch-select"> <label class="form-check-label" for="switcher-icon-hover"> Icon Hover </label> <input class="form-check-input" type="radio" name="navigation-menu-styles" id="switcher-icon-hover"> </div> </div> </div> </div> <div class="sidemenu-layout-styles"> <p class="switcher-style-head">Sidemenu Layout Styles:</p> <div class="row switcher-style gx-0 pb-2 gy-2"> <div class="col-sm-6"> <div class="form-check switch-select"> <label class="form-check-label" for="switcher-default-menu"> Default Menu </label> <input class="form-check-input" type="radio" name="sidemenu-layout-styles" id="switcher-default-menu" checked> </div> </div> <div class="col-sm-6"> <div class="form-check switch-select"> <label class="form-check-label" for="switcher-closed-menu"> Closed Menu </label> <input class="form-check-input" type="radio" name="sidemenu-layout-styles" id="switcher-closed-menu"> </div> </div> <div class="col-sm-6"> <div class="form-check switch-select"> <label class="form-check-label" for="switcher-icontext-menu"> Icon Text </label> <input class="form-check-input" type="radio" name="sidemenu-layout-styles" id="switcher-icontext-menu"> </div> </div> <div class="col-sm-6"> <div class="form-check switch-select"> <label class="form-check-label" for="switcher-icon-overlay"> Icon Overlay </label> <input class="form-check-input" type="radio" name="sidemenu-layout-styles" id="switcher-icon-overlay"> </div> </div> <div class="col-sm-6"> <div class="form-check switch-select"> <label class="form-check-label" for="switcher-detached"> Detached </label> <input class="form-check-input" type="radio" name="sidemenu-layout-styles" id="switcher-detached"> </div> </div> <div class="col-sm-6"> <div class="form-check switch-select"> <label class="form-check-label" for="switcher-double-menu"> Double Menu </label> <input class="form-check-input" type="radio" name="sidemenu-layout-styles" id="switcher-double-menu"> </div> </div> </div> </div> <div class=""> <p class="switcher-style-head">Page Styles:</p> <div class="row switcher-style gx-0"> <div class="col-4"> <div class="form-check switch-select"> <label class="form-check-label" for="switcher-regular"> Regular </label> <input class="form-check-input" type="radio" name="page-styles" id="switcher-regular" checked> </div> </div> <div class="col-4"> <div class="form-check switch-select"> <label class="form-check-label" for="switcher-classic"> Classic </label> <input class="form-check-input" type="radio" name="page-styles" id="switcher-classic"> </div> </div> <div class="col-4"> <div class="form-check switch-select"> <label class="form-check-label" for="switcher-modern"> Modern </label> <input class="form-check-input" type="radio" name="page-styles" id="switcher-modern"> </div> </div> </div> </div> <div class=""> <p class="switcher-style-head">Layout Width Styles:</p> <div class="row switcher-style gx-0"> <div class="col-4"> <div class="form-check switch-select"> <label class="form-check-label" for="switcher-default-width"> Compact </label> <input class="form-check-input" type="radio" name="layout-width" id="switcher-default-width"> </div> </div> <div class="col-5"> <div class="form-check switch-select"> <label class="form-check-label" for="switcher-full-width"> Full Width </label> <input class="form-check-input" type="radio" name="layout-width" id="switcher-full-width" checked> </div> </div> <div class="col-3"> <div class="form-check switch-select"> <label class="form-check-label" for="switcher-boxed"> Boxed </label> <input class="form-check-input" type="radio" name="layout-width" id="switcher-boxed"> </div> </div> </div> </div> <div class=""> <p class="switcher-style-head">Menu Positions:</p> <div class="row switcher-style gx-0"> <div class="col-4"> <div class="form-check switch-select"> <label class="form-check-label" for="switcher-menu-fixed"> Fixed </label> <input class="form-check-input" type="radio" name="menu-positions" id="switcher-menu-fixed" checked> </div> </div> <div class="col-4"> <div class="form-check switch-select"> <label class="form-check-label" for="switcher-menu-scroll"> Scrollable </label> <input class="form-check-input" type="radio" name="menu-positions" id="switcher-menu-scroll"> </div> </div> </div> </div> <div class=""> <p class="switcher-style-head">Header Positions:</p> <div class="row switcher-style gx-0"> <div class="col-4"> <div class="form-check switch-select"> <label class="form-check-label" for="switcher-header-fixed"> Fixed </label> <input class="form-check-input" type="radio" name="header-positions" id="switcher-header-fixed" checked> </div> </div> <div class="col-4"> <div class="form-check switch-select"> <label class="form-check-label" for="switcher-header-scroll"> Scrollable </label> <input class="form-check-input" type="radio" name="header-positions" id="switcher-header-scroll"> </div> </div> </div> </div> <div class=""> <p class="switcher-style-head">Loader:</p> <div class="row switcher-style gx-0"> <div class="col-4"> <div class="form-check switch-select"> <label class="form-check-label" for="switcher-loader-enable"> Enable </label> <input class="form-check-input" type="radio" name="page-loader" id="switcher-loader-enable"> </div> </div> <div class="col-4"> <div class="form-check switch-select"> <label class="form-check-label" for="switcher-loader-disable"> Disable </label> <input class="form-check-input" type="radio" name="page-loader" id="switcher-loader-disable" checked> </div> </div> </div> </div> </div> <div class="tab-pane fade border-0" id="switcher-profile" role="tabpanel" aria-labelledby="switcher-profile-tab" tabindex="0"> <div> <div class="theme-colors"> <p class="switcher-style-head">Menu Colors:</p> <div class="d-flex switcher-style pb-2"> <div class="form-check switch-select me-3"> <input class="form-check-input color-input color-white" data-bs-toggle="tooltip" data-bs-placement="top" title="Light Menu" type="radio" name="menu-colors" id="switcher-menu-light" checked> </div> <div class="form-check switch-select me-3"> <input class="form-check-input color-input color-dark" data-bs-toggle="tooltip" data-bs-placement="top" title="Dark Menu" type="radio" name="menu-colors" id="switcher-menu-dark"> </div> <div class="form-check switch-select me-3"> <input class="form-check-input color-input color-primary" data-bs-toggle="tooltip" data-bs-placement="top" title="Color Menu" type="radio" name="menu-colors" id="switcher-menu-primary"> </div> <div class="form-check switch-select me-3"> <input class="form-check-input color-input color-gradient" data-bs-toggle="tooltip" data-bs-placement="top" title="Gradient Menu" type="radio" name="menu-colors" id="switcher-menu-gradient"> </div> <div class="form-check switch-select me-3"> <input class="form-check-input color-input color-transparent" data-bs-toggle="tooltip" data-bs-placement="top" title="Transparent Menu" type="radio" name="menu-colors" id="switcher-menu-transparent"> </div> </div> <div class="px-4 pb-3 text-muted fs-11">Note:If you want to change color Menu dynamically change from below Theme Primary color picker</div> </div> <div class="theme-colors"> <p class="switcher-style-head">Header Colors:</p> <div class="d-flex switcher-style pb-2"> <div class="form-check switch-select me-3"> <input class="form-check-input color-input color-white" data-bs-toggle="tooltip" data-bs-placement="top" title="Light Header" type="radio" name="header-colors" id="switcher-header-light" checked> </div> <div class="form-check switch-select me-3"> <input class="form-check-input color-input color-dark" data-bs-toggle="tooltip" data-bs-placement="top" title="Dark Header" type="radio" name="header-colors" id="switcher-header-dark"> </div> <div class="form-check switch-select me-3"> <input class="form-check-input color-input color-primary" data-bs-toggle="tooltip" data-bs-placement="top" title="Color Header" type="radio" name="header-colors" id="switcher-header-primary"> </div> <div class="form-check switch-select me-3"> <input class="form-check-input color-input color-gradient" data-bs-toggle="tooltip" data-bs-placement="top" title="Gradient Header" type="radio" name="header-colors" id="switcher-header-gradient"> </div> <div class="form-check switch-select me-3"> <input class="form-check-input color-input color-transparent" data-bs-toggle="tooltip" data-bs-placement="top" title="Transparent Header" type="radio" name="header-colors" id="switcher-header-transparent"> </div> </div> <div class="px-4 pb-3 text-muted fs-11">Note:If you want to change color Header dynamically change from below Theme Primary color picker</div> </div> <div class="theme-colors"> <p class="switcher-style-head">Theme Primary:</p> <div class="d-flex flex-wrap align-items-center switcher-style"> <div class="form-check switch-select me-3"> <input class="form-check-input color-input color-primary-1" type="radio" name="theme-primary" id="switcher-primary"> </div> <div class="form-check switch-select me-3"> <input class="form-check-input color-input color-primary-2" type="radio" name="theme-primary" id="switcher-primary1"> </div> <div class="form-check switch-select me-3"> <input class="form-check-input color-input color-primary-3" type="radio" name="theme-primary" id="switcher-primary2"> </div> <div class="form-check switch-select me-3"> <input class="form-check-input color-input color-primary-4" type="radio" name="theme-primary" id="switcher-primary3"> </div> <div class="form-check switch-select me-3"> <input class="form-check-input color-input color-primary-5" type="radio" name="theme-primary" id="switcher-primary4"> </div> <div class="form-check switch-select ps-0 mt-1 color-primary-light"> <div class="theme-container-primary"></div> <div class="pickr-container-primary" onchange="updateChartColor(this.value)"></div> </div> </div> </div> <div class="theme-colors"> <p class="switcher-style-head">Theme Background:</p> <div class="d-flex flex-wrap align-items-center switcher-style"> <div class="form-check switch-select me-3"> <input class="form-check-input color-input color-bg-1" type="radio" name="theme-background" id="switcher-background"> </div> <div class="form-check switch-select me-3"> <input class="form-check-input color-input color-bg-2" type="radio" name="theme-background" id="switcher-background1"> </div> <div class="form-check switch-select me-3"> <input class="form-check-input color-input color-bg-3" type="radio" name="theme-background" id="switcher-background2"> </div> <div class="form-check switch-select me-3"> <input class="form-check-input color-input color-bg-4" type="radio" name="theme-background" id="switcher-background3"> </div> <div class="form-check switch-select me-3"> <input class="form-check-input color-input color-bg-5" type="radio" name="theme-background" id="switcher-background4"> </div> <div class="form-check switch-select ps-0 mt-1 tooltip-static-demo color-bg-transparent"> <div class="theme-container-background"></div> <div class="pickr-container-background"></div> </div> </div> </div> <div class="menu-image mb-3"> <p class="switcher-style-head">Menu With Background Image:</p> <div class="d-flex flex-wrap align-items-center switcher-style"> <div class="form-check switch-select m-2"> <input class="form-check-input bgimage-input bg-img1" type="radio" name="menu-background" id="switcher-bg-img"> </div> <div class="form-check switch-select m-2"> <input class="form-check-input bgimage-input bg-img2" type="radio" name="menu-background" id="switcher-bg-img1"> </div> <div class="form-check switch-select m-2"> <input class="form-check-input bgimage-input bg-img3" type="radio" name="menu-background" id="switcher-bg-img2"> </div> <div class="form-check switch-select m-2"> <input class="form-check-input bgimage-input bg-img4" type="radio" name="menu-background" id="switcher-bg-img3"> </div> <div class="form-check switch-select m-2"> <input class="form-check-input bgimage-input bg-img5" type="radio" name="menu-background" id="switcher-bg-img4"> </div> </div> </div> </div> </div> <div class="d-flex justify-content-center canvas-footer gap-1"> <a href="javascript:void(0);" id="reset-all" class="btn btn-danger flex-fill">Reset</a> </div> </div> </div> </div>   <div id="loader" > <img src="../assets/images/media/loader.svg" alt=""> </div>  <div class="page"> <header class="app-header sticky" id="header">  <div class="main-header-container container-fluid">  <div class="header-content-left">  <div class="header-element"> <div class="horizontal-logo"> <a href="index.php" class="header-logo"> <img src="../assets/images/brand-logos/gendb.png" alt="logo" class="desktop-logo"> <img src="../assets/images/brand-logos/gendbicon.webp" alt="logo" class="toggle-logo"> <img src="../assets/images/brand-logos/gendb.png" alt="logo" class="desktop-dark"> <img src="../assets/images/brand-logos/gendbicon.webp" alt="logo" class="toggle-dark"> </a> </div> </div>   <div class="header-element mx-lg-0 mx-2"> <a aria-label="Hide Sidebar" class="sidemenu-toggle header-link" data-bs-toggle="sidebar" href="javascript:void(0);"> <svg xmlns="http://www.w3.org/2000/svg" class="header-link-icon menu-btn" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4 5h12M4 12h16M4 19h8" color="currentColor"/></svg> <svg xmlns="http://www.w3.org/2000/svg" class="header-link-icon menu-btn-close" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m18 6l-6 6m0 0l-6 6m6-6l6 6m-6-6L6 6" color="currentColor"/></svg> </a> </div>   <div class="header-element header-search d-md-block d-none my-auto">  <form method="POST" action="id-number-results.php"> <input type="text" name="term" class="header-search-bar form-control search-sidebar bg-light-transparent" id="header-search" placeholder="Enter ID Number" spellcheck=false autocomplete="off" autocapitalize="off"> <a href="javascript:void(0);" class="header-search-icon border-0 "> <i class="bi bi-search"></i> </a> </form>  </div>  </div>   <ul class="header-content-right">  <li class="header-element d-md-none d-block"> <a href="javascript:void(0);" class="header-link" data-bs-toggle="modal" data-bs-target="#header-responsive-search">  <i class="bi bi-search header-link-icon"></i>  </a> </li>   <li class="header-element header-theme-mode">  <a href="javascript:void(0);" class="header-link layout-setting"> <span class="light-layout">  <svg xmlns="http://www.w3.org/2000/svg" class="header-link-icon" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M21.5 14.078A8.557 8.557 0 0 1 9.922 2.5C5.668 3.497 2.5 7.315 2.5 11.873a9.627 9.627 0 0 0 9.627 9.627c4.558 0 8.376-3.168 9.373-7.422" color="currentColor"/></svg>  </span> <span class="dark-layout">  <svg xmlns="http://www.w3.org/2000/svg" class="header-link-icon" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M17 12a5 5 0 1 1-10 0a5 5 0 0 1 10 0M12 2v1.5m0 17V22m7.07-2.929l-1.06-1.06M5.99 5.989L4.928 4.93M22 12h-1.5m-17 0H2m17.071-7.071l-1.06 1.06M5.99 18.011l-1.06 1.06" color="currentColor"/></svg>  </span> </a>  </li>   <li class="header-element dropdown">  <a href="javascript:void(0);" class="header-link dropdown-toggle" id="mainHeaderProfile" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false"> <div class="d-flex align-items-center"> <div> <img src="../assets/images/brand-logos/wa.webp" alt="img" class="avatar avatar-sm avatar-rounded"> </div> </div> </a>  <ul class="main-header-dropdown dropdown-menu pt-0 overflow-hidden header-profile-dropdown dropdown-menu-end" aria-labelledby="mainHeaderProfile"> <li class="p-3 border-bottom"> <div class="d-flex align-items-center justify-content-center text-center"> <div> <p class="mb-0 fw-semibold lh-1">WhatsApp</p> <span class="fs-11 text-muted">Channels</span> </div> </div> </li> <li><a class="dropdown-item d-flex align-items-center" href="https://api.whatsapp.com/send/?phone=27704313767"><i class="ri-user-line fs-15 me-2 text-gray fw-normal"></i>Support</a></li> <li><a class="dropdown-item d-flex align-items-center" href="https://chat.whatsapp.com/J54SmwHclGhDO2vQJMgHot?mode=ac_t"><i class="ri-chat-1-line fs-15 me-2 text-gray fw-normal"></i>System Updates</a></li> </ul> </li>   <li class="header-element dropdown">  <a href="javascript:void(0);" class="header-link dropdown-toggle" id="mainHeaderProfile" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false"> <div class="d-flex align-items-center"> <div> <img src="../assets/images/brand-logos/gendbicon.webp" alt="img" class="avatar avatar-sm avatar-rounded"> </div> </div> </a>  <ul class="main-header-dropdown dropdown-menu pt-0 overflow-hidden header-profile-dropdown dropdown-menu-end" aria-labelledby="mainHeaderProfile"> <li class="p-3 border-bottom"> <div class="d-flex align-items-center justify-content-center text-center"> <div> <p class="mb-0 fw-semibold lh-1">Guest User</p> <span class="fs-11 text-muted">GenDatabase Guest</span> </div> </div> </li> <li><a class="dropdown-item d-flex align-items-center" href="/members/signup"><i class="ri-user-line fs-15 me-2 text-gray fw-normal"></i>Sign Up</a></li> <li><a class="dropdown-item d-flex align-items-center" href="../#contact"><i class="ri-chat-1-line fs-15 me-2 text-gray fw-normal"></i>Contact Us</a></li> <li> <hr class="dropdown-divider"> </li> <li><a class="dropdown-item d-flex align-items-center" href="/members/login"><i class="ri-logout-circle-line fs-15 me-2 text-gray fw-normal"></i>Log In</a></li> </ul> </li>   <li class="header-element">  <a href="javascript:void(0);" class="header-link switcher-icon" data-bs-toggle="offcanvas" data-bs-target="#switcher-canvas"> <svg xmlns="http://www.w3.org/2000/svg" class="header-link-icon" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" color="currentColor"><path d="m21.318 7.141l-.494-.856c-.373-.648-.56-.972-.878-1.101c-.317-.13-.676-.027-1.395.176l-1.22.344c-.459.106-.94.046-1.358-.17l-.337-.194a2 2 0 0 1-.788-.967l-.334-.998c-.22-.66-.33-.99-.591-1.178c-.261-.19-.609-.19-1.303-.19h-1.115c-.694 0-1.041 0-1.303.19c-.261.188-.37.518-.59 1.178l-.334.998a2 2 0 0 1-.789.967l-.337.195c-.418.215-.9.275-1.358.17l-1.22-.345c-.719-.203-1.078-.305-1.395-.176c-.318.129-.505.453-.878 1.1l-.493.857c-.35.608-.525.911-.491 1.234c.034.324.268.584.736 1.105l1.031 1.153c.252.319.431.875.431 1.375s-.179 1.056-.43 1.375l-1.032 1.152c-.468.521-.702.782-.736 1.105s.14.627.49 1.234l.494.857c.373.647.56.971.878 1.1s.676.028 1.395-.176l1.22-.344a2 2 0 0 1 1.359.17l.336.194c.36.23.636.57.788.968l.334.997c.22.66.33.99.591 1.18c.262.188.609.188 1.303.188h1.115c.694 0 1.042 0 1.303-.189s.371-.519.59-1.179l.335-.997c.152-.399.428-.738.788-.968l.336-.194c.42-.215.9-.276 1.36-.17l1.22.344c.718.204 1.077.306 1.394.177c.318-.13.505-.454.878-1.101l.493-.857c.35-.607.525-.91.491-1.234s-.268-.584-.736-1.105l-1.031-1.152c-.252-.32-.431-.875-.431-1.375s.179-1.056.43-1.375l1.032-1.153c.468-.52.702-.781.736-1.105s-.14-.626-.49-1.234"/><path d="M15.52 12a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0"/></g></svg> </a>  </li>  </ul>  </div>  </header>  <aside class="app-sidebar sticky" id="sidebar">  <div class="main-sidebar-header"> <a href="index.php" class="header-logo"> <img src="../assets/images/brand-logos/gendb.png" alt="logo" class="desktop-logo"> <img src="../assets/images/brand-logos/gendbicon.webp" alt="logo" class="toggle-logo"> <img src="../assets/images/brand-logos/gendb.png" alt="logo" class="desktop-dark"> <img src="../assets/images/brand-logos/gendbicon.webp" alt="logo" class="toggle-dark"> </a> </div>   <div class="main-sidebar" id="sidebar-scroll">  <nav class="main-menu-container nav nav-pills flex-column sub-open"> <div class="slide-left" id="slide-left"> <svg xmlns="http://www.w3.org/2000/svg" fill="#7b8191" width="24" height="24" viewBox="0 0 24 24"> <path d="M13.293 6.293 7.586 12l5.707 5.707 1.414-1.414L10.414 12l4.293-4.293z"></path> </svg> </div> <ul class="main-menu">  <li class="slide__category"><span class="category-name">Home Page</span></li>   <li class="slide has-sub"> <a href="javascript:void(0);" class="side-menu__item"> <svg xmlns="http://www.w3.org/2000/svg" class="side-menu__icon" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" color="currentColor"><path d="m9 22l-.251-3.509a3.259 3.259 0 1 1 6.501 0L15 22"/><path d="M2.352 13.214c-.354-2.298-.53-3.446-.096-4.465s1.398-1.715 3.325-3.108L7.021 4.6C9.418 2.867 10.617 2 12.001 2c1.382 0 2.58.867 4.978 2.6l1.44 1.041c1.927 1.393 2.89 2.09 3.325 3.108c.434 1.019.258 2.167-.095 4.464l-.301 1.96c-.5 3.256-.751 4.884-1.919 5.856S16.554 22 13.14 22h-2.28c-3.415 0-5.122 0-6.29-.971c-1.168-.972-1.418-2.6-1.918-5.857z"/></g></svg> <span class="side-menu__label">Dashboard</span> <i class="ri-arrow-down-s-line side-menu__angle"></i> </a> <ul class="slide-menu child1"> <li class="slide side-menu__label1"> <a href="javascript:void(0)">Dashboard</a> </li> <li class="slide"> <a href="index.php" class="side-menu__item">Home Page</a> </li> <li class="slide"> <a href="../#pricing" class="side-menu__item">Pricing</a> </li> <li class="slide"> <a href="/members/signup" class="side-menu__item">Sign Up</a> </li> <li class="slide"> <a href="/members/login" class="side-menu__item">Log In</a> </li> <li class="slide"> <a href="../#contact" class="side-menu__item">Contact Us</a> </li> </ul> </li>   <li class="slide__category"><span class="category-name">Genealogy Research</span></li>   <li class="slide has-sub"> <a href="javascript:void(0);" class="side-menu__item"> <svg xmlns="http://www.w3.org/2000/svg" class="side-menu__icon" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" color="currentColor"><path d="M19.543 10.5L22 11c-.503-5.053-4.777-9-9.975-9C6.488 2 2 6.477 2 12s4.488 10 10.025 10c4.11 0 7.643-2.468 9.19-6"/><path d="M10.337 10.88c-1.08 0-1.62.78-1.74 1.26s-.12 2.22-.048 2.94c.24.9.84 1.272 1.428 1.392c.54.048 2.82.03 3.48.03c.96.018 1.68-.342 1.98-1.422c.06-.36.12-2.34-.03-2.94c-.318-.96-1.11-1.26-1.71-1.26zm-.087-.421c0-.06.008-.406.01-.84c0-.398-.034-.78.156-1.13c.71-1.414 2.75-1.27 3.254.17c.087.237.092.612.09.96c-.003.443.006.84.006.84"/></g></svg> <span class="side-menu__label">Genealogy Research</span> <i class="ri-arrow-down-s-line side-menu__angle"></i> </a> <ul class="slide-menu child1"> <li class="slide side-menu__label1"> <a href="javascript:void(0)">Authentication</a> </li> <li class="slide has-sub"> <a href="javascript:void(0);" class="side-menu__item">Marriage & Divorce <i class="ri-arrow-down-s-line side-menu__angle"></i></a> <ul class="slide-menu child2"> <li class="slide"> <a href="marriage-name-surname.php" class="side-menu__item">Name & Surname</a> </li> <li class="slide"> <a href="marriage-nyc.php" class="side-menu__item">NYC Marriages</a> </li> </ul> </li> <li class="slide has-sub"> <a href="javascript:void(0);" class="side-menu__item">Death & Estates <i class="ri-arrow-down-s-line side-menu__angle"></i></a> <ul class="slide-menu child2"> <li class="slide"> <a href="death-estate-name-surname.php" class="side-menu__item">Name & Surname</a> </li> <li class="slide"> <a href="american-deaths.php" class="side-menu__item">American Deaths</a> </li> <li class="slide"> <a href="australian-deaths.php" class="side-menu__item">Australian Deaths</a> </li> </ul> </li> <li class="slide has-sub"> <a href="javascript:void(0);" class="side-menu__item">Anglo-Boer War <i class="ri-arrow-down-s-line side-menu__angle"></i></a> <ul class="slide-menu child2"> <li class="slide"> <a href="boerwar-prisoners.php" class="side-menu__item">Prisoner Search</a> </li> <li class="slide"> <a href="boerwar-soldiers.php" class="side-menu__item">Soldier Search</a> </li> <li class="slide"> <a href="boerwar-concentration-camps.php" class="side-menu__item">Concentration Camps</a> </li> </ul> </li> <li class="slide has-sub"> <a href="javascript:void(0);" class="side-menu__item">VOC Employees <i class="ri-arrow-down-s-line side-menu__angle"></i></a> <ul class="slide-menu child2"> <li class="slide"> <a href="voc-employment.php" class="side-menu__item">Name & Surname</a> </li> </ul> </li> </ul> </li>   <li class="slide__category"><span class="category-name">Genealogy Tools</span></li>   <li class="slide has-sub"> <a href="javascript:void(0);" class="side-menu__item"> <svg xmlns="http://www.w3.org/2000/svg" class="side-menu__icon" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2.5 12c0-4.478 0-6.718 1.391-8.109S7.521 2.5 12 2.5c4.478 0 6.718 0 8.109 1.391S21.5 7.521 21.5 12c0 4.478 0 6.718-1.391 8.109S16.479 21.5 12 21.5c-4.478 0-6.718 0-8.109-1.391S2.5 16.479 2.5 12M11 7h6M7 7h1m-1 5h1m-1 5h1m3-5h6m-6 5h6" color="currentColor"/></svg> <span class="side-menu__label">Genealogy Tools</span> <i class="ri-arrow-down-s-line side-menu__angle"></i> </a> <ul class="slide-menu child1"> <li class="slide side-menu__label1"> <a href="javascript:void(0)">Genealogy Tools</a> </li> <li class="slide has-sub"> <a href="javascript:void(0);" class="side-menu__item">SA Researchers <i class="ri-arrow-down-s-line side-menu__angle"></i></a> <ul class="slide-menu child2"> <li class="slide"> <a href="researchers.php" class="side-menu__item">SA Researchers</a> </li> </ul> </li> <li class="slide has-sub"> <a href="javascript:void(0);" class="side-menu__item">Estate Finders <i class="ri-arrow-down-s-line side-menu__angle"></i></a> <ul class="slide-menu child2"> <li class="slide"> <a href="transvaal-estate-finder.php" class="side-menu__item">Transvaal</a> </li> <li class="slide"> <a href="cape-estate-finder.php" class="side-menu__item">Cape</a> </li> </ul> </li> <li class="slide has-sub"> <a href="javascript:void(0);" class="side-menu__item">Anglican Records <i class="ri-arrow-down-s-line side-menu__angle"></i></a> <ul class="slide-menu child2"> <li class="slide"> <a href="anglican.php" class="side-menu__item">Anglican Records</a> </li> </ul> </li> <li class="slide has-sub"> <a href="javascript:void(0);" class="side-menu__item">World Map <i class="ri-arrow-down-s-line side-menu__angle"></i></a> <ul class="slide-menu child2"> <li class="slide"> <a href="https://gendatabase.com/map/viewer/index.php?code=6815c192010a3" class="side-menu__item" target="_BLANK">World Map</a> </li> </ul> </li> <li class="slide has-sub"> <a href="javascript:void(0);" class="side-menu__item">FamilySearch <i class="ri-arrow-down-s-line side-menu__angle"></i></a> <ul class="slide-menu child2"> <li class="slide"> <a href="files-on-family-search.php" class="side-menu__item">Files on FS</a> </li> <li class="slide"> <a href="civil-death-finder.php" class="side-menu__item">Civil Death Finder</a> </li> <li class="slide"> <a href="drc-baptisms.php" class="side-menu__item">DRC Baptism Finder</a> </li> <li class="slide"> <a href="land-deed-finder.php" class="side-menu__item">Land & Deeds</a> </li> <li class="slide"> <a href="parish-records.php" class="side-menu__item">Parish Records on FS</a> </li> <li class="slide"> <a href="sa-voter-rolls.php" class="side-menu__item">SA Voter Rolls</a> </li> </ul> </li> <li class="slide has-sub"> <a href="javascript:void(0);" class="side-menu__item">Other Tools <i class="ri-arrow-down-s-line side-menu__angle"></i></a> <ul class="slide-menu child2"> <li class="slide"> <a href="surname-statistics.php" class="side-menu__item">Surname Statistics</a> </li> <li class="slide"> <a href="indentured-indians.php" class="side-menu__item">Indentured Indians</a> </li> <li class="slide"> <a href="old-newspapers.php" class="side-menu__item">Old Newspapers</a> </li> <li class="slide"> <a href="sa-schools.php" class="side-menu__item">SA Schools</a> </li> <li class="slide"> <a href="gis-land.php" class="side-menu__item">GIS Land</a> </li> <li class="slide"> <a href="old-sa-maps.php" class="side-menu__item">Old SA Maps</a> </li> <li class="slide"> <a href="drc-church-map.php" class="side-menu__item">DRC Church Map</a> </li> </ul> </li> </ul> </li>  </ul> <div class="slide-right" id="slide-right"><svg xmlns="http://www.w3.org/2000/svg" fill="#7b8191" width="24" height="24" viewBox="0 0 24 24"> <path d="M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z"></path> </svg></div> </nav>  </div>  </aside>   <div class="main-content app-content"> <div class="container-fluid">  <div class="my-4 page-header-breadcrumb d-flex align-items-center justify-content-between flex-wrap gap-2"> <div> <div class=""> <nav> <ol class="breadcrumb mb-0"> <li class="breadcrumb-item"><a href="index.php">Research</a></li> <li class="breadcrumb-item active" aria-current="page">American Death Record for <i class="ti ti-download"></i> </button> </div> </div> </div>  <div class="col-xl-12"> <div class="card border-0"> <div class="alert alert-danger border border-danger mb-0 p-2"> <div class="d-flex align-items-start"> <div class="me-2 svg-danger"> <svg class="flex-shrink-0" xmlns="http://www.w3.org/2000/svg" height="1.5rem" viewBox="0 0 24 24" width="1.5rem" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/></svg> </div> <div class="text-danger w-100"> <div class="fw-medium d-flex justify-content-between">Welcome to GenDatabase Search Portal!<button type="button" class="btn-close p-0" data-bs-dismiss="alert" aria-label="Close"><i class="bi bi-x"></i></button></div> <div class="fs-12 op-8 mb-1">You are using GenDatabase as a guest user with limited access. Please sign up as a member to access all databases and search functionalities./div> </div> </div> </div> </div> </div> <div class="col-xl-12"> <div class="card border-0"> <div class="alert alert-success border border-primary mb-0 p-2"> <div class="d-flex align-items-start"> <div class="me-2 svg-success"> <svg class="flex-shrink-0" xmlns="http://www.w3.org/2000/svg" height="1.5rem" viewBox="0 0 24 24" width="1.5rem" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/></svg> </div> <div class="text-success w-100"> <div class="fw-medium d-flex justify-content-between">This Weekend We are Celebrating Woman's Day!<button type="button" class="btn-close p-0" data-bs-dismiss="alert" aria-label="Close"><i class="bi bi-x"></i></button></div> <div class="fs-12 op-8 mb-1">Get 25% discount this weekend on all member packages! Discount will be applied upon payment checkout.</div> </div> </div> </div> </div> </div>  <div class="row"> <div class="col-xl-12"> <div class="card custom-card profile-card overflow-hidden"> <div class="profile-image"> <img src="../assets/images/brand-logos/2.jpeg" class="card-img-top" alt="..." height="240px"> </div> <div class="card-body p-4 pb-0 position-relative"> <span class="avatar avatar-xxl avatar-rounded bg-info"> <img src="../assets/images/brand-logos/icon with white bg (1).png" alt=""> </span> <div class="mt-4 mb-3 d-flex align-items-center flex-wrap gap-3 justify-content-between"> <div> <h5 class="fw-semibold mb-1"> </div> <div class="col-xl-8"> <div class="alert alert-success" role="alert"> <b> Please find your US death record below:</b> </div> <div class="row"> <div class="col-xl-12"> <div class="card custom-card"> <div class="card-body"> <center><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4167146619123018" crossorigin="anonymous"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4167146619123018" data-ad-slot="7606178183" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></center> </div> </div> </div> </div> <div class="card custom-card overflow-hidden"> <div class="card-body p-0"> <ul class="list-group list-group-flush"> <li class="list-group-item"> <div><span class="fw-medium me-2">NAMES :</span><span class="text-muted"> <div class="modal fade" id="exampleModalXl" tabindex="-1" aria-labelledby="exampleModalXlLabel" style="display: none;" aria-hidden="true"> <div class="modal-dialog modal-xl"> <div class="modal-content"> <div class="modal-header"> <h6 class="modal-title" id="exampleModalXlLabel">US Zip Information</h6> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <div class="card custom-card overflow-hidden"> <div class="card custom-card rounded shadow-none terms-main-card bg-primary mb-0"> <div class="card-body text-center p-5"> <div class="row justify-content-center"> <div class="col-xl-8"> <div class=""> <div class="text-fixed-white text-center"> <p class="h4 mb-3 fw-semibold text-fixed-white">US Zip Information</p> <p class="fs-15 mb-0 op-8">Below your will find more information on the residence ZIP number recorded on the profile. Sometimes the SSN Issued ZIP and Residence ZIP may differ, which could mean that the individual lived in different places.</p> </div> </div> </div> </div> </div> </div> </div> <div class="table-responsive"> <table class="table table-bordered table-striped m-0"> <thead> <tr> <th>Information</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td>Latitude</td> <td></td> </tr> <tr> <td>Longitude</td> <td></td> </tr> <tr> <td>City</td> <td></td> </tr> <tr> <td>County</td> <td></td> </tr> <tr> <td>State</td> <td></td> </tr> <tr> <td>Time Zone</td> <td></td> </tr> </tbody> </table> </div> </div> </div> </div> </div> </div> <div class="col-xl-4"> <div class="card custom-card ecommerce-banner-card overflow-hidden shadow-none bg-primary-transparent text-default"> <div class="card-body p-4"> <div class="row"> <div class="col-sm-8"> <h5 class="fw-semibold"> National Archives </h5> <p class="text-muted mb-2">Click below to search the US National Archives website for any possible documents.</p> Search Archives <i class="ri-eye-line ms-2 align-middle"></i> </a> </div> <div class="col-sm-4 text-end"> <img src="../assets/images/brand-logos/usna.png" alt="" class="d-sm-block d-none img-fluid"> </div> </div> </div> </div> <div class="row"> <div class="col-xl-12"> <div class="card custom-card"> <div class="card-body"> <center><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4167146619123018" crossorigin="anonymous"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4167146619123018" data-ad-slot="7606178183" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></center> </div> </div> </div> </div> <div class="alert alert-success" role="alert"> <b>Citation:</b> </div> <div class="tab-content" id="profile-tabs"> <div class="tab-pane show active p-0 border-0" id="profile-about-tab-pane" role="tabpanel" aria-labelledby="profile-about-tab" tabindex="0"> <div class="card custom-card overflow-hidden"> <div class="card-body p-0"> <ul class="list-group list-group-flush"> <li class="list-group-item p-4"> <span class="fw-medium fs-15 d-block mb-3"><span class="me-1">✨</span>Transcription :</span> <p class="text-muted mb-2"> </p> </li> </ul> </div> </div> </div> <div class="col-xl-12"> <div class="tab-content" id="profile-tabs"> <div class="tab-pane show active p-0 border-0" id="profile-about-tab-pane" role="tabpanel" aria-labelledby="profile-about-tab" tabindex="0"> <div class="card custom-card overflow-hidden"> <div class="card-body p-0"> <ul class="list-group list-group-flush"> <li class="list-group-item p-4"> <span class="fw-medium fs-15 d-block mb-3"><span class="me-1">✨</span>Link to Record :</span> <p class="text-muted mb-2"> http://www.gendatabase.com/portal/american-deaths-record.php?q=79960302&r=RAY<br> </p> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div>  </div> </div>   <footer class="footer mt-auto py-3 bg-white text-center"> <div class="container"> <span class="text-muted"> Copyright © <span id="year"></span> - <a href="index.php" class="text-dark fw-medium">GenDatabase.com</a> - <img src="../assets/images/brand-logos/gendbicon.webp" alt="logo" width="16" height="16"> - All Rights Reserved... </span> </div> </footer> <div class="modal fade" id="header-responsive-search" tabindex="-1" aria-labelledby="header-responsive-search" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-body"><form method="POST" action="id-number-results.php"> <div class="input-group"> <input type="text" class="form-control border-end-0" placeholder="Enter ID Number" name="term" aria-label="Search Anything ..." aria-describedby="button-addon2"> <button class="btn btn-primary" type="submit" id="button-addon2"><i class="bi bi-search"></i></button> </div> </div></form> </div> </div> </div> </div>  <div class="scrollToTop"> <span class="arrow lh-1"><i class="ri-rocket-line align-middle fs-18"></i></span> </div> <div id="responsive-overlay"></div>   <script src="../assets/libs/@popperjs/core/umd/popper.min.js"></script>  <script src="../assets/libs/bootstrap/js/bootstrap.bundle.min.js"></script>  <script src="../assets/js/defaultmenu.min.js"></script>  <script src="../assets/libs/node-waves/waves.min.js"></script>  <script src="../assets/js/sticky.js"></script>  <script src="../assets/libs/simplebar/simplebar.min.js"></script> <script src="../assets/js/simplebar.js"></script>  <script src="../assets/libs/@tarekraafat/autocomplete.js/autoComplete.min.js"></script>  <script src="../assets/libs/@simonwep/pickr/pickr.es5.min.js"></script>  <script src="../assets/libs/flatpickr/flatpickr.min.js"></script>  <script src="../assets/js/custom-switcher.min.js"></script>  <script src="../assets/libs/glightbox/js/glightbox.min.js"></script>  <script src="../assets/js/profile.js"></script>  <script src="../assets/js/custom.js"></script> </body> </html>