diff --git a/index.html b/index.html
index 5bfb85f..fccd9a2 100644
--- a/index.html
+++ b/index.html
@@ -1,3 +1,33 @@
-Hello World
-
-Coming SoonTM ... maybe
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Practice Projects</title>
+    <link rel="stylesheet" href="style.css">
+</head>
+<body>
+    <header>
+        <!-- some logo here -->
+        <h1>Practice Projects</h1>
+    </header>
+    <main>
+        <div class="blurb">
+            <p>These are projects completed to practice using HTML, CSS and Javascript. They come from different services, and most are freely available for anyone to practice with.</p>
+            <p>I have put them all into a single GIT repository rather than litter my github page with many different projects. This may change in future depending on how many of these that I do.</p>
+        </div>
+        <ul>
+            <li>Frontend Mentor</li>
+                <ol>
+                    <li><a href="./FrontendMentor/huddle-landing-page-with-single-introductory-section-master/index.html">Huddle Landing Page with a Single Introductory Section</a></li>
+                </ol>
+            <li>FreecodeCamp</li>
+            <li>Complete Web Development 2020</li>
+            <li>Vanilla JS Projects</li>
+        </ul>
+    </main>
+    <footer>
+        <!-- some blurb here -->
+    </footer>
+</body>
+</html>
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..a8d9bd7
--- /dev/null
+++ b/style.css
@@ -0,0 +1,3 @@
+body {
+    background-color: whitesmoke;
+}
\ No newline at end of file
