diff options
Diffstat (limited to 'people/1015.html')
| -rw-r--r-- | people/1015.html | 171 |
1 files changed, 171 insertions, 0 deletions
diff --git a/people/1015.html b/people/1015.html new file mode 100644 index 00000000..e9c96220 --- /dev/null +++ b/people/1015.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"></div> + <div class="person"><a href="/people/40.html">Jan Pieter Lodewijk Laeven</a> (1859 - 1937)<br><a href="/people/162.html">Maria Hubertina Elisabeth Frissen</a> (1876 - 1945)<div class="h-line"></div></div> + </div> + + <div class="person-list"> + <div class="person"><h3>Johannes Franciscus Josephus Beltgens</h3><p>Johannes Franciscus Josephus Beltgens was born<a class="source" title="Doodsbrief.">⁽¹⁾</a> about 1902. He died<a class="source" title="Doodsbrief.">⁽²⁾</a> on 8 Aug 1991 in Heerlen, L. He was buried<a class="source" title="Doodsbrief.">⁽³⁾</a> on 13 Aug 1991 in Vijlen, L. He married Maria Johanna Catharina Laeven about 1932 in Harles, Vijlen, L. </p></div> + <div class="line"></div><div class="person"><h3>Maria Johanna Catharina Laeven</h3><p>Maria Johanna Catharina Laeven was born<a class="source" title="Burgerlijke Stand, Oud Valkenburg akte 26 van 22-12-1902.">⁽¹⁾</a> on 22 Dec 1902 in Oud-Valkenburg, L. She died on 14 Jan 1999 in Vaals, L. She was buried on 19 Jan 1999 in Vijlen, L. She married Johannes Franciscus Josephus Beltgens about 1932 in Harles, Vijlen, L. </p></div> + </div> + + <ul class="children"> + <div class="h-line"></div><li><a href="/people/646.html">Alice Beltgens</a></li><li><a href="/people/1016.html">Maria Beltgens</a></li><li><a href="/people/1142.html">Sjef Beltgens</a></li><li><a href="/people/10667.html">NN Beltgens</a> (? - 1942)</li> + </ul> + <br> + </main> + </body> +</html> |