You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
79 lines
1.5 KiB
HTML
79 lines
1.5 KiB
HTML
2 years ago
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<title>Family History</title>
|
||
|
|
<style>
|
||
|
|
body {
|
||
|
|
margin: 2vw;
|
||
|
|
font: 100% Verdana, Arial, Helvetica, sans-serif;
|
||
|
|
background-color: #ADD8E6;
|
||
|
|
}
|
||
|
|
header {
|
||
|
|
display: grid;
|
||
|
|
grid-template-columns: 18vw 76vw;
|
||
|
|
grid-template-rows: auto auto;
|
||
|
|
padding: 2vw;
|
||
|
|
background-color: #FFFFFF;
|
||
|
|
border: 1px dotted #555555;
|
||
|
|
}
|
||
|
|
header>img {
|
||
|
|
grid-area: 1 / 1 / 3 / 2;
|
||
|
|
width: 20vw;
|
||
|
|
}
|
||
|
|
header>h1 {
|
||
|
|
grid-area: 1 / 2 / 1 / 3;
|
||
|
|
text-align: center;
|
||
|
|
font-size: 4vw;
|
||
|
|
margin-bottom: 0;
|
||
|
|
margin-top: 0;
|
||
|
|
color: blue;
|
||
|
|
}
|
||
|
|
header>div {
|
||
|
|
grid-area: 2 / 2 / 3 / 2;
|
||
|
|
margin-left: 5vw;
|
||
|
|
margin-right: 5vw;
|
||
|
|
padding-top: 0;
|
||
|
|
margin-top: 0;
|
||
|
|
font-size: 2.5vw;
|
||
|
|
}
|
||
|
|
footer {
|
||
|
|
text-align: center;
|
||
|
|
margin-top: 2vw;
|
||
|
|
}
|
||
|
|
footer>a, footer>a:visited {
|
||
|
|
text-decoration: none;
|
||
|
|
color: blue;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<header>
|
||
|
|
<img src="slideshow/photos/EggHarborHighSchoolSeniorsMtVernon_1929-06-14.jpg"
|
||
|
|
alt="Pop-pop's High School Trip to Mount Vernon, 1929">
|
||
|
|
<h1>Family History</h1>
|
||
|
|
<div>
|
||
|
|
<div>
|
||
|
|
</header>
|
||
|
|
<main>
|
||
|
|
<h2>Pictures and Videos</h2>
|
||
|
|
<ul>
|
||
|
|
<li><a href="slideshow/index.php">Slide Show</a></li>
|
||
|
|
</ul>
|
||
|
|
|
||
|
|
<h2>Articles and Documents</h2>
|
||
|
|
<ul>
|
||
|
|
<li>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</main>
|
||
|
|
|
||
|
|
<footer>
|
||
|
|
<a href="http://validator.w3.org/check?uri=https://elkner.net/familyhistory/">
|
||
|
|
<strong> HTML </strong> Valid! </a> |
|
||
|
|
<a href="http://jigsaw.w3.org/css-validator/validator?uri=https://elkner.net/familyhistory/?profile=css3">
|
||
|
|
<strong> CSS </strong> Valid! </a>
|
||
|
|
</footer>
|
||
|
|
</body>
|
||
|
|
</html>
|