diff --git a/JavaScript/electronics.js b/JavaScript/electronics.js
index e69de29..308a678 100644
--- a/JavaScript/electronics.js
+++ b/JavaScript/electronics.js
@@ -0,0 +1,18 @@
+let allimg  = [
+    "./../img/car.png",'./../img/splenderimg-removebg-preview.png','./../img/black-car.png','./../img/black-motorcycle.png',
+];
+let index = 0;
+let images = document.getElementById('new');
+
+
+function next() {
+    if(index<allimg.length-1){
+        index++;
+    }else{
+        index = 0;
+    }
+    images.src = allimg[index]
+}
+setInterval(
+    next,2000
+);
diff --git a/css/electronics.css b/css/electronics.css
index a31aba2..cc95d9d 100644
--- a/css/electronics.css
+++ b/css/electronics.css
@@ -12,18 +12,23 @@
     flex-direction: row;
     justify-content: space-around;
     margin-top: 50px;
-    margin-left: 350px;
+    margin-left: 250px;
    
 }
+#student{
+    text-align: center;
+    padding: 5px;
+    font-size: 15px;
+}
 
 .sidebar{
     position: absolute;
     left:0px;
     top: 50px;
-    margin-left: 40px;
+    margin-left: 10px;
     cursor: pointer;
     padding: 10px;
-    width: 350px;
+    width: 200px;
     height: 100vh;
    
     
@@ -32,7 +37,7 @@
 .sidebar-categories{
     text-align: start;
     margin: 10px;
-    margin-right: 80px;
+   
    
 
 }
@@ -40,6 +45,7 @@
     margin-top: 15px;
     font-size: 20px;
     visibility: hidden;
+    
 }
 .angle-up {
     margin-top: 15px;
@@ -63,3 +69,13 @@
     width:100%
    
 }
+
+.location{
+    border: 0.5px solid black;
+    padding: 5px;
+    text-align: center;
+    font-size: 15px;
+    margin-bottom: 5px;
+
+    
+}
diff --git a/css/style.css b/css/style.css
index 209c1b9..82f27ce 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1,363 +1,374 @@
 * {
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-    font-family: "Poppins", serif;
-    font-weight: 400;
-    font-style: normal;
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  font-family: "Poppins", serif;
+  font-weight: 400;
+  font-style: normal;
+
 }
 
 /* navbar styling -------------------- */
 
 .navbar {
-    display: flex;
-    justify-content: space-between;
-    padding: 8px 30px;
-    background-color: #f2f2f2;
-    border-bottom: 4px solid #fff;
-    height: fit-content;
+  display: flex;
+  justify-content: space-between;
+  padding: 8px 30px;
+  background-color: #f2f2f2;
+  border-bottom: 4px solid #fff;
+  height: fit-content;
 }
 
 .logo-box {
-    display: flex;
-    align-items: center;
+  display: flex;
+  align-items: center;
 }
 
 .logo {
-    color: #4b0caf;
-    font-weight: 600;
+  color: #4b0caf;
+  font-weight: 600;
 }
 
 #select-option {
-    padding: 5px;
-    font-size: 14px;
-    border: none;
-    background-color: #f2f2f2;
+  padding: 5px;
+  font-size: 14px;
+  border: none;
+  background-color: #f2f2f2;
 }
 
 .product-search-container {
-    position: relative;
+  position: relative;
+
 }
 
 .product-search-input {
-    padding: 5px;
-    width: 45rem;
-    height: 40px;
-    border: 1px solid #000;
-    border-radius: 5px;
+  padding: 5px;
+  width: 45rem;
+  height: 40px;
+  border: 1px solid #000;
+  border-radius: 5px;
 }
 
 .search-icon {
-    position: absolute;
-    top: 10px;
-    right: 15px;
-    font-size: 20px;
-    cursor: pointer;
+  position: absolute;
+  top: 10px;
+  right: 15px;
+  font-size: 20px;
+  cursor: pointer;
 }
 
 .select-location-container {
-    padding-top: 10px;
+  padding-top: 10px;
 }
 
 .select-language-contaiiner {
-    padding-top: 10px;
+  padding-top: 10px;
 }
 
 #select-language {
-    padding: 5px;
-    font-size: 14px;
-    border: none;
-    background-color: #f2f2f2;
+  padding: 5px;
+  font-size: 14px;
+  border: none;
+  background-color: #f2f2f2;
 }
 
 .profile-img {
-    font-size: 25px;
-    border: 1px solid #ccc;
-    padding: 10px;
-    border-radius: 40px;
-    color: blue;
-    background-color: #fff;
-    cursor: pointer;
+  font-size: 25px;
+  border: 1px solid #ccc;
+  padding: 10px;
+  border-radius: 40px;
+  color: blue;
+  background-color: #fff;
+  cursor: pointer;
 }
 
 .sell-product-btn {
-    padding: 5px 20px;
-    border: 5px solid #030303;
-    border-radius: 10px;
-    font-size: 20px;
-    cursor: pointer;
-    border-color: #70adc9;
-    background: linear-gradient(109.6deg, rgb(204, 228, 247) 11.2%, rgb(237, 246, 250) 100.2%);
-    color: #000;
+  padding: 5px 20px;
+  border: 5px solid #030303;
+  border-radius: 10px;
+  font-size: 20px;
+  cursor: pointer;
+  border-color: #70adc9;
+  background: linear-gradient(109.6deg, rgb(204, 228, 247) 11.2%, rgb(237, 246, 250) 100.2%);
+  color: #000;
 }
 
 .sell-product-btn:hover {
-    background: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
-    transition: 0.6s;
+  background: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
+  transition: 0.6s;
 }
 
+
 .sell-icon {
-    font-size: 20px;
-    padding: 2px;
+  font-size: 20px;
+  padding: 2px;
 }
 
 /* side-bar-styling *********************************** */
 
 .sidedar-container {
-    display: none;
+  display: none;
 }
 
 .menu-icon {
-    position: absolute;
-    top: 5px;
-    left: 15px;
-    font-size: 30px;
-    cursor: pointer;
-    z-index: 11;
+  position: absolute;
+  top: 5px;
+  left: 15px;
+  font-size: 30px;
+  cursor: pointer;
+  z-index: 11;
 }
 
 .side-bar {
-    height: 100%;
-    width: 240px;
-    background-color: #eeeeee;
-    box-shadow: 1px 2px 20px 1px #8f8c8c;
-    padding-top: 15px;
-    position: fixed;
-    top: 0;
-    left: -240px;
-    transition: left 0.3s ease;
-    z-index: 10;
+  height: 100%;
+  width: 240px;
+  background-color: #eeeeee;
+  box-shadow: 1px 2px 20px 1px #8f8c8c;
+  padding-top: 15px;
+  position: fixed;
+  top: 0;
+  left: -240px;
+  transition: left 0.3s ease;
+  z-index: 10;
 }
 
 .side-bar.active {
-    left: 0;
+  left: 0;
 }
 
 .item {
-    display: flex;
-    align-items: center;
-    padding: 5px;
-    padding-bottom: 5px;
-    padding-left: 10px;
-    cursor: pointer;
+  display: flex;
+  align-items: center;
+  padding: 5px;
+  padding-bottom: 5px;
+  padding-left: 10px;
+  cursor: pointer;
 }
 
 #first-item {
-    margin-top: 25px;
-    padding-top: 20px;
+  margin-top: 25px;
+  padding-top: 20px;
 }
 
 .close-icon {
-    font-size: 28px;
-    position: absolute;
-    top: 10px;
-    right: 15px;
-    cursor: pointer;
+  font-size: 28px;
+  position: absolute;
+  top: 10px;
+  right: 15px;
+  cursor: pointer;
 }
 
 .item:hover {
-    border-radius: 7px;
-    background-color: #c2baba;
-    color: #000;
+  border-radius: 7px;
+  background-color: #c2baba;
+  color: #000;
 }
 
 .icon-style {
-    padding: 5px;
-    padding-right: 12px;
-    color: #2b2626;
-    font-size: 18px;
+  padding: 5px;
+  padding-right: 12px;
+  color: #2b2626;
+  font-size: 18px;
 }
 
 .item-name {
-    padding-top: 3px;
-    color: #2b2626;
+  padding-top: 3px;
+  color: #2b2626;
 }
 
 .menu-icon {
-    padding: 15px;
-    font-size: 30px;
-    cursor: pointer;
+  padding: 15px;
+  font-size: 30px;
+  cursor: pointer;
 }
 
 /* sub-navbar ------------------------------------------ */
 
+/* sub-navbar------------------------------------------ */
+
 .sub-navbar {
-    width: 100%;
-    background-color: #fafafa;
+  width: 100%;
+  background-color: #fafafa;
 }
 
 .navbar-pages-container {
-    display: flex;
-    justify-content: space-evenly;
-    align-items: center;
-    width: 100%;
-    padding: 5px;
+  display: flex;
+  justify-content: space-evenly;
+  align-items: center;
+  width: 100%;
+  padding: 5px;
 }
 
 /* hero section ******************** */
 
 .hero-section {
-    width: 100%;
-    display: flex;
-    justify-content: center;
-    padding: 50px 5px;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  padding: 50px 5px;
 }
 
 .slider-img {
-    height: 400px;
-    height: 400px;
+  height: 400px;
+  height: 400px;
 }
 
 .slider-main {
-    width: 80%;
-    height: 300px;
-    border-radius: 20px;
-    border-bottom: 20px solid #ccc;
-    background-color: #a2baca;
-    display: flex;
-    justify-content: center;
-    align-items: center;
+  width: 80%;
+  height: 300px;
+  border-radius: 20px;
+  border-bottom: 20px solid #ccc;
+  background-color: #a2baca;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
 }
 
 /* main-section */
 
 .home-section {
-    padding-top: 100px;
-    width: 100%;
+  padding-top: 100px;
+  width: 100%;
 }
 
 .product-main-container {
-    padding-top: 40px;
-    display: flex;
+  padding-top: 40px;
+  display: flex;
+
 }
 
 .product-page-heading {
-    padding: 5px 20px;
+  padding: 5px 20px;
 }
 
