diff options
Diffstat (limited to 'people/594.html')
| -rw-r--r-- | people/594.html | 171 |
1 files changed, 171 insertions, 0 deletions
diff --git a/people/594.html b/people/594.html new file mode 100644 index 00000000..75e46eee --- /dev/null +++ b/people/594.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/932.html">Joannes Henricus Pluijmeckers</a> (1743 - 1801)<br><a href="/people/933.html">Anna Barbara Huntjens</a> (1745 - 1782)<div class="h-line"></div></div> + <div class="person"><a href="/people/934.html">Jan Willem Stassen</a> (1745 - 1822)<br><a href="/people/935.html">Maria Helena Plumen</a> (1745 - 1791)<div class="h-line"></div></div> + </div> + + <div class="person-list"> + <div class="person"><h3>Lambert Pluymakers</h3><p>Lambert Pluymakers was christened on 10 May 1776 in Schin op Geul, L. He died on 26 Dec 1832 in Nuth, L. He married Maria Gertrudis Stassen on 24 Feb 1805 in Hulsberg, L. </p></div> + <div class="line"></div><div class="person"><h3>Maria Gertrudis Stassen</h3><p>Maria Gertrudis Stassen was christened on 24 Sep 1785 in Hulsberg, L. She married Lambert Pluymakers on 24 Feb 1805 in Hulsberg, L. Maria was employed as landbouwster. </p></div> + </div> + + <ul class="children"> + <div class="h-line"></div><li><a href="/people/2742.html">Anne Helene Pluijmaekers</a> (1809 - 1891)</li><li><a href="/people/26.html">Anna Elisabeth Pluymaekers</a> (1813 - 1841)</li> + </ul> + <br> + </main> + </body> +</html> |