From 115fa2b45a889cb42a38b62dff0a39a83d8e87fe Mon Sep 17 00:00:00 2001
From: ziglewis <ziglewis48@gmail.com>
Date: Thu, 23 Mar 2023 12:51:55 +0100
Subject: [PATCH 1/3] Added Hello world

---
 index.html | 2 ++
 1 file changed, 2 insertions(+)
diff --git a/index.html b/index.html
index 0d56c1e..fe89eee 100644
--- a/index.html
+++ b/index.html
@@ -9,6 +9,8 @@
   <body>
     <script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
 
+    <h1>Hello World</h1>
+
     <!--
 
     Hello Camper!

From 69b8f9678f3ef3038afb5a2adb7633344b1dfd55 Mon Sep 17 00:00:00 2001
From: ziglewis <ziglewis48@gmail.com>
Date: Thu, 23 Mar 2023 13:07:26 +0100
Subject: [PATCH 2/3] hello world

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index fe89eee..4c76924 100644
--- a/index.html
+++ b/index.html
@@ -9,7 +9,7 @@
   <body>
     <script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
 
-    <h1>Hello World</h1>
+    Hello World
 
     <!--
 

From 6b3fc2ba0be43785f38c374dadbab8d0ff8809ae Mon Sep 17 00:00:00 2001
From: ziglewis <ziglewis48@gmail.com>
Date: Thu, 23 Mar 2023 13:21:06 +0100
Subject: [PATCH 3/3] idex.html and css added

---
 css/style.css | 18 ++++++++++++++++++
 index.html    | 32 ++++++++++++++++++++------------
 2 files changed, 38 insertions(+), 12 deletions(-)

diff --git a/css/style.css b/css/style.css
index e69de29..b61320e 100644
--- a/css/style.css
+++ b/css/style.css
@@ -0,0 +1,18 @@
+
+* {
+    color: blue;
+    text-align: center;
+  }
+  
+  #image{
+    display: block;
+    max-width: 100%;
+    height:auto;
+    margin: auto;
+  }
+  
+  main{
+    width: 600px;
+    margin: auto;
+    background-color: yellow;
+  }
\ No newline at end of file
diff --git a/index.html b/index.html
index 4c76924..e5d833a 100644
--- a/index.html
+++ b/index.html
@@ -7,22 +7,30 @@
   </head>
 
   <body>
-    <script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
-
-    Hello World
+   
 
-    <!--
+   
+<main id="main">
+    <body>
+      <header id="title">
+        <h1> Queen Elizabeth II </h1>
+        <h3> The longest serving mornarch of England</h3>
+        </header>
+<div id="img-div">
+        <img  id="image" max-width="100%" src="https://media.gettyimages.com/photos/queen-elizabeth-ii-of-england-picture-id515984032" alt= "beautiful image of the queen with a crown on her head"  display="block" />
+        <figcaption id="img-caption"> Smiling photo of queen Elizabeth 2. </figcaption>
+        </div>
+  <section>
+    <p id="tribute-info"> Elizabeth II, in full Elizabeth Alexandra Mary, officially Elizabeth II, by the Grace of God, of the United Kingdom of Great Britain and Northern Ireland and of her other realms and territories Queen, Head of the Commonwealth, Defender of the Faith, (born April 21, 1926, London, England—died September 8, 2022, Balmoral Castle, Aberdeenshire, Scotland), queen of the United Kingdom of Great Britain and Northern Ireland from February 6, 1952, to September 8, 2022. In 2015 she surpassed Victoria to become the longest-reigning monarch in British history.<p> 
+    </section>
 
-    Hello Camper!
 
-    For now, the test suite only works in Chrome!
-    Please read the README below in the JS Editor before beginning.
-    Feel free to delete this message once you have read it.
-    Good luck and Happy Coding!
+ 
+    <p> If you have time, read more <a href="https://www.britannica.com/biography/Elizabeth-II" target="_blank" id="tribute-link">about the Queen here.</a> </p>
+    </main>
 
-    - The freeCodeCamp Team
+  
 
-    -->
-    <script  src="js/index.js"></script>
+    <script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
   </body>
 </html>
