diff options
Diffstat (limited to 'people/203.html')
| -rw-r--r-- | people/203.html | 171 |
1 files changed, 171 insertions, 0 deletions
diff --git a/people/203.html b/people/203.html new file mode 100644 index 00000000..8ca38e75 --- /dev/null +++ b/people/203.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/144.html">Antonius Hubertus Laeven</a> (1871 - 1944)<br><a href="/people/202.html">Maria Antoinetta Pluymakers</a> (1880 - 1955)<div class="h-line"></div></div> + <div class="person"></div> + </div> + + <div class="person-list"> + <div class="person"><h3>Joseph Hubert Laeven</h3><p>Joseph Hubert Laeven was born<a class="source" title="Burgerlijke Stand, Schin op Geuk, akte 21 van 21-10-1908.">⁽¹⁾</a> on 20 Oct 1908 in Schin op Geul, L. He died on 25 Dec 1986 in Kerkrade, L. He was buried on 30 Dec 1986 in Kaalheide, L. He married Anna Maria Pasmans about 1933. </p></div> + <div class="line"></div><div class="person"><h3>Anna Maria Pasmans</h3><p>Anna Maria Pasmans was born on 21 Nov 1916 in Kerkrade, L. She died on 12 Dec 1989 in Kerkrade, L. She was buried on 15 Dec 1989 in Kerkrade, L. She married Joseph Hubert Laeven about 1933. </p></div> + </div> + + <ul class="children"> + <div class="h-line"></div><li><a href="/people/3221.html">Ton Laeven</a></li><li><a href="/people/3222.html">Marie-José Laeven</a></li> + </ul> + <br> + </main> + </body> +</html> |