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;
+}