Added own Styles.css

nrcuster · Dec 17, 2024 · af2f365 · af2f365
1 parent 390590f
commit af2f365
Show file tree

Hide file tree

Showing 2 changed files with 45 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -1,7 +1,26 @@
 <!DOCTYPE html>
 <html>
+  <body></body>
+</html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Cafe Menu</title>
+    <link href="styles.css" rel="stylesheet" />
+  </head>
   <body>
-    <h1>Hello World</h1>
-    <p>Neil's site hosted with GitHub Pages.</p>
+    <div class="menu">
+      <main>
+        <h1>Hello World</h1>
+        <p>Neil's site hosted with GitHub Pages.</p>
+        <p class="established">Est. 2024</p>
+        <hr />
+      </main>
+      <hr class="bottom-line" />
+      <footer>
+        <p class="address">snail: 19716 State Route O</p>
+      </footer>
+    </div>
   </body>
 </html>
diff --git a/styles.css b/styles.css
@@ -0,0 +1,24 @@
+body {
+    background-image: url(https://cdn.freecodecamp.org/curriculum/css-cafe/beans.jpg);
+    font-family: sans-serif;
+    padding: 20px;
+  }
+
+  h1 {
+    font-size: 40px;
+    margin-top: 0;
+    margin-bottom: 15px;
+  }
+
+  h2 {
+    font-size: 30px;
+  }
+
+  .established {
+    font-style: italic;
+  }
+
+  h1, h2, p {
+    text-align: center;
+  }
+