diff options
Diffstat (limited to 'people/2295.html')
| -rw-r--r-- | people/2295.html | 171 |
1 files changed, 171 insertions, 0 deletions
diff --git a/people/2295.html b/people/2295.html new file mode 100644 index 00000000..b024a2ba --- /dev/null +++ b/people/2295.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/1901.html">Joannes Wilhelmus Ramaekers</a> (1793 - 1867)<br><a href="/people/1902.html">Maria Anna Stijnen</a> (1790 - 1868)<div class="h-line"></div></div> + </div> + + <div class="person-list"> + <div class="person"><h3>Antoine Joseph Conrath</h3><p>Antoine Joseph Conrath was born on 22 Dec 1846 in Moresnet (Plombières), Liège, BE. He married Maria Agnes Ramaekers on 12 Jan 1899 in Wijlre, L. Antoine was employed as dagloner. </p></div> + <div class="line"></div><div class="person"><h3>Maria Agnes Ramaekers</h3><p>Maria Agnes Ramaekers was born<a class="source" title="Burgerlijke Stand, Klimmen, akte 41 van 2-8-1836.">⁽¹⁾</a> on 1 Aug 1836 in Ransdaal, Klimmen, L. She died<a class="source" title="Burgerlijke Stand, Wijlre, akte 22 van 4-9-1815.">⁽²⁾</a> on 3 Sep 1915 in Etenaken, Wijlre, L. She married<a class="source" title="Burgerlijke Stand, Wijlre, akte 6 van 6-5.">⁽³⁾</a> Johann Peter Dahmen on 6 May 1864 in Wijlre, L. Maria was employed as huishoudster. </p></div> + </div> + + <ul class="children"> + + </ul> + <br> + </main> + </body> +</html> |