diff options
| author | Aldrik Ramaekers <aldrik@mailbox.org> | 2025-12-05 22:07:23 +0100 |
|---|---|---|
| committer | Aldrik Ramaekers <aldrik@mailbox.org> | 2025-12-05 22:07:23 +0100 |
| commit | 183ac879a0ee74d7bdfabb11c51a29e4a64f1e7f (patch) | |
| tree | 91527955a60919f0d1252c5546f7f05d3e2ee733 /people/1925.html | |
Diffstat (limited to 'people/1925.html')
| -rw-r--r-- | people/1925.html | 171 |
1 files changed, 171 insertions, 0 deletions
diff --git a/people/1925.html b/people/1925.html new file mode 100644 index 00000000..89be3bac --- /dev/null +++ b/people/1925.html @@ -0,0 +1,171 @@ +<!DOCTYPE html> +<html lang="en"> + + <style> + .navbar a,a:active,a:hover { + color: black; + text-decoration: underline; + } + + .navbar a::before { + content: '>'; + margin-right: 5px; /* Space between > and link text */ + opacity: 0; /* Initially hidden */ + transition: opacity 0.0s; /* Smooth transition */ + } + + .navbar a::after { + content: '<'; + margin-left: 5px; /* Space between link text and < */ + opacity: 0; /* Initially hidden */ + transition: opacity 0.0s; /* Smooth transition */ + } + + .navbar a:hover::before, + .navbar a:hover::after { + opacity: 1; /* Show on hover */ + } + + p { text-align: center; max-width: 500px; margin:auto; } + .book { + margin-bottom: 30px; + } + + .book>p { + font-style: italic; + padding: 0; + } + a { + text-decoration: none; + } + a:hover { + text-decoration: underline; + } + h1,h2,h3,h4,h5 { text-align: center } + .navbar { + display: block; + margin-left: auto; + margin-right: auto + } + h3 { + margin: 0; + padding: 0; + } + body { + height: 100vh; + justify-content: center; + align-items: center; + margin: 0; + } + .navbar ul { + list-style-type: none; + text-align: center; + padding: 0; + display: flex; + width: 600px; + margin: auto; + } + a,a:active,a:hover { + color: black; + } + + .navbar ul>li { + flex: 1; + } + .navbar a,.navbar a:hover,.navbar a:active { + color: black; + } + .source { + color: blue; + } + .source:hover { + color: blue; + cursor: pointer; + } + .person-list { + display: flex; + flex-direction: row; + width: 1200px; + margin: auto; + } + .person { + flex: 1; + } + .line { + width: 100px; + height: 2px; + background-color: black; + margin: auto; + } + .h-line { + width: 2px; + height: 100px; + background-color: black; + margin: auto; + margin-bottom: 20px; + margin-top: 20px; + } + + .children,.parents { + margin: 0; + padding: 0; + } + + .children li, .parents li { + text-align: center; + list-style: lower-roman; + list-style-position: inside; + } + + .children li a, .parents li a { + padding-left: 10px; + } + .parents { + display: flex; + flex-direction: row; + width: 1200px; + margin: auto; + } + .parents .person { + flex: 1; + text-align: center; + } + </style> + + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Ramaekers - Laeven family</title> + </head> + <body> + <main> + <br> + <div class="navbar"> + <ul> + <li><a href="/index.html"> Home </a></li> + <li><a href="/names.html"> Names </a></li> + <li><a href="/photos.html"> Photos </a></li> + <li><a href="/info.html"> Info </a></li> + <li><a href="/literature.html"> Literature </a></li> + </ul> + </div> + <br> + <br> + + <div class="parents"> + <div class="person"></div> + <div class="person"><a href="/people/1909.html">Hubert Jozef Ramaekers</a> (1896 - 1974)<br><a href="/people/1914.html">Maria Odilia Hubertina Maes</a> (1902 - 1980)<div class="h-line"></div></div> + </div> + + <div class="person-list"> + <div class="person"><h3>Hubertina Leonie Josephina Lucassen</h3><p>Hubertina Leonie Josephina Lucassen </p></div> + <div class="line"></div><div class="person"><h3>Gerard Jozef Maria Ramaekers</h3><p>Gerard Jozef Maria Ramaekers was born on 21 Feb 1936 in Welten, Heerlen, L. He died on 19 Feb 1990 in Voerendaal, L. He was buried on 22 Feb 1990 in Voerendaal, L. He married Hubertina Leonie Josephina Lucassen. </p></div> + </div> + + <ul class="children"> + <div class="h-line"></div><li><a href="/people/2107.html">Connie C.A.J. Ramaekers</a></li><li><a href="/people/2108.html">Mark M.M.V. Ramaekers</a></li><li><a href="/people/2109.html">Ed E.H.M. Ramaekers</a></li> + </ul> + <br> + </main> + </body> +</html> |