diff options
Diffstat (limited to 'people/558.html')
| -rw-r--r-- | people/558.html | 171 |
1 files changed, 171 insertions, 0 deletions
diff --git a/people/558.html b/people/558.html new file mode 100644 index 00000000..ce295256 --- /dev/null +++ b/people/558.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/563.html">Johannes Anton Hubert Maes</a> (1895 - 1977)<br><a href="/people/564.html">Maria Anna Jongen</a> (1895 - 1965)<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>Maria Franciska Hubertina (Tien) Maes</h3><p>Maria Franciska Hubertina (Tien) Maes was born on 25 Apr 1923 in Ransdaal, Klimmen, L. She died<a class="source" title="Doodsbrief, 30-8-2010.">⁽¹⁾</a> on 27 Aug 2010 in Nuth, L. She married Johannes Antonius Eussen on 13 Oct 1949. </p></div> + <div class="line"></div><div class="person"><h3>Johannes Antonius Eussen</h3><p>Johannes Antonius Eussen was born on 15 Jun 1915 in Ransdaal, Wijlre, L. He died on 27 Apr 1991 in Klimmen, L. He married Maria Franciska Hubertina (Tien) Maes on 13 Oct 1949. Johannes was employed as fotograaf. </p></div> + </div> + + <ul class="children"> + <div class="h-line"></div><li><a href="/people/559.html">Antonius Maria Augustinus Eussen</a></li><li><a href="/people/560.html">Maria Hendrica Gerarda Eussen</a></li><li><a href="/people/561.html">Anna Hendrica Maria Gerarda Eussen</a></li><li><a href="/people/562.html">Johannes Rosalia Maria Gerardus Eussen</a></li> + </ul> + <br> + </main> + </body> +</html> |