diff --git a/CHANGELOG.md b/CHANGELOG.md
new file mode 100644
index 0000000..b42547b
--- /dev/null
+++ b/CHANGELOG.md
@@ -0,0 +1,13 @@
+# Changelog
+
+## [1.0.0] - 2026-04-03
+### Added
+- Initial page scaffold in `index.html` with doctype, html/head/body structure.
+- `header` section with brand and navigation links (`Home`, `About`, `Services`, `Contact`).
+- `footer` section with copyright text and a `Contact us` link.
+
+### Updated
+- Inline CSS for layout and styling of `body`, `header`, `nav`, and `footer`.
+
+### Notes
+- Simple static site structure created per user requests `create an html header` and `add the footer section`.
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..4c85732
--- /dev/null
+++ b/index.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>My Website</title>
+    <style>
+      body {
+        margin: 0;
+        font-family: Arial, sans-serif;
+      }
+      header {
+        background-color: #333;
+        color: #fff;
+        padding: 1rem 2rem;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+      }
+      .brand {
+        font-size: 1.3rem;
+        font-weight: bold;
+      }
+      nav a {
+        color: #fff;
+        text-decoration: none;
+        margin-left: 1rem;
+      }
+      nav a:hover {
+        text-decoration: underline;
+      }
+      footer {
+        background-color: #222;
+        color: #ddd;
+        padding: 1rem 2rem;
+        text-align: center;
+        font-size: 0.9rem;
+      }
+      footer a {
+        color: #66caff;
+        text-decoration: none;
+      }
+      footer a:hover {
+        text-decoration: underline;
+      }
+    </style>
+  </head>
+  <body>
+    <header>
+      <div class="brand">My Site</div>
+      <nav>
+        <a href="#home">Home</a>
+        <a href="#about">About</a>
+        <a href="#services">Services</a>
+        <a href="#contact">Contact</a>
+      </nav>
+    </header>
+    <main>
+      <section id="home">
+        <h1>Welcome to My Website</h1>
+        <p>This is a sample header section with navigation.</p>
+      </section>
+    </main>
+    <footer>
+      <p>&copy; 2026 My Site. All rights reserved. <a href="#contact">Contact us</a>.</p>
+    </footer>
+  </body>
+</html>
\ No newline at end of file
