diff options
Diffstat (limited to 'people/1219.html')
| -rw-r--r-- | people/1219.html | 171 |
1 files changed, 171 insertions, 0 deletions
diff --git a/people/1219.html b/people/1219.html new file mode 100644 index 00000000..4283ccce --- /dev/null +++ b/people/1219.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/831.html">Hubert Jozef Senden</a> (1889 - 1982)<br><a href="/people/832.html">Maria Petronella Bendermacher</a> (1892 - 1986)<div class="h-line"></div></div> + </div> + + <div class="person-list"> + <div class="person"><h3>Henri Warnier</h3><p>Henri Warnier was born in 1924. He died on 3 Sep 2005 in Eijsden, L. He was buried on 7 Sep 2005 in Mariadorp, Eijsden, L. He married Maria Josephina Senden on 17 May 1956 in Mheer, L. </p></div> + <div class="line"></div><div class="person"><h3>Maria Josephina Senden</h3><p>Maria Josephina Senden was born on 7 Sep 1925 in Mheer, L. She died on 10 Dec 2002 in Maastricht, L. She was buried on 14 Dec 2002 in Eijsden, L. She married Henri Warnier on 17 May 1956 in Mheer, L. </p></div> + </div> + + <ul class="children"> + <div class="h-line"></div><li><a href="/people/1634.html">Corrie Warnier</a></li><li><a href="/people/1635.html">Mieke Warnier</a></li> + </ul> + <br> + </main> + </body> +</html> |