diff options
Diffstat (limited to 'people/602.html')
| -rw-r--r-- | people/602.html | 171 |
1 files changed, 171 insertions, 0 deletions
diff --git a/people/602.html b/people/602.html new file mode 100644 index 00000000..3874f774 --- /dev/null +++ b/people/602.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/44.html">Petrus Hubertus Laeven</a> (1873 - 1957)<br><a href="/people/601.html">Maria Catharina Hubertina Van Eijs</a> (1873 - 1944)<div class="h-line"></div></div> + <div class="person"></div> + </div> + + <div class="person-list"> + <div class="person"><h3>Joseph Hubertus Laeven</h3><p>Joseph Hubertus Laeven was born on 31 Oct 1904 in Oud-Valkenburg, L. He died on 21 Mar 1988 in Brunssum, L. He was buried on 23 Mar 1988 in Rumpen, Brunssum, L. He married<a class="source" title="Burgerlijke Stand, Houthem, akte 1 van 12-1-1932.">⁽¹⁾</a> Anna Gertrudis Haenen on 12 Jan 1932 in Houthem, L. </p></div> + <div class="line"></div><div class="person"><h3>Anna Gertrudis Haenen</h3><p>Anna Gertrudis Haenen was born on 8 Jun 1893 in Maasbree, L. She died on 1 Sep 1971 in Brunssum, L. She married<a class="source" title="Burgerlijke Stand, Houthem, akte 1 van 12-1-1932.">⁽¹⁾</a> Joseph Hubertus Laeven on 12 Jan 1932 in Houthem, L. </p></div> + </div> + + <ul class="children"> + <div class="h-line"></div><li><a href="/people/708.html">M.G.J. Laeven</a></li> + </ul> + <br> + </main> + </body> +</html> |