diff --git a/img/rd.png b/img/rd.png
new file mode 100644
index 0000000..2df11f0
Binary files /dev/null and b/img/rd.png differ
diff --git a/index.html b/index.html
index 504dc31..e8aabd6 100644
--- a/index.html
+++ b/index.html
@@ -1,13 +1,68 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
-    <link rel="stylesheet" href="style.css" />
-    
-  </head>
-  <body>
-
-  </body>
+
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+  <link rel="stylesheet" href="style.css" />
+  <title>The Duck</title>
+</head>
+
+<body>
+  <header>
+    <h1>The Yellow Rubber Duck</h1>
+    <p><em>"Life is always better with a Yellow Rubber Duck"</em> -A bloke in the pub</p>
+    <hr />
+  </header>
+
+
+  <main>
+    <section>
+      <h2>There are many reasons to own a Yellow Rubber Duck</h2>
+    </section>
+
+    <h3>Some great reasons are:</h3>
+    <ul>
+      <li>They Squeek</li>
+      <li>They Listen to you attentively</li>
+      <li>They don't judge</li>
+      <li>They re waterproof</li>
+      <li>They don't use batteries</li>
+    </ul>
+    <h4>But not only these</h4>
+    <h3>They also:<h3>
+        <ul>
+          <li>Are yellow</li>
+          <li>Are rubber</li>
+          <li>Are ducks</li>
+        </ul>
+
+        <section>
+          <h2>
+            Notable Yellow Rubber Ducks
+          </h2>
+          <img
+            src="https://media.cnn.com/api/v1/images/stellar/prod/230526123037-02-rubber-duck-hong-kong-2023.jpg?q=w_2000,c_fill/f_webp" />
+          <img src="./img/rd.png" />
+          <img
+            src="https://cdn.i-scmp.com/sites/default/files/styles/landscape/public/d8/images/canvas/2023/05/25/ea9d1707-d276-4aea-906b-2573266cc545_ecb708bb.jpg?itok=2gNAxWgd&v=1684984605" />
+        </section>
+
+        <section>
+          <h2>And a song about Yellow Rubber Ducks</h2>
+          <iframe width="420" height="345" src="https://www.youtube.com/watch?v=tWCEG6lV0ek">
+          </iframe>
+        </section>
+
+
+
+
+
+
+
+  </main>
+
+</body>
+
 </html>
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..0861bd6
--- /dev/null
+++ b/style.css
@@ -0,0 +1,53 @@
+html {
+    background-color: green;
+    /* text-align: center; */
+}
+
+header {
+    color: yellow;
+    text-align: center;
+
+}
+
+header p {
+    color: black;
+}
+
+em {
+    font-weight: 700;
+}
+
+body {
+    display: block;
+    font-size: large;
+    text-align: center;
+}
+
+main {
+    margin-top: 50px;
+    text-align: center;
+}
+h3 h2 h4 {text-align: center;}
+
+main {
+    margin-top: 50px;
+    text-align: center;
+}
+
+ul {
+    text-align: center;
+    list-style-position: inside;
+    font-weight: 500;
+    font-size: large;
+}
+
+ul:first-child li:first-child {
+    color: yellow;
+
+}
+
+img {
+    display: inline;
+    width: 300px;
+    height: 250px;
+}
\ No newline at end of file
