diff --git a/middal/index.html b/middal/index.html
index 59db8e7..5959daf 100644
--- a/middal/index.html
+++ b/middal/index.html
@@ -110,7 +110,7 @@ <h2>Browser Extension</h2><br>
             <img src="https://cdn.modesens.com/static/img/20211109downloadright.png">
         </div>
     </div>
-    <p>When you follow our links to visit a brand or retailer’s website or make a purchase, ModeSens may earn a
+    <p id="para">When you follow our links to visit a brand or retailer’s website or make a purchase, ModeSens may earn a
         commission.</p>
         <div id="footer"></div>
 </body>
@@ -128,4 +128,4 @@ <h2>Browser Extension</h2><br>
 
     // console.log(footers)
 </script>
-<script src="index.js"></script>
\ No newline at end of file
+<script src="./scripts/index.js"></script>
\ No newline at end of file
diff --git a/middal/menspage.html b/middal/menspage.html
index 4bb79c2..13c30dd 100644
--- a/middal/menspage.html
+++ b/middal/menspage.html
@@ -95,24 +95,6 @@ <h2>Community Posts</h2>
         <img src="https://cdn.modesens.com/umedia/14180s?w=400&">
     </div>
     <button id="btn5">VIEW ALL</button>
-    <div id="footer">
-        <div id="inside">
-            <h2>Download the</h2>
-            <h2>ModeSens App</h2><br>
-            <p>A seamless experience that takes your style
-                to the next level.</p>
-            <button>DOWNLOAD NOW</button>
-            <img src="https://cdn.modesens.com/static/img/20220707appdownload_en.png">
-        </div>
-        <div id="inside1">
-            <h2>Install the ModeSens</h2><br>
-            <h2>Browser Extension</h2><br>
-            <p>Get timely, accurate product information
-                every time you browse.</p>
-            <button>INSTALL NOW</button>
-            <img src="https://cdn.modesens.com/static/img/20211109downloadright.png">
-        </div>
-    </div>
     <p>When you follow our links to visit a brand or retailer’s website or make a purchase, ModeSens may earn a
         commission.</p>
         <div id="footer"></div>
@@ -133,4 +115,4 @@ <h2>Browser Extension</h2><br>
 document.getElementById('footer').innerHTML = footers;
 
 </script>
-<script src="index.js"></script>
\ No newline at end of file
+<script src="./scripts/index.js"></script>
\ No newline at end of file
diff --git a/middal/scripts/index.js b/middal/scripts/index.js
index e5b6adc..fcef8bc 100644
--- a/middal/scripts/index.js
+++ b/middal/scripts/index.js
@@ -69,14 +69,23 @@ appendData = (data) => {
         img.setAttribute("id", "pic")
         img.src = el.image;
 
+        let btn8= document.createElement("button");
+        btn8.setAttribute("id","btn8")
+        btn8.innerText="Quick View";
+
+        //img.append(btn8);
+
         let title = document.createElement("h3");
         title.innerText = el.title;
 
         let btn = document.createElement("button");
         btn.setAttribute("id", "btn")
+        btn.addEventListener("click",function(){
+            window.location.href="mens.html";
+        })
         btn.innerText = "SHOP NOW";
 
-        div.append(img, title, btn, icon);
+        div.append(img, btn8,title, btn, icon);
 
         document.getElementById("big").append(div);
     })
@@ -129,6 +138,10 @@ appendDt = (dt) => {
         img.setAttribute("id", "pic1")
         img.src = el.image;
 
+        let btn9= document.createElement("button");
+        btn9.setAttribute("id","btn9")
+        btn9.innerText="Quick View";
+
         let title = document.createElement("h4");
         title.innerText = el.title;
 
@@ -136,7 +149,7 @@ appendDt = (dt) => {
         price.innerText = `$ ${el.price}`;
 
 
-        div.append(img, title, price, icon);
+        div.append(img, btn9, title, price, icon);
 
         document.getElementById("box").append(div);
     })
@@ -203,4 +216,15 @@ function Toggle2(x) {
         document.getElementById("btn6").style.color = "red";
     
     }
