diff --git a/Grid.html b/Grid.html
index ecae4e1..d5bc6b8 100644
--- a/Grid.html
+++ b/Grid.html
@@ -1,20 +1,28 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Document</title>
-    <link rel="stylesheet" href="Grid.css">
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Image Change Example</title>
 </head>
 <body>
-    <section class="container">
-        <div class="ch ch1">1</div>
-        <div class="ch">2</div>
-        <div class="ch">3</div>
-        <div class="ch">4</div>
-        <div class="ch">5</div>
-        <div class="ch">6</div>
-    </section>
-    
+  <h1 id="head">Heading</h1>
+  <img id="image" src="google.jpg" width="200" height="200">
+
+  <br><br>
+  <button onclick="fun()">Show Watch</button>
+  <button onclick="fun1()">Show Flower</button>
+
+  <script>
+    function fun() {
+      document.querySelector('#image').src = "flipcard";
+      document.querySelector('#head').textContent = "Watch";
+    }
+
+    function fun1() {
+      document.querySelector('#image').src = "";
+      document.querySelector('#head').textContent = "Flower";
+    }
+  </script>
 </body>
 </html>
\ No newline at end of file