+
 .products-card-container {
-    width: 100%;
-    padding: 2px 10px;
-    display: flex;
-    justify-content: center;
-    flex-wrap: wrap;
+  width: 100%;
+  padding: 2px 10px;
+  display: flex;
+  justify-content: center;
+  flex-wrap: wrap;
 }
 
 .categories-section {
-    padding-bottom: 25px;
+  padding-bottom: 25px;
 }
 
 .p-style {
-    padding: 5px;
-    cursor: pointer;
+  padding: 5px;
+  cursor: pointer;
 }
 
 .sub-nav-anchor {
-    text-decoration: none;
-    color: #000;
+  text-decoration: none;
+  color: #000;
 }
 
 .product-main-head {
-    display: none;
+  display: none;
 }
 
 /* product card styling ************************************ */
 
 .product-card {
-    background: #ffffff;
-    border-radius: 16px;
-    overflow: hidden;
-    width: 350px;
-    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
-    display: flex;
-    flex-direction: column;
-    border: 1px solid #e1e8ed;
-    margin-bottom: 40px;
-    margin: 10px 10px;
-    margin-bottom: 40px;
+  background: #ffffff;
+  border-radius: 16px;
+  overflow: hidden;
+  width: 350px;
+  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
+  display: flex;
+  flex-direction: column;
+  border: 1px solid #e1e8ed;
+  margin-bottom: 40px;
+  margin: 10px 10px;
+  margin-bottom: 40px;
 }
 
 .product-image {
-    background: #ecf0f1;
-    padding: 15px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    height: 220px;
+  background: #ecf0f1;
+  padding: 15px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 220px;
 }
 
 .product-image img {
-    width: 100%;
-    height: 100%;
-    max-width: 320px;
-    max-height: 200px;
-    object-fit: cover;
-    border-radius: 8px;
+  width: 100%;
+  height: 100%;
+  max-width: 320px;
+  max-height: 200px;
+  object-fit: cover;
+  border-radius: 8px;
 }
 
 .product-details {
-    padding: 20px;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
+  padding: 20px;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
 }
 
 .product-title {
-    font-size: 18px;
-    font-weight: 600;
-    color: #2c3e50;
-    margin-bottom: 10px;
+  font-size: 18px;
+  font-weight: 600;
+  color: #2c3e50;
+  margin-bottom: 10px;
 }
 
 .product-location {
-    font-size: 14px;
-    color: #7f8c8d;
-    margin-bottom: 15px;
-    display: flex;
-    align-items: center;
+  font-size: 14px;
+  color: #7f8c8d;
+  margin-bottom: 15px;
+  display: flex;
+  align-items: center;
 }
 
 .product-location i {
-    color: #e74c3c;
-    margin-right: 5px;
+  color: #e74c3c;
+  margin-right: 5px;
 }
 
 .product-description {
-    font-size: 15px;
-    color: #7f8c8d;
-    line-height: 1.5;
-    margin-bottom: 20px;
+  font-size: 15px;
+  color: #7f8c8d;
+  line-height: 1.5;
+  margin-bottom: 20px;
 }
 
 .product-information {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding-top: 10px;
-    border-top: 1px solid #ecf0f1;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding-top: 10px;
+  border-top: 1px solid #ecf0f1;
 }
 
 .product-price {
-    font-size: 20px;
-    color: #2ecc71;
-    font-weight: bold;
+  font-size: 20px;
+  color: #2ecc71;
+  font-weight: bold;
 }
 
 .secondary-btn {
-    padding: 10px 16px;
-    font-size: 14px;
-    font-weight: bold;
-    border: none;
-    border-radius: 8px;
-    background-color: #3498db;
-    color: #ffffff;
-    cursor: pointer;
-    transition: background 0.3s ease, transform 0.2s ease;
+  padding: 10px 16px;
+  font-size: 14px;
+  font-weight: bold;
+  border: none;
+  border-radius: 8px;
+  background-color: #3498db;
+  color: #ffffff;
+  cursor: pointer;
+  transition: background 0.3s ease, transform 0.2s ease;
 }
 
 .secondary-btn:hover {
 
   background-color: #2980b9;
+
+
+  background-color: #2980b9;
 }
   /* product card styling End ************************************/
 .Category{
@@ -470,143 +481,422 @@
 
     background-color: #2980b9;
 
+
 }
 
 /* product card styling End ************************************ */
 
 .Category {
-    margin-left: 30px;
+  margin-left: 30px;
 }
 
 .heading {
-    margin-left: 500px;
-    margin-top: 40px;
+  margin-left: 500px;
+  margin-top: 40px;
 }
 
 .main {
-    border: 1px solid black;
-    height: 500px;
-    width: 500px;
-    margin: 10px auto;
-    margin-top: 30px;
+  border: 1px solid black;
+  height: 500px;
+  width: 500px;
+  margin: 10px auto;
+  margin-top: 30px;
 }
 
 .select-wrapper {
-    position: relative;
-    width: 100%;
-    height: 50px;
-    cursor: pointer;
+  position: relative;
+  width: 100%;
+  height: 50px;
+  cursor: pointer;
 }
 
 .select {
-    width: 100%;
-    height: 50px;
-    font-size: 18px;
-    padding-left: 35px;
-    border: 1px solid #ccc;
-    cursor: pointer;
+  width: 100%;
+  height: 50px;
+  font-size: 18px;
+  padding-left: 35px;
+  border: 1px solid #ccc;
+  cursor: pointer;
 }
 
 .select-wrapper i {
-    position: absolute;
-    left: 10px;
-    top: 50%;
+  position: absolute;
+  left: 10px;
+  top: 50%;
 }
 
 .a {
-    font-size: 20px;
+  font-size: 20px;
 }
 
 .fa-xmark {
-    margin-left: 90;
+  margin-left: 90;
+}
+
+@media (max-width: 768px) {
+  /* Styles for mobile devices */
+
+  .heading {
+    font-size: 1.5em;
+    margin-top: 10px;
+    margin-left: 180px;
+  }
+
+  .main {
+    padding: 10px;
+    height: 630px;
+    margin-top: 30px;
+
+  }
+
+  .row {
+    margin-bottom: 15px;
+  }
+
+  .select-wrapper {
+    flex-direction: column;
+    align-items: flex-start;
+  }
+
+  .select-wrapper select {
+    width: 100%;
+    max-width: none;
+    margin-bottom: 10px;
+  }
+
+  .select-wrapper i {
+    font-size: 18px;
+    margin-right: 0;
+  }
+}
+
+@media (min-width: 769px) and (max-width: 1024px) {
+  /* Styles for tablets and small laptops */
+
+  .heading {
+    font-size: 1.8em;
+    margin-left: 190px;
+
+
+
+
+  }
+
+  .select-wrapper {
+    flex-direction: row;
+    align-items: center;
+  }
+
+  .select-wrapper select {
+    max-width: 250px;
+  }
+
+  .select-wrapper i {
+    font-size: 20px;
+  }
 }
 
