diff options
| author | yuzu-eva <stevenhu@web.de> | 2023-03-20 15:02:41 +0100 |
|---|---|---|
| committer | yuzu-eva <stevenhu@web.de> | 2023-03-20 15:02:41 +0100 |
| commit | 6d919f453fd39a96f3999f5249aa3a17fe5740d6 (patch) | |
| tree | a1594b18f35ffbfd1aee7c62a4bca9f05cea5182 /static | |
| parent | bc7eb37e99fb1449baef62a981e3c6e9fe50208c (diff) | |
odin project links and images
Diffstat (limited to 'static')
| -rw-r--r-- | static/about.html | 35 | ||||
| -rw-r--r-- | static/style.css | 54 |
2 files changed, 89 insertions, 0 deletions
diff --git a/static/about.html b/static/about.html new file mode 100644 index 0000000..a7d2cff --- /dev/null +++ b/static/about.html @@ -0,0 +1,35 @@ +<!DOCTYPE html> +<html lang="en-US"> + +<head> + <title>Website About</title> + <meta charset="UTF-8"> + <meta name="viewport" content="width=devide-width,initial-scale=1"> + <link rel="stylesheet" href="style.css"> +</head> + +<body> + <header> + <nav> + <ul> + <li> + <a href="../index.html">Home</a> + </li> + <li> + <a href="about.html">About</a> + </li> + </ul> + </nav> + <h1>About this Website</h1> + + <p> + This website will contain all projects related to The + Odin Project online course. + </p> + </header> + <main> + </main> +</body> +<script src=""></script> + +</html> diff --git a/static/style.css b/static/style.css new file mode 100644 index 0000000..032e2ce --- /dev/null +++ b/static/style.css @@ -0,0 +1,54 @@ +html { + background: black; + font-family: 'Open Sans', sans-serif; +} + +body { + color: white; +} + +header { + text-align: center; +} + +main { + padding-top: 2%; +} + +nav ul li a { + color: #f1f3f3; + font-size: smaller; +} + +nav ul { + margin: 0; + padding: 0; +} + +nav li { + display: inline-block; + list-style-type: none; +} + +nav a { + text-decoration: none; + display: block; + padding: 5px 6px 5px 6px; + color: black; +} + +#lists { + float: left; + padding-left: 10%; + max-width: 70%; +} + +#img-wrapper { + float: right; + padding-right: 10%; + max-width: 30%; +} + +img { + max-height: 500px; +} |