Add home.html
This commit is contained in:
@@ -0,0 +1,61 @@
|
||||
<html>
|
||||
<head>
|
||||
<style>
|
||||
body {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 200px;
|
||||
grid-template-rows: 64px 128px 1fr 24px;
|
||||
grid-template-areas: "header header"
|
||||
"nav nav"
|
||||
"main aside"
|
||||
"footer footer";
|
||||
height: 100vh;
|
||||
width: 100vw;
|
||||
padding: 0;
|
||||
}
|
||||
header {
|
||||
grid-area: header;
|
||||
background-color: black;
|
||||
color: white;
|
||||
}
|
||||
nav {
|
||||
grid-area: nav;
|
||||
background-color: whitesmoke;
|
||||
color: black;
|
||||
border-bottom: 1px solid lightgray;
|
||||
}
|
||||
main {
|
||||
grid-area: main;
|
||||
background-color: white;
|
||||
color: black;
|
||||
}
|
||||
aside {
|
||||
grid-area: aside;
|
||||
background-color: white;
|
||||
color: black;
|
||||
}
|
||||
footer {
|
||||
grid-area: footer;
|
||||
background-color: white;
|
||||
color: black;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
h
|
||||
</header>
|
||||
<nav>
|
||||
n
|
||||
</nav>
|
||||
<main>
|
||||
m
|
||||
</main>
|
||||
<aside>
|
||||
a
|
||||
</aside>
|
||||
<footer>
|
||||
f
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user