diff --git a/JS by Shradha Mam/first.js b/JS by Shradha Mam/first.js
new file mode 100644
index 0000000..aa582b3
--- /dev/null
+++ b/JS by Shradha Mam/first.js	
@@ -0,0 +1,11 @@
+console.log("Hello Kunal How are you ???????")
+
+// Practise Question
+
+const product= {
+    name: "Parker Jotter Standard CT Ball Pen",
+    rating: 3.5,
+    price: 270,
+    offer: 5,
+};
+
diff --git a/JS by Shradha Mam/index.html b/JS by Shradha Mam/index.html
new file mode 100644
index 0000000..0f040ef
--- /dev/null
+++ b/JS by Shradha Mam/index.html	
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Introduction to HTML </title>
+</head>
+<body>
+    
+</body>
+<script src="first.js"></script>
+</html>
\ No newline at end of file
diff --git a/index.html b/index.html
index 17582d4..2547b57 100644
--- a/index.html
+++ b/index.html
@@ -8,13 +8,6 @@
     <link rel="stylesheet" href="style.css">
 </head>
 <body>
-    <h1>Flexbox Model</h1>
-    <div id="container">
-        <div id="box1">Box 1</div>
-        <div id="box2">Box 2</div>
-        <div id="box3">Box 3</div>
-        <div id="box4">Box 4</div>
-        <div id="box5">Box 5</div>
-    </div>
+    <div></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/style.css b/style.css
index eaae2bf..04582ac 100644
--- a/style.css
+++ b/style.css
@@ -1,30 +1,5 @@
-body {
-    text-align: center;
-}
 div {
-    height:100px;
-    width:100px;
-    display: inline-block;
-    border: 2px solid black;
-}
-#container {
-    width: 800px;
-    height: 200px;
-    display: flex;
-    flex-direction: row-reverse;
-}
-#box1 {
-    background-color: aqua;
-}
-#box2 {
+    height: 50px;
+    width: 50px;
     background-color: pink;
-}
-#box3 {
-    background-color: darkkhaki;
-}
-#box4 {
-    background-color: indianred;
-}
-#box5 {
-    background-color: slateblue;
 }
\ No newline at end of file
