diff options
Diffstat (limited to 'people/249.html')
| -rw-r--r-- | people/249.html | 171 |
1 files changed, 171 insertions, 0 deletions
diff --git a/people/249.html b/people/249.html new file mode 100644 index 00000000..86289c8a --- /dev/null +++ b/people/249.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"><a href="/people/131.html">Jan Hubert Lipsch</a> (1868 - 1939)<br><a href="/people/130.html">Maria Hubertina Laeven</a> (1873 - 1916)<div class="h-line"></div></div> + <div class="person"></div> + </div> + + <div class="person-list"> + <div class="person"><h3>Hubertus Alphonsus Lipsch</h3><p>Hubertus Alphonsus Lipsch was born<a class="source" title="Burgerlijke Stand, Klimmen, akte 18 van 4-6-1911.">⁽¹⁾</a> on 3 Jun 1911 in Ransdaal, Klimmen, L. He died on 22 Sep 1986 in Hulsberg, L. He was buried in Hulsberg, L. He married Mia Voragen about 1956. </p></div> + <div class="line"></div><div class="person"><h3>Mia Voragen</h3><p>Mia Voragen was born on 24 Dec 1918 in Nuth, L. She died on 16 Jan 1996 in Hulsberg, L. She was buried on 20 Jan 1996 in Hulsberg, L. She married Hubertus Alphonsus Lipsch about 1956. </p></div> + </div> + + <ul class="children"> + + </ul> + <br> + </main> + </body> +</html> |