diff --git a/bag.html b/bag.html
index 7d1e923..6553e92 100644
--- a/bag.html
+++ b/bag.html
@@ -43,7 +43,7 @@ <h3>SHOPPING BAG</h3>
       </div>
       <div id="bag-right-div">
         <div id="main-div-bag-right"></div>
-        <div id="gust-checkout">
+        <!-- <div id="gust-checkout">
           <div id="gust-checkout-text">
             <h3>OR</h3>
             <p>GUEST CHECKOUT</p>
@@ -54,7 +54,7 @@ <h3>OR</h3>
           <div id="gust-input-button">
             <button class="gust-button">CONTINUE AS GUEST</button>
           </div>
-        </div>
+        </div> -->
       </div>
     </div>
     <div id="totalPrice">
@@ -72,14 +72,15 @@ <h3>OR</h3>
 </script>
 <!-- <script src="/script/bag.js"></script>/ -->
 <script type="module">
-  // let bagSing = document.getElementById("bag-lg");
-  // bagSing.innerHTML=singupPankaj();
   import { navbar, footer } from "./components/header.js";
   console.log(navbar);
-
-
   let header = document.getElementById("bag-header");
   header.innerHTML = navbar();
+  
+  let bagfooter = document.getElementById("bag-footer");
+  bagfooter.innerHTML=footer();
+  bagfooter.style.marginTop = "20px";
+
 
   // link navbar on click 
   document.querySelector("#skincare").addEventListener("click",()=>{
@@ -110,9 +111,7 @@ <h3>OR</h3>
     window.location.href="catg perfume.html"
   }
     
-  let bagfooter = document.getElementById("bag-footer");
-  // bagfooter.innerHTML=footer();
-  bagfooter.style.marginTop = "20px";
+
 
   import showDataOnbag from "./script/bag.js";
   console.log(showDataOnbag);
@@ -123,11 +122,13 @@ <h3>OR</h3>
 
   showitemInBag = showDataOnbag(showData, showitemInBag);
 
+
+// showing sing up data 
   import singupPankaj from "./newlogin.js";
   console.log(singupPankaj);
 
   let loginData = document.getElementById("main-div-bag-right");
-  loginData.innerHTML = singupPankaj();
+  loginData.innerHTML=singupPankaj();
 
   document.getElementById("onclick").addEventListener("click", () => {
     showTotal();
@@ -144,6 +145,8 @@ <h3>OR</h3>
   };
   showTotal();
 
+
+  // login sing in
   document.querySelector("#userSign").addEventListener("click", () => {
     signin();
   });
diff --git a/components/header.js b/components/header.js
index b5c3f48..069a757 100644
--- a/components/header.js
+++ b/components/header.js
@@ -32,7 +32,7 @@ const navbar = () => {
                 </div>
                 <div class="account" id="account3" >
                     <div class="bag-icon"></div>
-                    <div id="account-Bag" class="account-Singin"><a href="bag.html">Bag</a></div>
+                    <div id="account-Bag" class="account-Singin"><a href="cartF.html">Bag</a></div>
                     <div id="total" class="totalBag-item">0</div> 
                 </div>
             </div>
diff --git a/index.html b/index.html
index c64dc6b..63a6a83 100644
--- a/index.html
+++ b/index.html
@@ -34,18 +34,18 @@ <h6 onclick="signin()">New Here?</h6>
                  </div>
                  
                  <div class="div1">
-                     <input type="text" placeholder="Email Adress" id="useremail">
-                     <input type="text" placeholder="Password" id="userpass">
-                     <p>Forget Password</p>
+                     <input type="text" class="input" placeholder="Email Adress" id="useremail">
+                     <input type="text" class="input" placeholder="Password" id="userpass">
+                     <p class="p">Forget Password</p>
                      <button id="btt">Sign In</button>
                  </div>
                  <div class="div2">
-                     <input type="text" placeholder="First Name" id="name" class="input-field" required>
-                     <input type="text" placeholder="Last Name">
-                     <input type="text" placeholder="Email Adress" id="email" class="input-field" required>
-                     <input type="text" placeholder="Password" id="password" class="input-field" required>
-                     <p>Please enter a minimum of 8 characters.</p>
-                     <input type="text" placeholder="Re-enter Password">
+                     <input type="text" class="input" placeholder="First Name" id="name" class="input-field" required>
+                     <input type="text" class="input" placeholder="Last Name">
+                     <input type="text"  class="input"placeholder="Email Adress" id="email" class="input-field" required>
+                     <input type="text" class="input" placeholder="Password" id="password" class="input-field" required>
+                     <p class="p">Please enter a minimum of 8 characters.</p>
+                     <input type="text" class="input" placeholder="Re-enter Password">
                      <button id="submit">Register</button>
                      
                  </div>
@@ -53,7 +53,7 @@ <h6 onclick="signin()">New Here?</h6>
                 </div>
         
             </div>
-         </div> -->
+         </div>
     </div>
     <div id="homenavbar"></div>
 
@@ -155,7 +155,7 @@ <h2 id="promo"><span>New Arrivals</span></h2>
 
     </div>
 </body>
-<script src="lg.js"></script>
+<!-- <script src="lg.js"></script> -->
 <script src="./script/home.js"></script>
 <script src="./script/data.js"></script>
 
diff --git a/puneeth.html b/puneeth.html
index d792a7d..f2afccc 100644
--- a/puneeth.html
+++ b/puneeth.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Document</title>
     <link rel="stylesheet" href="./style/header.css">
-    <link rel="stylesheet" href="signup.css">
+    <link rel="stylesheet" href="./style/signup.css">
     <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" /> -->
 </head>
 <body>
@@ -209,7 +209,7 @@ <h6 onclick="signin()">New Here?</h6>
             <div class="div1">
                 <input type="text" placeholder="Email Adress" id="useremail">
                 <input type="text" placeholder="Password" id="userpass">
-                <p>Forget Password</p>
+                <p class="p">Forget Password</p>
                 <button id="btt">Sign In</button>
             </div>
             <div class="div2">
@@ -217,7 +217,7 @@ <h6 onclick="signin()">New Here?</h6>
                 <input type="text" placeholder="Last Name">
                 <input type="text" placeholder="Email Adress" id="email" class="input-field" required>
                 <input type="text" placeholder="Password" id="password" class="input-field" required>
-                <p>Please enter a minimum of 8 characters.</p>
+                <p class="p">Please enter a minimum of 8 characters.</p>
                 <input type="text" placeholder="Re-enter Password">
                 <button id="submit">Register</button>
                 
diff --git a/style/bag.css b/style/bag.css
index 6bb6fe7..50535d0 100644
--- a/style/bag.css
+++ b/style/bag.css
@@ -49,6 +49,7 @@ body{
   font-size: 20px;
   text-transform: uppercase;
   text-align: center;
+  height: auto;
 }
 #gust-checkout{
   text-align: center;
@@ -102,7 +103,6 @@ body{
 .login{
   width: 100%;
   /* height: 500px; */
-  /* z-index: 1; */
   background: white;
   display: flex;
   justify-content: center;
@@ -115,6 +115,7 @@ display: none;
   /* height: 100%; */
   width: 90%;
   background: white;
+/* display: block;  */
   margin-top: 80px;
 }
 #cont{
@@ -126,7 +127,7 @@ display: none;
  text-align: center;
  align-content: center;
  cursor: pointer;
- /* margin-top: 20px; */
+ margin-top: 20px;
 }
 #signup{
   display: flex;
diff --git a/style/header.css b/style/header.css
index 1ef8aa8..2d05afe 100644
--- a/style/header.css
+++ b/style/header.css
@@ -5,6 +5,9 @@ a{
 .bag{
     color: black;
 }
+#account-Bag>a{
+    color: black
+}
 #mainmenu{
     padding: 0;
     margin: 0;
diff --git a/style/signup.css b/style/signup.css
index 56e01f0..0f59d09 100644
--- a/style/signup.css
+++ b/style/signup.css
@@ -1,17 +1,24 @@
 
 
-/* ------------signup css------------------------ */
+/*
+ ------------signup css------------------------ */
+ #lg{
+     position: absolute;
+     top: 0;
+     height: 100%;
+     margin-top: 20px;
+ }
 .login{
-    position: absolute;
-    top: 0;
+    /* position: absolute;
+    top: 0; */
     z-index: 1;
     background: rgba(255, 255, 255, 0.918);
-    height: 100%;
-    width: 100%;
+    /* height: 100%; */
+    width: 100%; 
     display: flex;
     justify-content: center;
     align-items: center;
-     display: none; 
+    display: none; 
    
 
 }
@@ -52,7 +59,7 @@
     align-content: center;
    
 }
-p{
+.p{
     font-size: 0.4em;
     text-align: left;
     text-decoration: underline;
@@ -80,7 +87,7 @@ p{
 .input{
     display: block;
     height: 20px;
-    width: 100%;
+    width: 30px;
     font-size: 18px;
     margin-bottom: 30px;
     border: 1px solid rgb(139, 70, 139);