-}
\ No newline at end of file
+}
+
+document.getElementById("btn1").addEventListener("click",function(){
+    window.location.href="mens.html";
+})
+
+document.getElementById("btn5").addEventListener("click",function(){
+    window.location.href="mens.html";
+})
+document.getElementById("btn2").addEventListener("click",function(){
+    window.location.href="mens.html";
+})
\ No newline at end of file
diff --git a/middal/scripts/navbar.js b/middal/scripts/navbar.js
index 5c4496a..b8f07aa 100644
--- a/middal/scripts/navbar.js
+++ b/middal/scripts/navbar.js
@@ -2,7 +2,7 @@ function navbar(){
     return ` <a href="index.html"><img src="https://cdn.modesens.com/static/img/20190228newlogo-black.svg" alt=""></a>
     <div class="menu">
         <ul>
-            <li class="active"> <a href="#">WOMEN</a>
+            <li class="active"> <a href="index.html">WOMEN</a>
                 <div class="sub-menu1">
                     <ul>
                         <li><a href="#">Shop All</a></li>
diff --git a/middal/style/Home.css b/middal/style/Home.css
index 252660b..56619c6 100644
--- a/middal/style/Home.css
+++ b/middal/style/Home.css
@@ -3,6 +3,12 @@
     padding: 0px;
 }
 
+#image {
+    display: block;
+    width: 90vw;
+    margin: auto;
+}
+
 div {
     margin: 20px auto;
     /* width: 90vw; */
@@ -13,7 +19,7 @@ div {
 #right {
     position: absolute;
     top: 42%;
-    font-size: 40px;
+    font-size: 60px;
     color: white;
     /* rgb, hexa,rgba */
     background-color: rgba(100, 100, 100, 0.4);
@@ -40,13 +46,13 @@ body {
 #text {
     margin-top: 50px;
     text-align: center;
-    line-height:30px;
+    line-height: 30px;
 }
 
 h3 {
     color: #947F7F;
     word-spacing: 2px;
-    font-size:20px;
+    font-size: 20px;
     margin-top: 15px;
 }
 
@@ -85,6 +91,30 @@ h3 {
 #pic {
     width: 100%;
     height: 400px;
+    position: relative;
+}
+#btn8 {
+    position: absolute;
+    opacity: 0;
+    top:58%;
+    left: 14%;
+    padding:12px 78px;
+    font-size: 22px;
+    border: 1px solid;
+}
+#pic:hover {
+    opacity: 0.9;
+}
+#btn8:hover {
+    background-color:white;
+    background: transparent;
+    /* transition: .8s; */
+    opacity:1;
+    color: #FFFFFF;
+    /* color: red; */
+    border: 1px solid black;
+    font-weight: bold;
+   
 }
 
 #box {
@@ -104,6 +134,30 @@ h3 {
 #pic1 {
     width: 100%;
     height: 400px;
+    position: relative;
+}
+#btn9 {
+    position: absolute;
+    opacity: 0;
+    top:55%;
+    left: 5%;
+    padding:12px 60px;
+    font-size:18px;
+    border: 1px solid;
+}
+#pic1:hover {
+    opacity: 0.9;
+}
+#btn9:hover {
+    background-color:white;
+    background: transparent;
+    /* transition: .8s; */
+    opacity:1;
+    color: #FFFFFF;
+    /* color: red; */
+    border: 1px solid black;
+    font-weight: bold;
+   
 }
 
 #btn {
@@ -214,7 +268,7 @@ h4 {
 #btn5 {
     display: block;
     margin: auto;
-    margin-top:40px;
+    margin-top: 40px;
     width: 100px;
     padding: 10px;
     background-color: #FFFFFF;
@@ -241,6 +295,7 @@ h4 {
     font-size: 25px;
     z-index: 1;
 }
+
 #bott {
     width: 100vw;
     background-color: #F8F7F6;
@@ -248,19 +303,22 @@ h4 {
     text-align: center;
     margin-top: 40px;
 }
+
 #inside {
-    width:18vw;
+    width: 18vw;
     display: flex;
     flex-direction: column;
     margin: 40px auto;
 }
+
 #inside1 {
-    width:30vw;
+    width: 30vw;
     display: flex;
     flex-direction: column;
     margin: 40px auto;
 }
-#inside > button {
+
+#inside>button {
     display: block;
     margin: auto;
     width: 12vw;
@@ -268,46 +326,55 @@ h4 {
     color: white;
     background-color: black;
 }
-#inside1 > button {
+
+#inside1>button {
     display: block;
-    margin:auto;
+    margin: auto;
     width: 12vw;
     padding: 10px;
     color: white;
     background-color: black;
 }
-#inside > h2 {
-    margin-top:2px;
+
+#inside>h2 {
+    margin-top: 2px;
 }
-#inside1 > h2 {
-    margin-top:2px;
+
+#inside1>h2 {
+    margin-top: 2px;
 }
+
 p {
-    margin:15px auto;
-   text-align: center;
-   font-size: 18px;
+    margin: 30px auto;
+    text-align: center;
+    font-size: 20px;
 }
+
 #post {
     width: 80vw;
     margin: 30px auto;
     display: grid;
-    grid-template-columns: repeat(4,1fr);
+    grid-template-columns: repeat(4, 1fr);
     gap: 10px;
 }
-#post > img {
+
+#post>img {
     width: 210px;
     height: 45vh;
 }
+
 #b {
     display: flex;
     width: 84vw;
     text-align: center;
 }
+
 #b1 {
-    width:34vw;
+    width: 34vw;
     border-bottom: 1px rgb(146, 134, 134) solid;
 }
+
 #b2 {
-    width:34vw;
+    width: 34vw;
     border-bottom: 1px rgb(146, 134, 134) solid;
 }
\ No newline at end of file
diff --git a/middal/style/footer.css b/middal/style/footer.css
index 64b6c9b..c21e77d 100644
--- a/middal/style/footer.css
+++ b/middal/style/footer.css
@@ -1,17 +1,16 @@
-
-
-#footer{
-position: absolute;
-/* bottom: 0; */
+#footer {
+    position: absolute;
+    /* bottom: 0; */
 }
 
-#top{
+#top {
     display: flex;
     gap: 3.5em;
     border-top: 2px solid black;
     border-bottom: 2px solid black;
 
 }
+
 #top>div>p {
     font-size: 14px;
     color: gray;
@@ -32,31 +31,34 @@ position: absolute;
     font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
 }
 
-.icon-img>img{
+.icon-img>img {
     width: 20%;
 
 }
-.icon-img>img:nth-child(2){
+
+.icon-img>img:nth-child(2) {
 
     margin-left: 1em;
 }
 
-.icon-img>img:nth-child(3){
+.icon-img>img:nth-child(3) {
 
     margin-left: 1em;
 }
-#new-email>div{
+
+#new-email>div {
     /* border: 1px solid black; */
     width: 70%;
 
 }
-#new-email>div>input{
+
+#new-email>div>input {
     height: 2em;
     border: 0px;
     border-bottom: 1px solid black;
 }
 
-#new-email>div>button{
+#new-email>div>button {
     width: 13em;
     margin-top: 1px;
     height: 2em;
@@ -64,41 +66,46 @@ position: absolute;
     border: 0.5px solid black;
 }
 
-#new-email>div>button:hover{
-background-color: black;
-color: white;
+#new-email>div>button:hover {
+    background-color: black;
+    color: white;
 }
-.select{
+
+.select {
     display: flex;
     gap: 50px;
-    
+
 }
-.select>p{
+
+.select>p {
     font-weight: bold;
     margin-left: -50px;
     font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
 }
 
-#bottom{
+#bottom {
     display: flex;
 
 }
-#bottom>img{
+
+#bottom>img {
     width: 2%;
     margin-left: 10px;
 }
-#bottom>p{
+
+#bottom>p {
     margin-left: 0.8em;
     /* border: 1px solid black; */
     /* width: 11em; */
     font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
 }
-#bottom>:nth-child(3){
+
+#bottom>:nth-child(3) {
     margin-left: 1em;
 
 }
 
-.inppp{
+.inppp {
     margin-left: -0.01em;
 }