-/* Mobile, tablet, and desktop media queries */
+@media (min-width: 1025px) {
+  /* Styles for desktops */
 
-@media (max-width: 1024px) {
-    .navbar {
-        padding: 15px 20px;
-    }
+  .heading {
+    font-size: 2em;
+  }
+
+  .select-wrapper {
+    flex-direction: row;
+    align-items: center;
+  }
 
-    .navbar-pages-container {
-        flex-direction: column;
-        justify-content: flex-start;
-    }
+  .select-wrapper select {
+    max-width: 300px;
+  }
 
-    .hero-section {
-        padding: 20px 5px;
-    }
+  .select-wrapper i {
+    font-size: 24px;
+  }
+}
 
-    .slider-main {
-        width: 90%;
-    }
 
-    .product-main-container {
-        flex-direction: column;
-    }
 
-    .product-card {
-        width: 100%;
-        margin: 15px 0;
-    }
 
-    .menu-icon {
-        font-size: 25px;
-    }
 
-    .profile-img {
-        font-size: 22px;
-    }
 
-    .product-search-input {
-        width: 90%;
-    }
+
+
+
+
+
+
+/* product card styling End ************************************/
+
+
+
+/* footer section styling *****************************/
+
+footer {
+  background-color: #2c3e50;
 }
 
-@media (max-width: 768px) {
-    .navbar {
-        flex-direction: column;
-    }
+.footer-section {
+  display: flex;
+  justify-content: space-around;
+  background-color: #2c3e50;
+  padding: 15px 10px;
+  padding-top: 35px;
+}
+
+.footer-anchor-style {
+  display: flex;
+  flex-direction: column;
+  padding: 5px;
+}
+
+.anchor-style {
+  text-decoration: none;
+  color: #ccc;
+  padding-bottom: 3px;
+}
+
+.footer-heading-style {
+
+  color: #ffffff;
+
+}
+
+.anchor-style:hover {
+  color: #ffffff;
+}
+
+.footer-icon-style {
+  color: #ccc;
+  padding: 4px;
+  font-size: 25px;
+  cursor: pointer;
 
-    .product-card {
-        width: 100%;
-        margin: 15px 0;
-    }
+}
+
+.footer-icon-style:hover {
+  color: #ffffff;
+}
 
-    .product-search-input {
-        width: 80%;
-    }
+.copy-right {
+  color: #ccc;
+  text-align: center;
+  padding: 4px;
+}
 
-    .side-bar {
-        width: 100%;
-    }
 
-    .menu-icon {
-        font-size: 25px;
-    }
+@media (min-width: 1025px) {
+  /* Styles for desktops and larger screens */
+
+  .product-search-input {
+    width: 25rem;
+    height: 40px;
+  }
+
+  .sell-product-btn {
+    padding: 5px 12px;
+    border: 5px solid #70adc9;
+  }
+
 }
 
-@media (max-width: 480px) {
-    .navbar {
-        padding: 10px 15px;
-    }
 
-    .logo {
-        font-size: 20px;
-    }
+@media (min-width: 769px) and (max-width: 1024px) {
+  /* Styles for tablets and small laptops */
 
-    .product-card {
-        width: 100%;
-        margin: 15px 0;
-    }
+  .sidedar-container {
+    display: block;
+  }
 
-    .product-search-input {
-        width: 80%;
-    }
+  .product-search-input {
+    width: 20rem;
+    height: 40px;
+  }
+
+  .in-product-style {
+    display: none;
+  }
+
+  .sell-product-btn {
+    padding: 5px 20px;
+    border: 5px solid #030303;
+    border-radius: 10px;
+    font-size: 12px;
+    display: none;
+  }
+
+  .select-language-contaiiner {
+    display: none;
+  }
+
+  .select-location-container {
+    display: none;
+  }
+
+  .navbar-pages-container {
+    display: flex;
+    justify-content: space-evenly;
+    align-items: center;
+    width: 100%;
+    padding: 5px;
+  }
 
-    .product-page-heading {
-        font-size: 18px;
-    }
 }
 
 
+
+
+
+
+
+
+
+
+@media (max-width: 768px) {
+
+  .sidedar-container {
+    display: block;
+  }
+
+  .product-search-input {
+    width: 17rem;
+    height: 40px;
+  }
+
+  .sell-product-btn {
+    display: none;
+  }
+
+  .sub-navbar {
+    display: none;
+  }
+
+
+  .select-language-contaiiner {
+    display: none;
+  }
+
+  .select-location-container {
+    display: none;
+  }
+
+  .user-profile {
+    display: none;
+  }
+
+  .logo {
+    font-size: 20px;
+    padding-left: 10px;
+  }
+
+  .product-search-input {
+    width: 20rem;
+    height: 40px;
+    border: 1px solid #000;
+    border-radius: 5px;
+  }
+
+
+  .slider-main {
+    height: 200px;
+    border-radius: 40px;
+  }
+
+  .slider-img {
+    height: 300px;
+    height: 300px;
+  }
+
+
+  .product-main-head {
+    display: block;
+  }
+
+  .product-pages-container {
+    display: flex;
+    width: 100%;
+    justify-content: center;
+    align-items: center;
+
+  }
+
+  .product-head-style {
+    height: 50px;
+    width: 50px;
+    border: 1px solid #000;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin: 0px 8px;
+    border-radius: 10px;
+  }
+
+  .sub-nav-anchor-product i {
+    color: #000;
+    font-size: 25px;
+    cursor: pointer;
+  }
+
+  /* footer-section */
+
+  .footer-section {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 20px;
+  }
+
+  .popular-locations,
+  .trending-locations,
+  .about-us {
+    text-align: center;
+  }
+
+  .footer-heading-style {
+    font-size: 18px;
+    margin-bottom: 10px;
+  }
+
+  .locations,
+  .site-about {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 10px;
+  }
+
+  .anchor-style {
+    font-size: 14px;
+    margin: 5px 0;
+  }
+
+  .social-icons {
+    display: flex;
+    justify-content: center;
+    gap: 15px;
+    margin-top: 10px;
+  }
+
+  .footer-icon-style {
+    font-size: 24px;
+  }
+
+  .plane-line {
+    margin: 20px auto;
+    width: 80%;
+  }
+
+  .copy-right {
+    text-align: center;
+    font-size: 12px;
+    margin-top: 15px;
+  }
+
+
+}
+
+
+
+
diff --git a/css/vehicle.css b/css/vehicle.css
index a792602..4247c87 100644
--- a/css/vehicle.css
+++ b/css/vehicle.css
@@ -23,6 +23,8 @@ a{
   
 }
 
+
+
 .categories-section{
     width: 300px;
     background-color: #ecf0f1;
diff --git a/img/mobiles/iphone16.jpg b/img/mobiles/iphone16.jpg
new file mode 100644
index 0000000..b594099
Binary files /dev/null and b/img/mobiles/iphone16.jpg differ
diff --git a/img/mobiles/lapi1.jpeg b/img/mobiles/lapi1.jpeg
new file mode 100644
index 0000000..caa311f
Binary files /dev/null and b/img/mobiles/lapi1.jpeg differ
diff --git a/img/mobiles/lapi2.jpeg b/img/mobiles/lapi2.jpeg
new file mode 100644
index 0000000..d43cf3d
Binary files /dev/null and b/img/mobiles/lapi2.jpeg differ
diff --git a/img/mobiles/lapi3.jpeg b/img/mobiles/lapi3.jpeg
new file mode 100644
index 0000000..d2de0ec
Binary files /dev/null and b/img/mobiles/lapi3.jpeg differ
diff --git a/img/mobiles/lapi4.jpeg b/img/mobiles/lapi4.jpeg
new file mode 100644
index 0000000..54f1c2e
Binary files /dev/null and b/img/mobiles/lapi4.jpeg differ
diff --git a/img/mobiles/lapi5.jpeg b/img/mobiles/lapi5.jpeg
new file mode 100644
index 0000000..80691af
Binary files /dev/null and b/img/mobiles/lapi5.jpeg differ
diff --git a/img/mobiles/lapi6.jpeg b/img/mobiles/lapi6.jpeg
new file mode 100644
index 0000000..4b3f96f
Binary files /dev/null and b/img/mobiles/lapi6.jpeg differ
diff --git a/img/mobiles/slider1.jpg b/img/mobiles/slider1.jpg
new file mode 100644
index 0000000..89894d0
Binary files /dev/null and b/img/mobiles/slider1.jpg differ
diff --git a/img/mobiles/slider2.jpg b/img/mobiles/slider2.jpg
new file mode 100644
index 0000000..f782033
Binary files /dev/null and b/img/mobiles/slider2.jpg differ
diff --git a/img/mobiles/slider3.jpg b/img/mobiles/slider3.jpg
new file mode 100644
index 0000000..7121c7d
Binary files /dev/null and b/img/mobiles/slider3.jpg differ
diff --git a/img/Apple-MacBook-laptop.jpeg b/img/mobiles/slider4.jpeg
similarity index 100%
rename from img/Apple-MacBook-laptop.jpeg
rename to img/mobiles/slider4.jpeg
diff --git a/img/iphone-pro-14.png b/img/mobiles/slider5.png
similarity index 100%
rename from img/iphone-pro-14.png
rename to img/mobiles/slider5.png
diff --git a/index.html b/index.html
index 329bde7..56a6311 100644
--- a/index.html
+++ b/index.html
@@ -1,53 +1,58 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>EcoSwap</title>
-    <link rel="stylesheet" href="./css/style.css">
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<link href="https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400..700;1,400..700&family=Parkinsans:wght@300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>EcoSwap</title>
+  <link rel="stylesheet" href="./css/style.css">
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link
+    href="https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400..700;1,400..700&family=Parkinsans:wght@300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
+    rel="stylesheet">
 </head>
+
 <body>
   <header>
     <div class="navbar">
-     
+
       <div class="sidedar-container">
 
-    <i class="fa-solid fa-bars menu-icon" id="menu-icon" onclick="openSideBar()"></i>
-    <div class="side-bar" id="side-bar">
-      <i class="fa-solid fa-xmark close-icon" onclick="closeIcon()"></i>
+        <i class="fa-solid fa-bars menu-icon" id="menu-icon" onclick="openSideBar()"></i>
+        <div class="side-bar" id="side-bar">
+          <i class="fa-solid fa-xmark close-icon" onclick="closeIcon()"></i>
 
-      <div class="item" id="first-item">
-        <i class="fa-solid fa-user icon-style"></i>
-        <h3 class="item-name">Profile</h3>
-      </div>
+          <div class="item" id="first-item">
+            <i class="fa-solid fa-user icon-style"></i>
+            <h3 class="item-name">Profile</h3>
+          </div>
 
-      <div class="item">
-        <i class="fa-brands fa-sellsy icon-style"></i>
-        <h3 class="item-name">Start Selling</h3>
-      </div>
+          <div class="item">
+            <i class="fa-brands fa-sellsy icon-style"></i>
+            <h3 class="item-name">Start Selling</h3>
+          </div>
 
-      <div class="item">
-        <i class="fa-solid fa-credit-card icon-style"></i>
-        <h3 class="item-name">My ADS</h3>
-      </div>
+          <div class="item">
+            <i class="fa-solid fa-credit-card icon-style"></i>
+            <h3 class="item-name">My ADS</h3>
+          </div>
 
-      <div class="item">
-        <i class="fa-solid fa-tag icon-style"></i>
-        <h3 class="item-name">Select Language</h3>
-      </div>
+          <div class="item">
+            <i class="fa-solid fa-tag icon-style"></i>
+            <h3 class="item-name">Select Language</h3>
+          </div>
 
-      <div class="item">
-        <i class="fa-brands fa-rocketchat icon-style"></i>
-        <h3 class="item-name">Chats</h3>
-      </div>
+          <div class="item">
+            <i class="fa-brands fa-rocketchat icon-style"></i>
+            <h3 class="item-name">Chats</h3>
+          </div>
+
+          <div class="item">
+            <i class="fa-solid fa-headset icon-style"></i>
+            <h3 class="item-name">Help</h3>
+          </div>
 
-      <div class="item">
-        <i class="fa-solid fa-headset icon-style"></i>
-        <h3 class="item-name">Help</h3>
-      </div>
 
     </div>
 
@@ -75,54 +80,84 @@ <h2 class="logo">EcoSwap</h2>
                 <option value="English">English</option>
                 <option value="Hindi">Hindi</option>
             </select>
-        </div>
 
-        <div class="product-sell-box">
-          <a href="./pages/post-your-Ad.html">
-            <button class="sell-product-btn">
-             <i class="fa-solid fa-plus sell-icon"></i>
-                SELL
-            </button>
-          </a>
         </div>
 
-        <div class="user-profile">
-            <i class="fa-regular fa-user profile-img" ></i>
-        </div>
-        
+      </div>
+
+
+      <div class="logo-box">
+        <h2 class="logo">EcoSwap</h2>
+      </div>
+      <div class="select-location-container">
+        <select name="select location" id="select-option">
+          <option>Select Location</option>
+          <option value="Nagpur">Nagpur</option>
+          <option value="Pune">Pune</option>
+          <option value="Mumbai">Mumbai</option>
+          <option value="Goa">Goa</option>
+        </select>
+      </div>
+      <div class="product-search-container">
+        <input type="text" class="product-search-input" id="product-search-input">
+        <i class="fa-solid fa-magnifying-glass search-icon" onclick="searchProduct()"></i>
+      </div>
+      <div class="select-language-contaiiner">
+        <select id="select-language">
+          <option value="English">English</option>
+          <option value="Hindi">Hindi</option>
+        </select>
+      </div>
+
+      <div class="product-sell-box">
+        <a href="./pages/post-your-Ad.html">
+          <button class="sell-product-btn">
+            <i class="fa-solid fa-plus sell-icon"></i>
+            SELL
+          </button>
+        </a>
+      </div>
+
+      <div class="user-profile">
+        <i class="fa-regular fa-user profile-img"></i>
+      </div>
+
     </div>
 
     <!-- sub-navbar ----------------------------------------------------->
 
     <div class="sub-navbar">
-          <div class="navbar-pages-container">
-            <div class="vehicals-page">
-                <p class="style-p"><a href="#" class="sub-nav-anchor">Vahicals : Bike <span class="in-product-style">& Car & Scooter</span></a></p>
-            </div>
-    
-            <div class="RealEtate-page">
-                <p class="style-p"><a href="./pages/real-estate.html" class="sub-nav-anchor">RealEtate : Houses<span class="in-product-style">& Apartments </span></a></p>
-            </div>
-    
-            <div class="Electronics-page">
-                <p class="style-p"><a href="./pages/electronics.html/laptops.html" class="sub-nav-anchor">Electronics : Smart Phone<span class="in-product-style"> & Laptop & Tablet</span></a></p>
-            </div>
-          </div>
+      <div class="navbar-pages-container">
+        <div class="vehicals-page">
+          <p class="style-p"><a href="#" class="sub-nav-anchor">Vahicals : Bike <span class="in-product-style">& Car &
+                Scooter</span></a></p>
+        </div>
+
+        <div class="RealEtate-page">
+          <p class="style-p"><a href="./pages/real-estate.html" class="sub-nav-anchor">RealEtate : Houses<span
+                class="in-product-style">& Apartments </span></a></p>
+        </div>
+
+        <div class="Electronics-page">
+          <p class="style-p"><a href="./pages/electronics.html/laptops.html" class="sub-nav-anchor">Electronics : Smart
+              Phone<span class="in-product-style"> & Laptop & Tablet</span></a></p>
+        </div>
+      </div>
     </div>
 
   </header>
 
-    <!-- hero-section --------------------------------->
+  <!-- hero-section --------------------------------->
 
-   <div class="hero-section">
+  <div class="hero-section">
     <div class="slider-main">
       <img src="./img/scooterbanner.png" alt="" class="slider-img" onclick="next()" id="new">
+    </div>
   </div>
-   </div>
 
-     <!-- product-section-icons -->
+  <!-- product-section-icons -->
 
-   <div class="product-main-head">
+  <div class="product-main-head">
     <div class="product-pages-container">
       <div class="product-head-style">
         <a href="#" class="sub-nav-anchor-product"><i class="fa-solid fa-car"></i></a>
@@ -133,10 +168,10 @@ <h2 class="logo">EcoSwap</h2>
       </div>
 
       <div class="product-head-style">
-          <a href="#" class="sub-nav-anchor-product"><i class="fa-solid fa-laptop"></i></a>
+        <a href="#" class="sub-nav-anchor-product"><i class="fa-solid fa-laptop"></i></a>
       </div>
     </div>
-</div>
+  </div>
 
 
 
@@ -145,142 +180,145 @@ <h2 class="logo">EcoSwap</h2>
   <div class="home-section">
     <h2 class="product-page-heading">Fresh recommendations</h2>
 
+<<<<<<< HEAD
+=======
    
+>>>>>>> 5ef3d1bfa7f7b8c08360dab6c652073a52875645
     <div class="product-main-container" id="product-main-container">
 
 
-    <div class="products-card-container" id="products-card-container">
-        
-      <div class="product-card">
-        <div class="product-image">
-          <img src="./img/iphone-pro-14.png" alt="Product Image">
-        </div>
-        <div class="product-details">
-          <h2 class="product-title">Wireless Headphones</h2>
-          <p class="product-location">
-            <i class="fa fa-map-marker"></i> Nagpur, Maharashtra
-          </p>
-          <p class="product-description">
-            Stylish and comfortable wireless headphones for a seamless audio experience.
-          </p>
-          <div class="product-information">
-            <span class="product-price">₹ 899.99</span>
-            <a href="./pages/home-page-products/homeproducts.html">
-            <button class="btn secondary-btn">View Details</button>
-            </a>
+      <div class="products-card-container" id="products-card-container">
+
+        <div class="product-card">
+          <div class="product-image">
+            <img src="./img/iphone-pro-14.png" alt="Product Image">
+          </div>
+          <div class="product-details">
+            <h2 class="product-title">Wireless Headphones</h2>
+            <p class="product-location">
+              <i class="fa fa-map-marker"></i> Nagpur, Maharashtra
+            </p>
+            <p class="product-description">
+              Stylish and comfortable wireless headphones for a seamless audio experience.
+            </p>
+            <div class="product-information">
+              <span class="product-price">₹ 899.99</span>
+              <a href="./pages/home-page-products/homeproducts.html">
+                <button class="btn secondary-btn">View Details</button>
+              </a>
+            </div>
           </div>
         </div>
-      </div>
 
 
-      <div class="product-card">
-        <div class="product-image">
-          <img src="./img/yamaha-cool-motorcycle.jpg" alt="Product Image">
-        </div>
-        <div class="product-details">
-          <h2 class="product-title">Yamaha R15 V4</h2>
-          <p class="product-location">
-            <i class="fa fa-map-marker"></i> Pune, Maharashtra
-          </p>
-          <p class="product-description">
-            A sporty 155cc bike with sleek design and advanced features.
-          </p>
-          <div class="product-information">
-            <span class="product-price">₹ 100099.99</span>
-            <button class="btn secondary-btn">View Details</button>
+        <div class="product-card">
+          <div class="product-image">
+            <img src="./img/yamaha-cool-motorcycle.jpg" alt="Product Image">
+          </div>
+          <div class="product-details">
+            <h2 class="product-title">Yamaha R15 V4</h2>
+            <p class="product-location">
+              <i class="fa fa-map-marker"></i> Pune, Maharashtra
+            </p>
+            <p class="product-description">
+              A sporty 155cc bike with sleek design and advanced features.
+            </p>
+            <div class="product-information">
+              <span class="product-price">₹ 100099.99</span>
+              <button class="btn secondary-btn">View Details</button>
+            </div>
           </div>
         </div>
-      </div>
 
 
 
-      <div class="product-card">
-        <div class="product-image">
-          <img src="./img/Royal Enfield Classic 350.jpg" alt="Product Image">
-        </div>
-        <div class="product-details">
-          <h2 class="product-title">Royal Enfield Classic 350</h2>
-          <p class="product-location">
-            <i class="fa fa-map-marker"></i> Mumbai, Maharashtra
-          </p>
-          <p class="product-description">
-            A retro-styled bike known for comfort and long rides.
-          </p>
-          <div class="product-information">
-            <span class="product-price">₹ 60099.99</span>
-            <button class="btn secondary-btn">View Details</button>
+        <div class="product-card">
+          <div class="product-image">
+            <img src="./img/Royal Enfield Classic 350.jpg" alt="Product Image">
+          </div>
+          <div class="product-details">
+            <h2 class="product-title">Royal Enfield Classic 350</h2>
+            <p class="product-location">
+              <i class="fa fa-map-marker"></i> Mumbai, Maharashtra
+            </p>
+            <p class="product-description">
+              A retro-styled bike known for comfort and long rides.
+            </p>
+            <div class="product-information">
+              <span class="product-price">₹ 60099.99</span>
+              <button class="btn secondary-btn">View Details</button>
+            </div>
           </div>
         </div>
-      </div>
 
 
 
-      <div class="product-card">
-        <div class="product-image">
-          <img src="./img/Oceanview Villas.jpeg" alt="Product Image">
-        </div>
-        <div class="product-details">
-          <h2 class="product-title">Oceanview Villas</h2>
-          <p class="product-location">
-            <i class="fa fa-map-marker"></i> Vasco da Gama, Goa
-          </p>
-          <p class="product-description">
-            Luxurious beachside villas with panoramic ocean views.
-          </p>
-          <div class="product-information">
-            <span class="product-price">₹ 800099.99</span>
-            <button class="btn secondary-btn">View Details</button>
+        <div class="product-card">
+          <div class="product-image">
+            <img src="./img/Oceanview Villas.jpeg" alt="Product Image">
+          </div>
+          <div class="product-details">
+            <h2 class="product-title">Oceanview Villas</h2>
+            <p class="product-location">
+              <i class="fa fa-map-marker"></i> Vasco da Gama, Goa
+            </p>
+            <p class="product-description">
+              Luxurious beachside villas with panoramic ocean views.
+            </p>
+            <div class="product-information">
+              <span class="product-price">₹ 800099.99</span>
+              <button class="btn secondary-btn">View Details</button>
+            </div>
           </div>
         </div>
-      </div>
 
 
 
-      <div class="product-card">
-        <div class="product-image">
-          <img src="./img/Apple-MacBook-laptop.jpeg" alt="Product Image">
-        </div>
-        <div class="product-details">
-          <h2 class="product-title">MacBook Pro M2</h2>
-          <p class="product-location">
-            <i class="fa fa-map-marker"></i> Nagpur, Maharashtra
-          </p>
-          <p class="product-description">
-            A professional-grade laptop with the M2 chip for creators.
-          </p>
-          <div class="product-information">
-            <span class="product-price">₹ 20099.99</span>
-            <button class="btn secondary-btn">View Details</button>
+        <div class="product-card">
+          <div class="product-image">
+            <img src="./img/Apple-MacBook-laptop.jpeg" alt="Product Image">
+          </div>
+          <div class="product-details">
+            <h2 class="product-title">MacBook Pro M2</h2>
+            <p class="product-location">
+              <i class="fa fa-map-marker"></i> Nagpur, Maharashtra
+            </p>
+            <p class="product-description">
+              A professional-grade laptop with the M2 chip for creators.
+            </p>
+            <div class="product-information">
+              <span class="product-price">₹ 20099.99</span>
+              <button class="btn secondary-btn">View Details</button>
+            </div>
           </div>
         </div>
-      </div>
 
 
 
-      <div class="product-card">
-        <div class="product-image">
-          <img src="./img/Heritage Homes.jpeg" alt="Product Image">
-        </div>
-        <div class="product-details">
-          <h2 class="product-title">Heritage Homes</h2>
-          <p class="product-location">
-            <i class="fa fa-map-marker"></i> Ahmedabad, Gujrat
-          </p>
-          <p class="product-description">
-            Vintage-style houses with a blend of classic and modern design.
-          </p>
-          <div class="product-information">
-            <span class="product-price">₹ 30099.99</span>
-            <button class="btn secondary-btn">View Details</button>
+        <div class="product-card">
+          <div class="product-image">
+            <img src="./img/Heritage Homes.jpeg" alt="Product Image">
+          </div>
+          <div class="product-details">
+            <h2 class="product-title">Heritage Homes</h2>
+            <p class="product-location">
+              <i class="fa fa-map-marker"></i> Ahmedabad, Gujrat
+            </p>
+            <p class="product-description">
+              Vintage-style houses with a blend of classic and modern design.
+            </p>
+            <div class="product-information">
+              <span class="product-price">₹ 30099.99</span>
+              <button class="btn secondary-btn">View Details</button>
+            </div>
           </div>
         </div>
-      </div>
 
 
 
-    </div>
+      </div>
 
-</div>
+    </div>
 
   </div>
 
@@ -298,7 +336,7 @@ <h2 class="footer-heading-style">Popular Locations</h2>
           <a href="#" class="anchor-style">Chennai</a>
         </div>
       </div>
-      
+
       <div class="trending-locations">
         <h2 class="footer-heading-style">Trending Locations</h2>
         <div class="locations footer-anchor-style">
@@ -338,12 +376,13 @@ <h1 class="footer-heading-style">Follow Us</h1>
       </div>
 
     </div>
-         <hr class="plane-line">
-         <p class="copy-right">All rights reserved © 2024 EcoSwap.</p>
+    <hr class="plane-line">
+    <p class="copy-right">All rights reserved © 2024 EcoSwap.</p>
   </footer>
 
   <script src="./javascript/app.js"></script>
   <script src="./javascript/adform.js"></script>
   <script src="https://kit.fontawesome.com/9e04791103.js" crossorigin="anonymous"></script>
 </body>
+
 </html>
\ No newline at end of file
diff --git a/pages/electronics.html/laptops.html b/pages/electronics.html/laptops.html
deleted file mode 100644
index 5a985f9..0000000
--- a/pages/electronics.html/laptops.html
+++ /dev/null
@@ -1,328 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Laptops</title>
-    <link rel="stylesheet" href="../../css/electronics.css">
-    <link rel="javascript" href="../../JavaScript/electronics.js">
-    <link rel="stylesheet" href="../../css/style.css">
-    <link rel="javascript" href="../../JavaScript/app.js">
-
-</head>
-
-<body>
-    <header>
-        <div class="navbar">
-            <div class="logo-box">
-                <h2 class="logo">EcoSwap</h2>
-            </div>
-            <div class="select-location-container">
-                <select name="select location" id="select-option">
-                    <option>Select Location</option>
-                    <option value="Nagpur">Nagpur</option>
-                    <option value="Pune">Pune</option>
-                    <option value="Mumbai">Mumbai</option>
-                    <option value="Goa">Goa</option>
-                </select>
-            </div>
-            <div class="product-search-container">
-                <input type="text" class="product-search-input">
-                <i class="fa-solid fa-magnifying-glass search-icon"></i>
-            </div>
-            <div class="select-language-contaiiner">
-                <select id="select-language">
-                    <option value="English">English</option>
-                    <option value="Hindi">Hindi</option>
-                </select>
-            </div>
-
-            <div class="product-sell-box">
-                <button class="sell-product-btn">
-                    <i class="fa-solid fa-plus sell-icon"></i>
-                    SELL
-                </button>
-            </div>
-
-            <div class="user-profile">
-                <i class="fa-regular fa-user profile-img"></i>
-            </div>
-
-        </div>
-
-        <!-- sub-navbar ----------------------------------------------------->
-
-        <div class="sub-navbar">
-            <div class="navbar-pages-container">
-                <div class="vehicals-page">
-                    <p class="style-p">Vehicals : Bike & Car & Scooter</p>
-                </div>
-
-                <div class="RealEtate-page">
-                    <p class="style-p">RealEtate : Houses & Apartments</p>
-                </div>
-
-                <div class="Electronics-page">
-                    <p class="style-p">Electronics : Smart Phone & Laptop & Tablet</p>
-                </div>
-            </div>
-        </div>
-
-    </header>
-
-    <!-- Home Section -------------------------------------- -->
-    
-    <div class="home">
-        <div class="cards">
-            <div class="twocards">
-                <div class="product-card">
-                    <div class="product-image">
-                        <img src="../../img/mobiles/image (2).jpeg" alt="Product Image">
-                    </div>
-                    <div class="product-details">
-                        <h2 class="product-title">Wireless Headphones</h2>
-                        <p class="product-location">
-                            <i class="fa fa-map-marker"></i> Nagpur, MH
-                        </p>
-                        <p class="product-description">
-                            Stylish and comfortable wireless headphones for a seamless audio experience.
-                        </p>
-                        <div class="product-information">
-                            <span class="product-price">₹ 799.99</span>
-                            <button class="btn secondary-btn">View Details</button>
-                        </div>
-                    </div>
-                </div>
-
-
-
-                <div class="product-card">
-                    <div class="product-image">
-                        <img src="../../img/mobiles/image (2).jpeg" alt="Product Image">
-                    </div>
-                    <div class="product-details">
-                        <h2 class="product-title">Wireless Headphones</h2>
-                        <p class="product-location">
-                            <i class="fa fa-map-marker"></i> Nagpur, MH
-                        </p>
-                        <p class="product-description">
-                            Stylish and comfortable wireless headphones for a seamless audio experience.
-                        </p>
-                        <div class="product-information">
-                            <span class="product-price">₹ 799.99</span>
-                            <button class="btn secondary-btn">View Details</button>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <br>
-
-            <div class="twocards">
-                <div class="product-card">
-                    <div class="product-image">
-                        <img src="../../img/mobiles/image (2).jpeg" alt="Product Image">
-                    </div>
-                    <div class="product-details">
-                        <h2 class="product-title">Wireless Headphones</h2>
-                        <p class="product-location">
-                            <i class="fa fa-map-marker"></i> Nagpur, MH
-                        </p>
-                        <p class="product-description">
-                            Stylish and comfortable wireless headphones for a seamless audio experience.
-                        </p>
-                        <div class="product-information">
-                            <span class="product-price">₹ 799.99</span>
-                            <button class="btn secondary-btn">View Details</button>
-                        </div>
-                    </div>
-                </div>
-
-
-
-                <div class="product-card">
-                    <div class="product-image">
-                        <img src="../../img/mobiles/image (2).jpeg" alt="Product Image">
-                    </div>
-                    <div class="product-details">
-                        <h2 class="product-title">Wireless Headphones</h2>
-                        <p class="product-location">
-                            <i class="fa fa-map-marker"></i> Nagpur, MH
-                        </p>
-                        <p class="product-description">
-                            Stylish and comfortable wireless headphones for a seamless audio experience.
-                        </p>
-                        <div class="product-information">
-                            <span class="product-price">₹ 799.99</span>
-                            <button class="btn secondary-btn">View Details</button>
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-
-            <div class="twocards">
-                <div class="product-card">
-                    <div class="product-image">
-                        <img src="../../img/mobiles/image (2).jpeg" alt="Product Image">
-                    </div>
-                    <div class="product-details">
-                        <h2 class="product-title">Wireless Headphones</h2>
-                        <p class="product-location">
-                            <i class="fa fa-map-marker"></i> Nagpur, MH
-                        </p>
-                        <p class="product-description">
-                            Stylish and comfortable wireless headphones for a seamless audio experience.
-                        </p>
-                        <div class="product-information">
-                            <span class="product-price">₹ 799.99</span>
-                            <button class="btn secondary-btn">View Details</button>
-                        </div>
-                    </div>
-                </div>
-
-
-
-                <div class="product-card">
-                    <div class="product-image">
-                        <img src="../../img/mobiles/image (2).jpeg" alt="Product Image">
-                    </div>
-                    <div class="product-details">
-                        <h2 class="product-title">Wireless Headphones</h2>
-                        <p class="product-location">
-                            <i class="fa fa-map-marker"></i> Nagpur, MH
-                        </p>
-                        <p class="product-description">
-                            Stylish and comfortable wireless headphones for a seamless audio experience.
-                        </p>
-                        <div class="product-information">
-                            <span class="product-price">₹ 799.99</span>
-                            <button class="btn secondary-btn">View Details</button>
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-        </div>
-        <div class="sidebar">
-            <hr>
-            <br><br>
-            <div class="angle">
-                <h2 class="sidebar-categories">Categories</h2>
-                <i class="fa-solid fa-angle-down angle-down" id="down-arrow" onclick="down()" ></i>
-                <i class="fa-solid fa-angle-up angle-up" id="up-arrow" onclick="up()"></i>
-            </div>
-            <br>
-           
-
-            <div id="sidebar-container">
-                <p class="sidebar-mobile" id="mobiles"> - Mobiles</p>
-                <a href="./laptops.html" class="sidebar-mobile"><p  id="laptops"> - Laptops</a></p>
-                <br>
-                <br>
-                <br>
-            </div>
-            <hr>
-
-            <div class="angle">
-                <h2 class="sidebar-categories">Categories</h2>
-                <i class="fa-solid fa-angle-down angle-down" id="down-arrow2" onclick="downarrow()" ></i>
-                <i class="fa-solid fa-angle-up angle-up" id="up-arrow2" onclick="uparrow()"></i>
-            </div>
-            <br>
-
-
-            <div id="sidebar-container2">
-                <p class="sidebar-mobile" id="mobiles"> - Maharastra</p>
-                <p class="sidebar-mobile" id="mobiles"> - Andra Pradesh</p>
-                <p class="sidebar-mobile" id="mobiles"> - Arunachal Pradesh</p>
-                <p class="sidebar-mobile" id="mobiles"> - Assam</p>
-                <p class="sidebar-mobile" id="mobiles"> - Bihar</p>
-                <p class="sidebar-mobile" id="mobiles"> - Chhattisgarh </p>
-                <p class="sidebar-mobile" id="mobiles"> - Goa</p>
-                <p class="sidebar-mobile" id="mobiles"> - Gujarat </p>
-                <p class="sidebar-mobile" id="mobiles"> - Haryana</p>
-                <p class="sidebar-mobile" id="mobiles"> - Himachal Pradesh </p>
-                <p class="sidebar-mobile" id="mobiles"> - Jharkhand</p>
-                <p class="sidebar-mobile" id="mobiles"> - Karnataka </p>
-                <p class="sidebar-mobile" id="mobiles"> - Kerala</p>
-                <p class="sidebar-mobile" id="mobiles"> - Madhya Pradesh </p>
-                <p class="sidebar-mobile" id="mobiles"> - Manipur</p>
-                <p class="sidebar-mobile" id="mobiles"> - Meghalaya </p>
-                <p class="sidebar-mobile" id="mobiles"> - Mizoram</p>
-                <p class="sidebar-mobile" id="mobiles"> - Nagaland</p>
-                <p class="sidebar-mobile" id="mobiles"> - Odisha</p>
-                <p class="sidebar-mobile" id="mobiles"> - Punjab</p>
-                <p class="sidebar-mobile" id="mobiles"> - Rajasthan</p>
-                <p class="sidebar-mobile" id="mobiles"> - Sikkim</p>
-                <p class="sidebar-mobile" id="mobiles"> - Tamil Nadu</p>
-                <p class="sidebar-mobile" id="mobiles"> - Tripura</p>
-                <p class="sidebar-mobile" id="mobiles"> - Uttar Pradesh</p>
-                <p class="sidebar-mobile" id="mobiles"> - Uttarakhand</p>
-                <p class="sidebar-mobile" id="mobiles"> - West Bengal</p>
-
-                <br>
-                <br>
-                <br>
-            </div>
-            <hr>
-
-
-
-        </div>
-    </div>
-
-    <script src="https://kit.fontawesome.com/7b6884abf8.js" crossorigin="anonymous"></script>
-    <script>
-      
-
-        function up(){
-            const sidebar = document.getElementById('sidebar-container');
-            const up = document.getElementById('up-arrow');
-            const down = document.getElementById('down-arrow')
-
-            down.style.visibility = 'visible'
-            sidebar.style.visibility = 'hidden';
-            up.style.visibility = 'hidden';
-        }
-
-        function down(){
-            const sidebar = document.getElementById('sidebar-container');
-            const up = document.getElementById('up-arrow');
-            const down = document.getElementById('down-arrow')
-
-            down.style.visibility = 'hidden'
-            sidebar.style.visibility = 'visible';
-            up.style.visibility = 'visible';
-        }
-
-        function uparrow(){
-            const sidebar = document.getElementById('sidebar-container2');
-            const up = document.getElementById('up-arrow2');
-            const down = document.getElementById('down-arrow2')
-
-            down.style.visibility = 'visible'
-            sidebar.style.visibility = 'hidden';
-            up.style.visibility = 'hidden';
-        }
-
-        function downarrow(){
-            const sidebar = document.getElementById('sidebar-container2');
-            const up = document.getElementById('up-arrow2');
-            const down = document.getElementById('down-arrow2')
-
-            down.style.visibility = 'hidden'
-            sidebar.style.visibility = 'visible';
-            up.style.visibility = 'visible';
-        }
-
-        
-
-
-       
-
-
-    </script>
-</body>
-
-</html>
\ No newline at end of file
diff --git a/pages/electronics.html/mobiles.html b/pages/electronics.html/mobiles.html
deleted file mode 100644
index 0480107..0000000
--- a/pages/electronics.html/mobiles.html
+++ /dev/null
@@ -1,328 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Electronics</title>
-    <link rel="stylesheet" href="../../css/electronics.css">
-    <link rel="javascript" href="../../JavaScript/electronics.js">
-    <link rel="stylesheet" href="../../css/style.css">
-    <link rel="javascript" href="../../JavaScript/app.js">
-
-</head>
-
-<body>
-    <header>
-        <div class="navbar">
-            <div class="logo-box">
-                <h2 class="logo">EcoSwap</h2>
-            </div>
-            <div class="select-location-container">
-                <select name="select location" id="select-option">
-                    <option>Select Location</option>
-                    <option value="Nagpur">Nagpur</option>
-                    <option value="Pune">Pune</option>
-                    <option value="Mumbai">Mumbai</option>
-                    <option value="Goa">Goa</option>
-                </select>
-            </div>
-            <div class="product-search-container">
-                <input type="text" class="product-search-input">
-                <i class="fa-solid fa-magnifying-glass search-icon"></i>
-            </div>
-            <div class="select-language-contaiiner">
-                <select id="select-language">
-                    <option value="English">English</option>
-                    <option value="Hindi">Hindi</option>
-                </select>
-            </div>
-
-            <div class="product-sell-box">
-                <button class="sell-product-btn">
-                    <i class="fa-solid fa-plus sell-icon"></i>
-                    SELL
-                </button>
-            </div>
-
-            <div class="user-profile">
-                <i class="fa-regular fa-user profile-img"></i>
-            </div>
-
-        </div>
-
-        <!-- sub-navbar ----------------------------------------------------->
-
-        <div class="sub-navbar">
-            <div class="navbar-pages-container">
-                <div class="vehicals-page">
-                    <p class="style-p">Vehicals : Bike & Car & Scooter</p>
-                </div>
-
-                <div class="RealEtate-page">
-                    <p class="style-p">RealEtate : Houses & Apartments</p>
-                </div>
-
-                <div class="Electronics-page">
-                    <p class="style-p">Electronics : Smart Phone & Laptop & Tablet</p>
-                </div>
-            </div>
-        </div>
-
-    </header>
-
-    <!-- Home Section -------------------------------------- -->
-    
-    <div class="home">
-        <div class="cards">
-            <div class="twocards">
-                <div class="product-card">
-                    <div class="product-image">
-                        <img src="../../img/mobiles/image (2).jpeg" alt="Product Image">
-                    </div>
-                    <div class="product-details">
-                        <h2 class="product-title">Wireless Headphones</h2>
-                        <p class="product-location">
-                            <i class="fa fa-map-marker"></i> Nagpur, MH
-                        </p>
-                        <p class="product-description">
-                            Stylish and comfortable wireless headphones for a seamless audio experience.
-                        </p>
-                        <div class="product-information">
-                            <span class="product-price">₹ 799.99</span>
-                            <button class="btn secondary-btn">View Details</button>
-                        </div>
-                    </div>
-                </div>
-
-
-
-                <div class="product-card">
-                    <div class="product-image">
-                        <img src="../../img/mobiles/image (2).jpeg" alt="Product Image">
-                    </div>
-                    <div class="product-details">
-                        <h2 class="product-title">Wireless Headphones</h2>
-                        <p class="product-location">
-                            <i class="fa fa-map-marker"></i> Nagpur, MH
-                        </p>
-                        <p class="product-description">
-                            Stylish and comfortable wireless headphones for a seamless audio experience.
-                        </p>
-                        <div class="product-information">
-                            <span class="product-price">₹ 799.99</span>
-                            <button class="btn secondary-btn">View Details</button>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <br>
-
-            <div class="twocards">
-                <div class="product-card">
-                    <div class="product-image">
-                        <img src="../../img/mobiles/image (2).jpeg" alt="Product Image">
-                    </div>
-                    <div class="product-details">
-                        <h2 class="product-title">Wireless Headphones</h2>
-                        <p class="product-location">
-                            <i class="fa fa-map-marker"></i> Nagpur, MH
-                        </p>
-                        <p class="product-description">
-                            Stylish and comfortable wireless headphones for a seamless audio experience.
-                        </p>
-                        <div class="product-information">
-                            <span class="product-price">₹ 799.99</span>
-                            <button class="btn secondary-btn">View Details</button>
-                        </div>
-                    </div>
-                </div>
-
-
-
-                <div class="product-card">
-                    <div class="product-image">
-                        <img src="../../img/mobiles/image (2).jpeg" alt="Product Image">
-                    </div>
-                    <div class="product-details">
-                        <h2 class="product-title">Wireless Headphones</h2>
-                        <p class="product-location">
-                            <i class="fa fa-map-marker"></i> Nagpur, MH
-                        </p>
-                        <p class="product-description">
-                            Stylish and comfortable wireless headphones for a seamless audio experience.
-                        </p>
-                        <div class="product-information">
-                            <span class="product-price">₹ 799.99</span>
-                            <button class="btn secondary-btn">View Details</button>
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-
-            <div class="twocards">
-                <div class="product-card">
-                    <div class="product-image">
-                        <img src="../../img/mobiles/image (2).jpeg" alt="Product Image">
-                    </div>
-                    <div class="product-details">
-                        <h2 class="product-title">Wireless Headphones</h2>
-                        <p class="product-location">
-                            <i class="fa fa-map-marker"></i> Nagpur, MH
-                        </p>
-                        <p class="product-description">
-                            Stylish and comfortable wireless headphones for a seamless audio experience.
-                        </p>
-                        <div class="product-information">
-                            <span class="product-price">₹ 799.99</span>
-                            <button class="btn secondary-btn">View Details</button>
-                        </div>
-                    </div>
-                </div>
-
-
-
-                <div class="product-card">
-                    <div class="product-image">
-                        <img src="../../img/mobiles/image (2).jpeg" alt="Product Image">
-                    </div>
-                    <div class="product-details">
-                        <h2 class="product-title">Wireless Headphones</h2>
-                        <p class="product-location">
-                            <i class="fa fa-map-marker"></i> Nagpur, MH
-                        </p>
-                        <p class="product-description">
-                            Stylish and comfortable wireless headphones for a seamless audio experience.
-                        </p>
-                        <div class="product-information">
-                            <span class="product-price">₹ 799.99</span>
-                            <button class="btn secondary-btn">View Details</button>
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-        </div>
-        <div class="sidebar">
-            <hr>
-            <br><br>
-            <div class="angle">
-                <h2 class="sidebar-categories">Categories</h2>
-                <i class="fa-solid fa-angle-down angle-down" id="down-arrow" onclick="down()" ></i>
-                <i class="fa-solid fa-angle-up angle-up" id="up-arrow" onclick="up()"></i>
-            </div>
-            <br>
-           
-
-            <div id="sidebar-container">
-                <p class="sidebar-mobile" id="mobiles"> - Mobiles</p>
-                <a href="./laptops.html" class="sidebar-mobile"><p  id="laptops"> - Laptops</a></p>
-                <br>
-                <br>
-                <br>
-            </div>
-            <hr>
-
-            <div class="angle">
-                <h2 class="sidebar-categories">Categories</h2>
-                <i class="fa-solid fa-angle-down angle-down" id="down-arrow2" onclick="downarrow()" ></i>
-                <i class="fa-solid fa-angle-up angle-up" id="up-arrow2" onclick="uparrow()"></i>
-            </div>
-            <br>
-
-
-            <div id="sidebar-container2">
-                <p class="sidebar-mobile" id="mobiles"> - Maharastra</p>
-                <p class="sidebar-mobile" id="mobiles"> - Andra Pradesh</p>
-                <p class="sidebar-mobile" id="mobiles"> - Arunachal Pradesh</p>
-                <p class="sidebar-mobile" id="mobiles"> - Assam</p>
-                <p class="sidebar-mobile" id="mobiles"> - Bihar</p>
-                <p class="sidebar-mobile" id="mobiles"> - Chhattisgarh </p>
-                <p class="sidebar-mobile" id="mobiles"> - Goa</p>
-                <p class="sidebar-mobile" id="mobiles"> - Gujarat </p>
-                <p class="sidebar-mobile" id="mobiles"> - Haryana</p>
-                <p class="sidebar-mobile" id="mobiles"> - Himachal Pradesh </p>
-                <p class="sidebar-mobile" id="mobiles"> - Jharkhand</p>
-                <p class="sidebar-mobile" id="mobiles"> - Karnataka </p>
-                <p class="sidebar-mobile" id="mobiles"> - Kerala</p>
-                <p class="sidebar-mobile" id="mobiles"> - Madhya Pradesh </p>
-                <p class="sidebar-mobile" id="mobiles"> - Manipur</p>
-                <p class="sidebar-mobile" id="mobiles"> - Meghalaya </p>
-                <p class="sidebar-mobile" id="mobiles"> - Mizoram</p>
-                <p class="sidebar-mobile" id="mobiles"> - Nagaland</p>
-                <p class="sidebar-mobile" id="mobiles"> - Odisha</p>
-                <p class="sidebar-mobile" id="mobiles"> - Punjab</p>
-                <p class="sidebar-mobile" id="mobiles"> - Rajasthan</p>
-                <p class="sidebar-mobile" id="mobiles"> - Sikkim</p>
-                <p class="sidebar-mobile" id="mobiles"> - Tamil Nadu</p>
-                <p class="sidebar-mobile" id="mobiles"> - Tripura</p>
-                <p class="sidebar-mobile" id="mobiles"> - Uttar Pradesh</p>
-                <p class="sidebar-mobile" id="mobiles"> - Uttarakhand</p>
-                <p class="sidebar-mobile" id="mobiles"> - West Bengal</p>
-
-                <br>
-                <br>
-                <br>
-            </div>
-            <hr>
-
-
-
-        </div>
-    </div>
-
-    <script src="https://kit.fontawesome.com/7b6884abf8.js" crossorigin="anonymous"></script>
-    <script>
-      
-
-        function up(){
-            const sidebar = document.getElementById('sidebar-container');
-            const up = document.getElementById('up-arrow');
-            const down = document.getElementById('down-arrow')
-
-            down.style.visibility = 'visible'
-            sidebar.style.visibility = 'hidden';
-            up.style.visibility = 'hidden';
-        }
-
-        function down(){
-            const sidebar = document.getElementById('sidebar-container');
-            const up = document.getElementById('up-arrow');
-            const down = document.getElementById('down-arrow')
-
-            down.style.visibility = 'hidden'
-            sidebar.style.visibility = 'visible';
-            up.style.visibility = 'visible';
-        }
-
-        function uparrow(){
-            const sidebar = document.getElementById('sidebar-container2');
-            const up = document.getElementById('up-arrow2');
-            const down = document.getElementById('down-arrow2')
-
-            down.style.visibility = 'visible'
-            sidebar.style.visibility = 'hidden';
-            up.style.visibility = 'hidden';
-        }
-
-        function downarrow(){
-            const sidebar = document.getElementById('sidebar-container2');
-            const up = document.getElementById('up-arrow2');
-            const down = document.getElementById('down-arrow2')
-
-            down.style.visibility = 'hidden'
-            sidebar.style.visibility = 'visible';
-            up.style.visibility = 'visible';
-        }
-
-        
-
-
-       
-
-
-    </script>
-</body>
-
-</html>
\ No newline at end of file
diff --git a/pages/mobiles.html b/pages/mobiles.html
new file mode 100644
index 0000000..6d3ea52
--- /dev/null
+++ b/pages/mobiles.html
@@ -0,0 +1,629 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Electronics</title>
+    <link rel="stylesheet" href="./../css/electronics.css">
+    <link rel="javascript" href="./../JavaScript/electronics.js">
+    <link rel="stylesheet" href="./../css/style.css">
+    <link rel="javascript" href="./../JavaScript/app.js">
+    <link rel="stylesheet" href="./../css/vehicle.css">
+    <link rel="javascript" href="./../JavaScript/vehicle.js">
+
+
+
+
+</head>
+
+<body>
+    <header>
+        <div class="navbar">
+            <div class="logo-box">
+                <h2 class="logo">EcoSwap</h2>
+            </div>
+            <div class="select-location-container">
+                <select name="select location" id="select-option">
+                    <option>Select Location</option>
+                    <option value="Nagpur">Nagpur</option>
+                    <option value="Pune" onclick="filter1('Pune')" >Pune</option>
+                    <option value="Mumbai">Mumbai</option>
+                    <option value="Goa">Goa</option>
+                </select>
+            </div>
+            <div class="product-search-container">
+                <input type="text" class="product-search-input">
+                <i class="fa-solid fa-magnifying-glass search-icon"></i>
+            </div>
+            <div class="select-language-contaiiner">
+                <select id="select-language">
+                    <option value="English">English</option>
+                    <option value="Hindi">Hindi</option>
+                </select>
+            </div>
+
+            <div class="product-sell-box">
+                <button class="sell-product-btn">
+                    <i class="fa-solid fa-plus sell-icon"></i>
+                    SELL
+                </button>
+            </div>
+
+            <div class="user-profile">
+                <i class="fa-regular fa-user profile-img"></i>
+            </div>
+
+        </div>
+
+        <!-- sub-navbar ----------------------------------------------------->
+
+        <div class="sub-navbar">
+            <div class="navbar-pages-container">
+              <div class="vehicals-page">
+                  <p class="style-p"><a href="../pages/vehicle.html" class="sub-nav-anchor">Vehicles : Bike & Car & Scooter</a></p>
+              </div>
+      
+              <div class="RealEtate-page">
+                  <p class="style-p"><a href="../pages/real-estate.html" class="sub-nav-anchor">RealEtate : Houses & Apartments</a></p>
+              </div>
+      
+              <div class="Electronics-page">
+                  <p class="style-p"><a href="#" class="sub-nav-anchor">Electronics : Smart Phone & Laptop & Tablet</a></p>
+              </div>
+            </div>
+      </div>
+
+    </header>
+
+    <!--slider-->
+
+    <div class="hero-section">
+        <div class="slider-main">
+            <img src="./../img/mobiles/slider2.jpg" alt="" class="slider-img" onclick="next()" id="new">
+        </div>
+    </div>
+
+    <!-- Home Section -------------------------------------- -->
+
+    <div class="home">
+        <div class="cards">
+            <div class="twocards">
+                <div class="product-card">
+                    <div class="product-image">
+                        <img src="../img/mobiles/image (1).jpeg" alt="Product Image">
+                    </div>
+                    <div class="product-details">
+                        <h2 class="product-title">i Phone 14</h2>
+                        <p class="product-location">
+                            <i class="fa fa-map-marker"></i> Nagpur, MH
+                        </p>
+                        <p class="product-description">
+                           New release iphone  with 14 8gb , 128gb storage in black color
+                        </p>
+                        <div class="product-information">
+                            <span class="product-price">₹ 20500.99</span>
+                            <button class="btn secondary-btn">View Details</button>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="product-card">
+                    <div class="product-image">
+                        <img src="../img/mobiles/lapi1.jpeg" alt="Product Image">
+                    </div>
+                    <div class="product-details">
+                        <h2 class="product-title"> DELL Laptop</h2>
+                        <p class="product-location">
+                            <i class="fa fa-map-marker"></i> Pune, MH
+                        </p>
+                        <p class="product-description">
+                            Stylish and comfortable wireless headphones for a seamless audio experience.
+                        </p>
+                        <div class="product-information">
+                            <span class="product-price">₹ 87000.99</span>
+                            <button class="btn secondary-btn">View Details</button>
+                        </div>
+                    </div>
+                </div>
+
+
+
+                <div class="product-card">
+                    <div class="product-image">
+                        <img src="../img/mobiles/slider2.jpg" alt="Product Image">
+                    </div>
+                    <div class="product-details">
+                        <h2 class="product-title">lenovo laptop</h2>
+                        <p class="product-location">
+                            <i class="fa fa-map-marker"></i> Nagpur, MH
+                        </p>
+                        <p class="product-description">
+                           lenovo thinkpad laptop for office use <br><br>
+                        </p>
+                        <div class="product-information">
+                            <span class="product-price">₹ 90234.99</span>
+                            <button class="btn secondary-btn">View Details</button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <br>
+
+            <div class="twocards">
+                <div class="product-card">
+                    <div class="product-image">
+                        <img src="../img/mobiles/lapi2.jpeg" alt="Product Image">
+                    </div>
+                    <div class="product-details">
+                        <h2 class="product-title">Asus Zenobook laptop</h2>
+                        <p class="product-location">
+                            <i class="fa fa-map-marker"></i> Mumbai, MH
+                        </p>
+                        <p class="product-description">
+                           asus zenbook oled display 180 degree screen rotation laptop
+                        </p>
+                        <div class="product-information">
+                            <span class="product-price">₹ 99995.99</span>
+                            <button class="btn secondary-btn">View Details</button>
+                        </div>
+                    </div>
+                </div>
+
+
+                <div class="product-card">
+                    <div class="product-image">
+                        <img src="../img/mobiles/iphone16.jpg" alt="Product Image">
+                    </div>
+                    <div class="product-details">
+                        <h2 class="product-title">iphone 16</h2>
+                        <p class="product-location">
+                            <i class="fa fa-map-marker"></i> Pune, MH
+                        </p>
+                        <p class="product-description">
+                           google pixel new release mobile in low budget<br><br>
+                        </p>
+                        <div class="product-information">
+                            <span class="product-price">₹ 100000.99</span>
+                            <button class="btn secondary-btn">View Details</button>
+                        </div>
+                    </div>
+                </div>
+
+
+
+                <div class="product-card">
+                    <div class="product-image">
+                        <img src="../img/mobiles/lapi3.jpeg" alt="Product Image">
+                    </div>
+                    <div class="product-details">
+                        <h2 class="product-title">DELL laptop</h2>
+                        <p class="product-location">
+                            <i class="fa fa-map-marker"></i> Nagpur, MH
+                        </p>
+                        <p class="product-description">
+                           laptop for daily use <br><br>
+                        </p>
+                        <div class="product-information">
+                            <span class="product-price">₹ 11799.99</span>
+                            <button class="btn secondary-btn">View Details</button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+
+            <div class="twocards">
+                <div class="product-card">
+                    <div class="product-image">
+                        <img src="../img/mobiles/image (4).jpeg" alt="Product Image">
+                    </div>
+                    <div class="product-details">
+                        <h2 class="product-title">iphone 12</h2>
+                        <p class="product-location">
+                            <i class="fa fa-map-marker"></i> Pune, MH
+                        </p>
+                        <p class="product-description">
+                           iphone 12 with 8gb 128gb storage in gray color<br><br>
+                        </p>
+                        <div class="product-information">
+                            <span class="product-price">₹ 45000.99</span>
+                            <button class="btn secondary-btn">View Details</button>
+                        </div>
+                    </div>
+                </div>
+
+
+
+                <div class="product-card">
+                    <div class="product-image">
+                        <img src="../img/mobiles/image (5).jpeg" alt="Product Image">
+                    </div>
+                    <div class="product-details">
+                        <h2 class="product-title">iphone se</h2>
+                        <p class="product-location">
+                            <i class="fa fa-map-marker"></i> Nagpur, MH
+                        </p>
+                        <p class="product-description">
+                            Stylish and comfortable iphone for a seamless  experience.
+                        </p>
+                        <div class="product-information">
+                            <span class="product-price">₹ 18000.99</span>
+                            <button class="btn secondary-btn">View Details</button>
+                        </div>
+                    </div>
+                </div>
+
+
+
+                <div class="product-card">
+                    <div class="product-image">
+                        <img src="../img/mobiles/lapi5.jpeg" alt="Product Image">
+                    </div>
+                    <div class="product-details">
+                        <h2 class="product-title">laptop</h2>
+                        <p class="product-location">
+                            <i class="fa fa-map-marker"></i> Mumbai, MH
+                        </p>
+                        <p class="product-description">
+                            Laptop for office use <br>
+                            <br>
+                        </p>
+                        <div class="product-information">
+                            <span class="product-price">₹ 23399.99</span>
+                            <button class="btn secondary-btn">View Details</button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+
+            <div class="twocards">
+                <div class="product-card">
+                    <div class="product-image">
+                        <img src="../img/mobiles/lapi6.jpeg" alt="Product Image">
+                    </div>
+                    <div class="product-details">
+                        <h2 class="product-title">HP laptop</h2>
+                        <p class="product-location">
+                            <i class="fa fa-map-marker"></i> pune, MH
+                        </p>
+                        <p class="product-description">
+                            HP 360 touch screen laptop for daily use<br><br>
+                        </p>
+                        <div class="product-information">
+                            <span class="product-price">₹ 89809.99</span>
+                            <button class="btn secondary-btn">View Details</button>
+                        </div>
+                    </div>
+                </div>
+
+
+
+                <div class="product-card">
+                    <div class="product-image">
+                        <img src="../img/mobiles/slider4.jpeg" alt="Product Image">
+                    </div>
+                    <div class="product-details">
+                        <h2 class="product-title">laptop</h2>
+                        <p class="product-location">
+                            <i class="fa fa-map-marker"></i> pune, MH
+                        </p>
+                        <p class="product-description">
+                            Best performance laptop for office use <br><br>
+                        </p>
+                        <div class="product-information">
+                            <span class="product-price">₹ 111799.99</span>
+                            <button class="btn secondary-btn">View Details</button>
+                        </div>
+                    </div>
+                </div>
+
+
+
+                <div class="product-card">
+                    <div class="product-image">
+                        <img src="../img/mobiles/image (2).jpeg" alt="Product Image">
+                    </div>
+                    <div class="product-details">
+                        <h2 class="product-title">iphone 13 pro</h2>
+                        <p class="product-location">
+                            <i class="fa fa-map-marker"></i> Nagpur, MH
+                        </p>
+                        <p class="product-description">
+                            Stylish and comfortable iphone  for a seamless  experience.
+                        </p>
+                        <div class="product-information">
+                            <span class="product-price">₹ 72299.99</span>
+                            <button class="btn secondary-btn">View Details</button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+
+
+
+
+
+
+
+
+        </div>
+        <div class="sidebar">
+            <hr>
+            <br><br>
+            <div class="angle">
+                <h2 class="sidebar-categories">Categories</h2>
+                <i class="fa-solid fa-angle-down angle-down" id="down-arrow" onclick="down()"></i>
+                <i class="fa-solid fa-angle-up angle-up" id="up-arrow" onclick="up()"></i>
+            </div>
+            <br>
+
+
+            <div id="sidebar-container">
+                <p class="sidebar-mobile" id="mobiles" onclick="filter('iphone')"> - Mobiles</p>
+                <a href="./laptops.html" class="sidebar-mobile">
+                    <p id="laptops"> - Laptops
+                </a></p>
+                <br>
+                <br>
+                <br>
+            </div>
+            <hr>
+
+            <div class="angle">
+                <h2 class="sidebar-categories">Location</h2>
+                <i class="fa-solid fa-angle-down angle-down" id="down-arrow2" onclick="downarrow()"></i>
+                <i class="fa-solid fa-angle-up angle-up" id="up-arrow2" onclick="uparrow()"></i>
+            </div>
+            <br>
+            <div>
+                <input type="text" id="student" placeholder="search" onkeyup="load()">
+                <br>
+                <br>
+                <div class="entry  " id="studentcontainer">
+
+                </div>
+
+            </div>
+
+
+
+
+
+
+        </div>
+    </div>
+
+    <footer>
+        <div class="footer-section">
+
+            <div class="popular-locations">
+                <h2 class="footer-heading-style">Popular Locations</h2>
+                <div class="locations footer-anchor-style">
+                    <a href="#" class="anchor-style">Mumbai</a>
+                    <a href="#" class="anchor-style">Nagpur</a>
+                    <a href="#" class="anchor-style">Pune</a>
+                    <a href="#" class="anchor-style">Chennai</a>
+                </div>
+            </div>
+
+            <div class="trending-locations">
+                <h2 class="footer-heading-style">Trending Locations</h2>
+                <div class="locations footer-anchor-style">
+                    <a href="#" class="anchor-style"> Bhubaneshwar</a>
+                    <a href="#" class="anchor-style"> Hyderabad </a>
+                    <a href="#" class="anchor-style">Chandigarh</a>
+                    <a href="#" class="anchor-style"> Nashik</a>
+                </div>
+            </div>
+
+            <div class="about-us">
+                <h2 class="footer-heading-style">About Us</h2>
+                <div class="locations footer-anchor-style">
+                    <a href="#" class="anchor-style">Tech@EcoSwap</a>
+                </div>
+            </div>
+
+            <div class="popular-locations">
+                <h2 class="footer-heading-style">EcoSwap</h2>
+                <div class="site-about footer-anchor-style">
+                    <a href="#" class="anchor-style">Blog</a>
+                    <a href="#" class="anchor-style">Help</a>
+                    <a href="#" class="anchor-style">Sitemap</a>
+                    <a href="#" class="anchor-style">Legal & Privacy information</a>
+                </div>
+            </div>
+
+            <div class="popular-locations">
+                <h1 class="footer-heading-style">Follow Us</h1>
+                <div class="social-icons">
+                    <i class="fa-brands fa-instagram footer-icon-style"></i>
+                    <i class="fa-brands fa-facebook footer-icon-style"></i>
+                    <i class="fa-brands fa-twitter footer-icon-style"></i>
+                    <i class="fa-brands fa-linkedin footer-icon-style"></i>
+                    <i class="fa-brands fa-youtube footer-icon-style"></i>
+                </div>
+            </div>
+
+        </div>
+        <hr class="plane-line">
+        <p class="copy-right">All rights reserved © 2024 EcoSwap.</p>
+    </footer>
+
+    <script src="https://kit.fontawesome.com/7b6884abf8.js" crossorigin="anonymous"></script>
+    <script>
+
+
+
+        const student = ['pune', 'mumbai', 'nagpur', 'goa']
+
+        const students = document.getElementById('studentcontainer')
+
+        student.foreach((std) => {
+            students.innerHTML += `<div class="entry">${std}</div>`
+        })
+
+
+        function load() {
+            const searchtext = document.getElementById('student');
+            const inputtext = searchtext.value;
+            const text = inputtext.toLowerCase()
+
+            students.innerHTML = ''
+
+            const filteredstd = student.filter((std) => {
+                if (std.includes(text)) {
+                    return true;
+                }
+            })
+            filteredstd.forEach((std) => {
+
+                students.innerHTML += `<div class="entry">${std}</div>`
+            })
+
+        }
+
+
+
+
+
+
+
+
+        function up() {
+            const sidebar = document.getElementById('sidebar-container');
+            const up = document.getElementById('up-arrow');
+            const down = document.getElementById('down-arrow')
+
+            down.style.visibility = 'visible'
+            sidebar.style.visibility = 'hidden';
+            up.style.visibility = 'hidden';
+        }
+
+        function down() {
+            const sidebar = document.getElementById('sidebar-container');
+            const up = document.getElementById('up-arrow');
+            const down = document.getElementById('down-arrow')
+
+            down.style.visibility = 'hidden'
+            sidebar.style.visibility = 'visible';
+            up.style.visibility = 'visible';
+        }
+
+        function uparrow() {
+            const sidebar = document.getElementById('sidebar-container2');
+            const up = document.getElementById('up-arrow2');
+            const down = document.getElementById('down-arrow2')
+
+            down.style.visibility = 'visible'
+            sidebar.style.visibility = 'hidden';
+            up.style.visibility = 'hidden';
+        }
+
+        function downarrow() {
+            const sidebar = document.getElementById('sidebar-container2');
+            const up = document.getElementById('up-arrow2');
+            const down = document.getElementById('down-arrow2')
+
+            down.style.visibility = 'hidden'
+            sidebar.style.visibility = 'visible';
+            up.style.visibility = 'visible';
+        }
+
+
+
+        document.addEventListener('DOMContentLoaded', function () {
+
+            const selectBox = document.getElementById('select-option');
+
+            const cards = document.querySelectorAll('.product-card');
+
+            selectBox.addEventListener('change', function () {
+
+                const selectedLocation = selectBox.value;
+
+                cards.forEach(card => {
+
+                    const cardLocation = card.querySelector('.product-location').textContent;
+
+                    if (selectedLocation === "Select Location" || cardLocation.includes(selectedLocation)) {
+                        card.style.display = "block";
+                    } else {
+                        card.style.display = "none";
+                    }
+                });
+            });
+        });
+
+
+        //
+
+        // side-bar-code
+
+
+        let allimg = [
+            "./../img/mobiles/slider1.jpg", './../img/mobiles/slider2.jpg', './../img/mobiles/slider3.jpg', './../img/mobiles/slider4.jpeg'
+        ];
+        let index = 0;
+        let images = document.getElementById('new');
+        
+        
+        function next() {
+            if(index<allimg.length-1){
+                index++;
+            }else{
+                index = 0;
+            }
+            images.src = allimg[index]
+        }
+        setInterval(
+            next,2000
+        );
+
+
+        // filter for location
+
+        function filter1(Pune) {
+    
+            const cardElement1 = document.querySelectorAll('.product-card');
+            
+            cardElement1.forEach(item => {
+                
+                const productName1 = card1.querySelector('.product-location').textContent;
+        
+                if (productName1.includes(Pune)) {
+                    item.style.display = 'block';  
+                } else {
+                    item.style.display = 'none';  
+                }
+            });
+        }
+
+        function filter(iphone) {
+    
+            const cardElement = document.querySelectorAll('.product-card');
+            
+            cardElement.forEach(item => {
+                
+                const productName = card1.querySelector('.product-title').textContent;
+        
+                if (productName.includes(iphone)) {
+                    item.style.display = 'block';  
+                } else {
+                    item.style.display = 'none';  
+                }
+            });
+        }
+
+
+
+
+
+
+
+    </script>
+</body>
+
+</html>
\ No newline at end of file