Add footer
This commit is contained in:
parent
0e486e6ca9
commit
fb5e7ba5e3
2 changed files with 18 additions and 2 deletions
|
@ -11,8 +11,6 @@
|
||||||
<link rel="stylesheet" href="static/css/main.css" />
|
<link rel="stylesheet" href="static/css/main.css" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<h1>Hello World!</h1>
|
|
||||||
|
|
||||||
<nav>
|
<nav>
|
||||||
<span><img class="logo" src="static/svg/logo.svg" /></span>
|
<span><img class="logo" src="static/svg/logo.svg" /></span>
|
||||||
|
|
||||||
|
@ -22,6 +20,8 @@
|
||||||
<a href="#test">Link 2</a>
|
<a href="#test">Link 2</a>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
|
<h1>Hello World!</h1>
|
||||||
|
|
||||||
<h2>Hello World!</h2>
|
<h2>Hello World!</h2>
|
||||||
<h3>Hello World!</h3>
|
<h3>Hello World!</h3>
|
||||||
<h4>Hello World!</h4>
|
<h4>Hello World!</h4>
|
||||||
|
@ -52,5 +52,9 @@
|
||||||
<li>Item 3</li>
|
<li>Item 3</li>
|
||||||
<li>Item 4</li>
|
<li>Item 4</li>
|
||||||
</ol>
|
</ol>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
© Edgar P. Burkhart — 2022
|
||||||
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
@ -12,6 +12,7 @@
|
||||||
--text-00: #ffffffde;
|
--text-00: #ffffffde;
|
||||||
|
|
||||||
--bg-00: #000000;
|
--bg-00: #000000;
|
||||||
|
--bg-01: #dedede;
|
||||||
|
|
||||||
--link: #0066ffde;
|
--link: #0066ffde;
|
||||||
}
|
}
|
||||||
|
@ -89,3 +90,14 @@ nav img {
|
||||||
ul {list-style-type: "–"}
|
ul {list-style-type: "–"}
|
||||||
ol {list-style-type: decimal-leading-zero}
|
ol {list-style-type: decimal-leading-zero}
|
||||||
li {padding-left: .5rem}
|
li {padding-left: .5rem}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
background: var(--bg-01);
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
text-align: center;
|
||||||
|
height: 4rem;
|
||||||
|
padding: 1rem;
|
||||||
|
line-height: 2rem;
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in a new issue