diff options
Diffstat (limited to 'people/254.html')
| -rw-r--r-- | people/254.html | 171 |
1 files changed, 171 insertions, 0 deletions
diff --git a/people/254.html b/people/254.html new file mode 100644 index 00000000..4d4017c5 --- /dev/null +++ b/people/254.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/137.html">Petrus Mathias Winthagen</a> (1869 - 1944)<br><a href="/people/134.html">Anna Maria Laeven</a> (1877 - 1909)<div class="h-line"></div></div> + <div class="person"><a href="/people/33.html">Pieter Augustinus Eussen</a> (1865 - 1937)<br><a href="/people/46.html">Maria Helena Laeven</a> (1876 - 1965)<div class="h-line"></div></div> + </div> + + <div class="person-list"> + <div class="person"><h3>Hendrik Jozef (Harie) Winthagen</h3><p>Hendrik Jozef (Harie) Winthagen was born<a class="source" title="Burgerlijke Stand, Klimmen, akte 9 van 27-2-1906.">⁽¹⁾</a> on 25 Feb 1906 in Ransdaal, Klimmen, L. He died on 10 Jan 1998 in Voerendaal, L. He was buried on 15 Jan 1998 in Ransdaal, L. He married Maria Anna Eussen on 1 Feb 1934. Hendrik was employed as landbouwer/magazijnmedewerker Staatsmijnen. </p></div> + <div class="line"></div><div class="person"><h3>Maria Anna Eussen</h3><p>Maria Anna Eussen was born on 20 Oct 1909 in Wijlre, L. She died<a class="source" title="Bidprentjes.">⁽¹⁾</a> on 1 Nov 1998 in Voerendaal, L. She married Hendrik Jozef (Harie) Winthagen on 1 Feb 1934. </p></div> + </div> + + <ul class="children"> + <div class="h-line"></div><li><a href="/people/4036.html">Petrus Gerardus Maria Winthagen</a></li><li><a href="/people/4038.html">Augustinus Gerardus Maria Winthagen</a></li><li><a href="/people/4039.html">Hendrikus Hubertus Maria Winthagen</a></li><li><a href="/people/4037.html">Maria Josephina Rosalie Winthagen</a></li> + </ul> + <br> + </main> + </body> +</html> |