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/6571.html | |
Diffstat (limited to 'people/6571.html')
| -rw-r--r-- | people/6571.html | 171 |
1 files changed, 171 insertions, 0 deletions
diff --git a/people/6571.html b/people/6571.html new file mode 100644 index 00000000..916b4400 --- /dev/null +++ b/people/6571.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/6562.html">Johannes Hubertus Leunissen</a> (1901 - 1992)<br><a href="/people/6563.html">Anne Josephine Vromen</a> (1902 - 1972)<div class="h-line"></div></div> + </div> + + <div class="person-list"> + <div class="person"><h3>Ton Kleijnen</h3><p>Ton Kleijnen was born on 9 Jun 1937 in Voerendaal, L. He died on 18 Jun 1981 in Ransdaal, Klimmen, L. He married Wieske Leunissen about 1965 in Klimmen, L. </p></div> + <div class="line"></div><div class="person"><h3>Wieske Leunissen</h3><p>Wieske Leunissen was born on 6 Apr 1939 in Klimmen, L. She died on 19 Oct 1982 in Ransdaal, Klimmen, L. She was buried on 23 Oct 1982 in RK begraafplaats, Ransdaal, L. She married Ton Kleijnen about 1965 in Klimmen, L. </p></div> + </div> + + <ul class="children"> + <div class="h-line"></div><li><a href="/people/6572.html">Léon Kleijnen</a></li> + </ul> + <br> + </main> + </body> +</html> |