From 9eeb58f66553c445b2676e4ca3cb4083fc6fe66a Mon Sep 17 00:00:00 2001
From: Paras <paraskamliya5@gmail.com>
Date: Sat, 3 Jun 2023 10:04:35 +0530
Subject: [PATCH 1/3] mini-project done

---
 products/bad-1.html      | 173 ++++++++++++++++++
 products/bad-10.html     | 175 +++++++++++++++++++
 products/bad-2.html      | 172 ++++++++++++++++++
 products/bad-3.html      | 172 ++++++++++++++++++
 products/bad-4.html      | 172 ++++++++++++++++++
 products/bad-5.html      | 172 ++++++++++++++++++
 products/bad-6.html      | 175 +++++++++++++++++++
 products/bad-7.html      | 175 +++++++++++++++++++
 products/bad-8.html      | 175 +++++++++++++++++++
 products/bad-9.html      | 175 +++++++++++++++++++
 products/badminton.css   |  79 +++++++++
 products/badminton.html  |  43 +++++
 products/badminton.js    | 114 ++++++++++++
 products/cart.html       | 311 +++++++++++++++++++++++++++++++++
 products/checkout.html   | 245 ++++++++++++++++++++++++++
 products/index.css       | 279 +++++++++++++++++++++++++++++
 products/index.html      | 185 ++++++++++++++++++++
 products/sh-1.html       | 181 +++++++++++++++++++
 products/sh-10.html      | 181 +++++++++++++++++++
 products/sh-11.html      | 181 +++++++++++++++++++
 products/sh-12.html      | 181 +++++++++++++++++++
 products/sh-13.html      | 181 +++++++++++++++++++
 products/sh-14.html      | 181 +++++++++++++++++++
 products/sh-15.html      | 181 +++++++++++++++++++
 products/sh-16.html      | 181 +++++++++++++++++++
 products/sh-17.html      | 181 +++++++++++++++++++
 products/sh-18.html      | 181 +++++++++++++++++++
 products/sh-19.html      | 181 +++++++++++++++++++
 products/sh-2.html       | 181 +++++++++++++++++++
 products/sh-20.html      | 181 +++++++++++++++++++
 products/sh-21.html      | 181 +++++++++++++++++++
 products/sh-3.html       | 181 +++++++++++++++++++
 products/sh-4.html       | 181 +++++++++++++++++++
 products/sh-5.html       | 181 +++++++++++++++++++
 products/sh-6.html       | 181 +++++++++++++++++++
 products/sh-7.html       | 180 +++++++++++++++++++
 products/sh-8.html       | 180 +++++++++++++++++++
 products/sh-9.html       | 180 +++++++++++++++++++
 products/shoes.html      | 368 +++++++++++++++++++++++++++++++++++++++
 products/sk-1.html       | 180 +++++++++++++++++++
 products/sk-10.html      | 180 +++++++++++++++++++
 products/sk-2.html       | 180 +++++++++++++++++++
 products/sk-3.html       | 180 +++++++++++++++++++
 products/sk-4.html       | 180 +++++++++++++++++++
 products/sk-5.html       | 180 +++++++++++++++++++
 products/sk-6.html       | 180 +++++++++++++++++++
 products/sk-7.html       | 179 +++++++++++++++++++
 products/sk-8.html       | 179 +++++++++++++++++++
 products/sk-9.html       | 179 +++++++++++++++++++
 products/skating.html    | 209 ++++++++++++++++++++++
 products/socks.html      | 246 ++++++++++++++++++++++++++
 products/st-1.html       | 172 ++++++++++++++++++
 products/st-2.html       | 173 ++++++++++++++++++
 products/st-3.html       | 172 ++++++++++++++++++
 products/st-4.html       | 172 ++++++++++++++++++
 products/st-5.html       | 172 ++++++++++++++++++
 products/st-6.html       | 172 ++++++++++++++++++
 products/t-shirt.html    | 357 +++++++++++++++++++++++++++++++++++++
 products/teamindia.html  | 196 +++++++++++++++++++++
 products/ti-1.html       | 179 +++++++++++++++++++
 products/ti-2.html       | 176 +++++++++++++++++++
 products/ti-3.html       | 176 +++++++++++++++++++
 products/ti-4.html       | 176 +++++++++++++++++++
 products/tr-1.html       | 173 ++++++++++++++++++
 products/tr-10.html      | 173 ++++++++++++++++++
 products/tr-11.html      | 173 ++++++++++++++++++
 products/tr-12.html      | 173 ++++++++++++++++++
 products/tr-2.html       | 173 ++++++++++++++++++
 products/tr-3.html       | 173 ++++++++++++++++++
 products/tr-4.html       | 173 ++++++++++++++++++
 products/tr-5.html       | 173 ++++++++++++++++++
 products/tr-6.html       | 173 ++++++++++++++++++
 products/tr-7.html       | 173 ++++++++++++++++++
 products/tr-8.html       | 173 ++++++++++++++++++
 products/tr-9.html       | 173 ++++++++++++++++++
 products/treadmills.html | 265 ++++++++++++++++++++++++++++
 products/ts-1.html       | 181 +++++++++++++++++++
 products/ts-10.html      | 181 +++++++++++++++++++
 products/ts-11.html      | 181 +++++++++++++++++++
 products/ts-12.html      | 181 +++++++++++++++++++
 products/ts-13.html      | 181 +++++++++++++++++++
 products/ts-14.html      | 181 +++++++++++++++++++
 products/ts-15.html      | 181 +++++++++++++++++++
 products/ts-16.html      | 181 +++++++++++++++++++
 products/ts-17.html      | 181 +++++++++++++++++++
 products/ts-18.html      | 181 +++++++++++++++++++
 products/ts-19.html      | 181 +++++++++++++++++++
 products/ts-2.html       | 181 +++++++++++++++++++
 products/ts-20.html      | 181 +++++++++++++++++++
 products/ts-3.html       | 181 +++++++++++++++++++
 products/ts-4.html       | 181 +++++++++++++++++++
 products/ts-5.html       | 181 +++++++++++++++++++
 products/ts-6.html       | 181 +++++++++++++++++++
 products/ts-7.html       | 180 +++++++++++++++++++
 products/ts-8.html       | 180 +++++++++++++++++++
 products/ts-9.html       | 180 +++++++++++++++++++
 96 files changed, 17661 insertions(+)
 create mode 100644 products/bad-1.html
 create mode 100644 products/bad-10.html
 create mode 100644 products/bad-2.html
 create mode 100644 products/bad-3.html
 create mode 100644 products/bad-4.html
 create mode 100644 products/bad-5.html
 create mode 100644 products/bad-6.html
 create mode 100644 products/bad-7.html
 create mode 100644 products/bad-8.html
 create mode 100644 products/bad-9.html
 create mode 100644 products/badminton.css
 create mode 100644 products/badminton.html
 create mode 100644 products/badminton.js
 create mode 100644 products/cart.html
 create mode 100644 products/checkout.html
 create mode 100644 products/index.css
 create mode 100644 products/index.html
 create mode 100644 products/sh-1.html
 create mode 100644 products/sh-10.html
 create mode 100644 products/sh-11.html
 create mode 100644 products/sh-12.html
 create mode 100644 products/sh-13.html
 create mode 100644 products/sh-14.html
 create mode 100644 products/sh-15.html
 create mode 100644 products/sh-16.html
 create mode 100644 products/sh-17.html
 create mode 100644 products/sh-18.html
 create mode 100644 products/sh-19.html
 create mode 100644 products/sh-2.html
 create mode 100644 products/sh-20.html
 create mode 100644 products/sh-21.html
 create mode 100644 products/sh-3.html
 create mode 100644 products/sh-4.html
 create mode 100644 products/sh-5.html
 create mode 100644 products/sh-6.html
 create mode 100644 products/sh-7.html
 create mode 100644 products/sh-8.html
 create mode 100644 products/sh-9.html
 create mode 100644 products/shoes.html
 create mode 100644 products/sk-1.html
 create mode 100644 products/sk-10.html
 create mode 100644 products/sk-2.html
 create mode 100644 products/sk-3.html
 create mode 100644 products/sk-4.html
 create mode 100644 products/sk-5.html
 create mode 100644 products/sk-6.html
 create mode 100644 products/sk-7.html
 create mode 100644 products/sk-8.html
 create mode 100644 products/sk-9.html
 create mode 100644 products/skating.html
 create mode 100644 products/socks.html
 create mode 100644 products/st-1.html
 create mode 100644 products/st-2.html
 create mode 100644 products/st-3.html
 create mode 100644 products/st-4.html
 create mode 100644 products/st-5.html
 create mode 100644 products/st-6.html
 create mode 100644 products/t-shirt.html
 create mode 100644 products/teamindia.html
 create mode 100644 products/ti-1.html
 create mode 100644 products/ti-2.html
 create mode 100644 products/ti-3.html
 create mode 100644 products/ti-4.html
 create mode 100644 products/tr-1.html
 create mode 100644 products/tr-10.html
 create mode 100644 products/tr-11.html
 create mode 100644 products/tr-12.html
 create mode 100644 products/tr-2.html
 create mode 100644 products/tr-3.html
 create mode 100644 products/tr-4.html
 create mode 100644 products/tr-5.html
 create mode 100644 products/tr-6.html
 create mode 100644 products/tr-7.html
 create mode 100644 products/tr-8.html
 create mode 100644 products/tr-9.html
 create mode 100644 products/treadmills.html
 create mode 100644 products/ts-1.html
 create mode 100644 products/ts-10.html
 create mode 100644 products/ts-11.html
 create mode 100644 products/ts-12.html
 create mode 100644 products/ts-13.html
 create mode 100644 products/ts-14.html
 create mode 100644 products/ts-15.html
 create mode 100644 products/ts-16.html
 create mode 100644 products/ts-17.html
 create mode 100644 products/ts-18.html
 create mode 100644 products/ts-19.html
 create mode 100644 products/ts-2.html
 create mode 100644 products/ts-20.html
 create mode 100644 products/ts-3.html
 create mode 100644 products/ts-4.html
 create mode 100644 products/ts-5.html
 create mode 100644 products/ts-6.html
 create mode 100644 products/ts-7.html
 create mode 100644 products/ts-8.html
 create mode 100644 products/ts-9.html

diff --git a/products/bad-1.html b/products/bad-1.html
new file mode 100644
index 0000000..095aa9d
--- /dev/null
+++ b/products/bad-1.html
@@ -0,0 +1,173 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Badminton-1</title>
+    <style>body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 85%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 100%;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"BABOLAT SATELITE ORIGIN POWER BADMINTON RACKET (BLUE/WHITE, UNSTRUNG)",
+        image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=500,height=500,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/BB191362.jpg",
+        price:"₹5,999",
+        discount:"50% OFF",
+        id:"bad-1.html",
+        rate:"5999",
+        id:Math.random()*1000
+    }
+    console.log(data)
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.name
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/bad-10.html b/products/bad-10.html
new file mode 100644
index 0000000..51c0d18
--- /dev/null
+++ b/products/bad-10.html
@@ -0,0 +1,175 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Badminton-10</title>
+    <style>body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 85%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div{
+        width: 100%;
+    }
+    #cont>div>img{
+        width: 100%;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+    }
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"Yonex Astrox 88D Tour Badminton Racket (Camel Gold, Strung)",
+        image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=500,height=500,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/YXAX88DTGECMGO.jpg",
+        price:"₹7,799",
+        discount:"35% OFF",
+        id:"bad-10.html",
+        rate:"7799",
+        id:Math.random()*1000
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.name
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/bad-2.html b/products/bad-2.html
new file mode 100644
index 0000000..b15fea6
--- /dev/null
+++ b/products/bad-2.html
@@ -0,0 +1,172 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Badminton-2</title>
+    <style>body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 85%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    } 
+    #cont>div>img{
+        width: 100%;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"BABOLAT XFEEL ESSENTIAL BADMINTON RACKET (BLUE/GREY, UNSTRUNG)",
+        image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=780,height=780,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/BB189543.jpg",
+        price:"₹7,749",
+        discount:"50% OFF",
+        id:"bad-2.html",
+        rate:"7749",
+        id:Math.random()*1000
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.name
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/bad-3.html b/products/bad-3.html
new file mode 100644
index 0000000..f03c3b6
--- /dev/null
+++ b/products/bad-3.html
@@ -0,0 +1,172 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Badminton-3</title>
+    <style>body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 85%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 100%;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"Babolat Satelite Touch Badminton Racket (Pink, Unstrung)",
+        image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=500,height=500,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/BB166316.jpg",
+        price:"₹5,499",
+        discount:"50% OFF",
+        id:"bad-3.html",
+        rate:"5499",
+        id:Math.random()*1000
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.name
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/bad-4.html b/products/bad-4.html
new file mode 100644
index 0000000..35b3756
--- /dev/null
+++ b/products/bad-4.html
@@ -0,0 +1,172 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Badminton-4</title>
+    <style>body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 85%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 100%;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"Babolat Xfeel Lite Badminton Racket (Dark Grey, Unstrung)",
+        image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=500,height=500,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/BB189548.jpg",
+        price:"₹7,749",
+        discount:"50% OFF",
+        id:"bad-4.html",
+        rate:"7749",
+        id:Math.random()*1000
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.name
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/bad-5.html b/products/bad-5.html
new file mode 100644
index 0000000..8e3779d
--- /dev/null
+++ b/products/bad-5.html
@@ -0,0 +1,172 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Badminton-5</title>
+    <style>body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 85%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 100%;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"YONEX GR-303I BADMINTON RACKET (DARK RED, STRUNG)",
+        image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=780,height=780,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/YXBDRCGR303IDRD.jpg",
+        price:"₹599",
+        discount:"25% OFF",
+        id:"bad-5.html",
+        rate:"599",
+        id:Math.random()*1000
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.name
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/bad-6.html b/products/bad-6.html
new file mode 100644
index 0000000..298a5b4
--- /dev/null
+++ b/products/bad-6.html
@@ -0,0 +1,175 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Badminton-6</title>
+    <style>body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 85%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div{
+        width: 100%;
+    }
+    #cont>div>img{
+        width: 100%;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"YONEX GR-303I Badminton Racket (Deep Blue, Strung)",
+        image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/YXBDRCGR303IDBL.jpg",
+        price:"₹599",
+        discount:"25% OFF",
+        id:"bad-6.html",
+        rate:"599",
+        id:Math.random()*1000
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.name
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/bad-7.html b/products/bad-7.html
new file mode 100644
index 0000000..ea1597e
--- /dev/null
+++ b/products/bad-7.html
@@ -0,0 +1,175 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Badminton-7</title>
+    <style>body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 85%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div{
+        width: 100%;
+    }
+    #cont>div>img{
+        width: 100%;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"YONEX VOLTRIC LITE 25I BADMINTON RACKET (BLUE, UNSTRUNG, WITHOUT COVER)",
+        image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=780,height=780,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/YVVTLT25IBLWCV.jpg",
+        price:"₹1,499",
+        discount:"50% OFF",
+        id:"bad-7.html",
+        rate:"1499",
+        id:Math.random()*1000
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.name
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/bad-8.html b/products/bad-8.html
new file mode 100644
index 0000000..088f555
--- /dev/null
+++ b/products/bad-8.html
@@ -0,0 +1,175 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Badminton-8</title>
+    <style>body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 85%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div{
+        width: 100%;
+    }
+    #cont>div>img{
+        width: 100%;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"YONEX ARCSABER 7 TOUR BADMINTON RACKET (GREY/YELLOW, STRUNG)",
+        image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=780,height=780,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/YXARC7TGEGRY.jpg",
+        price:"₹7,149",
+        discount:"35% OFF",
+        id:"bad-8.html",
+        rate:"7149",
+        id:Math.random()*1000
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.name
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/bad-9.html b/products/bad-9.html
new file mode 100644
index 0000000..28812a5
--- /dev/null
+++ b/products/bad-9.html
@@ -0,0 +1,175 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Badminton-9</title>
+    <style>body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 85%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div{
+        width: 100%;
+    }
+    #cont>div>img{
+        width: 100%;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"Yonex Astrox 100 Tour Badminton Racket (Kurenai, Strung)",
+        image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=500,height=500,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/YXAX100TGEKRNI.jpg",
+        price:"₹8,199",
+        discount:"35% OFF",
+        id:"bad-9.html",
+        rate:"8199",
+        id:Math.random()*1000
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.name
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/badminton.css b/products/badminton.css
new file mode 100644
index 0000000..ae9aa31
--- /dev/null
+++ b/products/badminton.css
@@ -0,0 +1,79 @@
+body{
+    padding: 0px;
+    margin: 0px;
+    width: 100%;
+}
+.navbar{
+    background-color: black;
+    width: 100%;
+    color: white;
+    display: flex;
+    justify-content: end;
+}
+.navbar>p{
+    margin-right: 2%;
+}
+.menu{
+    width: 95%;
+    margin: auto;
+    margin-top:1%;
+    display: flex;
+    justify-content: space-between;
+}
+#search{
+    border: 1px solid black;
+    border-radius: 5px;
+    width: 30%;
+    margin: 1%;
+}
+#line{
+    border: 1px solid rgb(243, 231, 231);
+}
+.catogary{
+    margin-left: 2%;
+}
+div>.cato{
+    text-decoration: none;
+    color: black;
+    font-weight: 400;
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    padding:9px;
+}
+.cato:hover{
+    color:white;
+    background-color: black;
+}
+#display{
+    display: grid;
+    width: 90%;
+    margin: auto;
+    grid-template-columns: repeat(3,1fr);
+    gap: 2%;
+}
+#display>div{
+    text-align: center;
+    /* border: 1px solid black; */
+    text-decoration: none;
+    color: black;
+}
+#display>div>a{
+    text-decoration: none;
+    color: black;
+}
+#display>div:hover{
+    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
+}
+#display>div>a>img{
+    width: 100%;
+}
+#display>div>a>p:nth-child(4){
+    color: orange;
+}
+#display>div>a>h2{
+    font-size: 15px;
+    font-weight: 500;
+}
+.menu>a{
+    text-decoration: none;
+    color: black;
+}
\ No newline at end of file
diff --git a/products/badminton.html b/products/badminton.html
new file mode 100644
index 0000000..8295175
--- /dev/null
+++ b/products/badminton.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Badminton</title>
+    <link rel="stylesheet" href="badminton.css">
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="display">
+
+    </div>
+    
+</body>
+<script src="./badminton.js"></script>
+</html>
\ No newline at end of file
diff --git a/products/badminton.js b/products/badminton.js
new file mode 100644
index 0000000..18c3846
--- /dev/null
+++ b/products/badminton.js
@@ -0,0 +1,114 @@
+let data=[
+    {
+        name:"BABOLAT SATELITE ORIGIN POWER BADMINTON RACKET (BLUE/WHITE, UNSTRUNG)",
+        image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=500,height=500,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/BB191362.jpg",
+        price:"₹5,999",
+        discount:"50% OFF",
+        id:"bad-1.html",
+        rate:"5999"
+    },
+    {
+        name:"BABOLAT XFEEL ESSENTIAL BADMINTON RACKET (BLUE/GREY, UNSTRUNG)",
+        image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=780,height=780,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/BB189543.jpg",
+        price:"₹7,749",
+        discount:"50% OFF",
+        id:"bad-2.html",
+        rate:"7749"
+    },
+    {
+        name:"Babolat Satelite Touch Badminton Racket (Pink, Unstrung)",
+        image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=500,height=500,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/BB166316.jpg",
+        price:"₹5,499",
+        discount:"50% OFF",
+        id:"bad-3.html",
+        rate:"5499"
+    },
+    {
+        name:"Babolat Xfeel Lite Badminton Racket (Dark Grey, Unstrung)",
+        image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=500,height=500,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/BB189548.jpg",
+        price:"₹7,749",
+        discount:"50% OFF",
+        id:"bad-4.html",
+        rate:"7749"
+    },
+    {
+        name:"YONEX GR-303I BADMINTON RACKET (DARK RED, STRUNG)",
+        image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=780,height=780,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/YXBDRCGR303IDRD.jpg",
+        price:"₹599",
+        discount:"25% OFF",
+        id:"bad-5.html",
+        rate:"599"
+    },
+    {
+        name:"YONEX GR-303I Badminton Racket (Deep Blue, Strung)",
+        image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/YXBDRCGR303IDBL.jpg",
+        price:"₹599",
+        discount:"25% OFF",
+        id:"bad-6.html",
+        rate:"599"
+    },
+    {
+        name:"YONEX VOLTRIC LITE 25I BADMINTON RACKET (BLUE, UNSTRUNG, WITHOUT COVER)",
+        image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=780,height=780,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/YVVTLT25IBLWCV.jpg",
+        price:"₹1,499",
+        discount:"50% OFF",
+        id:"bad-7.html",
+        rate:"1499"
+    },
+    {
+        name:"YONEX ARCSABER 7 TOUR BADMINTON RACKET (GREY/YELLOW, STRUNG)",
+        image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=780,height=780,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/YXARC7TGEGRY.jpg",
+        price:"₹7,149",
+        discount:"35% OFF",
+        id:"bad-8.html",
+        rate:"7149"
+    },
+    {
+        name:"Yonex Astrox 100 Tour Badminton Racket (Kurenai, Strung)",
+        image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=500,height=500,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/YXAX100TGEKRNI.jpg",
+        price:"₹8,199",
+        discount:"35% OFF",
+        id:"bad-9.html",
+        rate:"8199"
+    },
+    {
+        name:"Yonex Astrox 88D Tour Badminton Racket (Camel Gold, Strung)",
+        image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=500,height=500,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/YXAX88DTGECMGO.jpg",
+        price:"₹7,799",
+        discount:"35% OFF",
+        id:"bad-10.html",
+        rate:"7799"
+    }
+]
+let parent=document.getElementById("display")
+
+function display(data){
+    display.innerHTML="";
+    for (let i=0;i<data.length;i++){
+        let card=document.createElement("div")
+        
+        let link=document.createElement("a")
+        link.setAttribute("href",data[i].id)
+        let image=document.createElement("img")
+        image.setAttribute("src",data[i].image)
+
+        let line=document.createElement("hr")
+
+        let h2=document.createElement("h2")
+        h2.innerText=data[i].name;
+
+        let price=document.createElement("p")
+        price.innerText=data[i].price;
+
+        let dis=document.createElement("p")
+        dis.innerText=data[i].discount
+
+        link.append(image,line,h2,price,dis);
+        card.append(link)
+        parent.append(card)
+    }
+}
+display(data)
+
+let count=JSON.parse(localStorage.getItem("cart-list"));
+document.getElementById("cart-count").innerText=count.length
\ No newline at end of file
diff --git a/products/cart.html b/products/cart.html
new file mode 100644
index 0000000..7549ae0
--- /dev/null
+++ b/products/cart.html
@@ -0,0 +1,311 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Cart Page</title>
+    <style>
+        body{
+    padding: 0px;
+    margin: 0px;
+    width: 100%;
+}
+.navbar{
+    background-color: black;
+    width: 100%;
+    color: white;
+    display: flex;
+    justify-content: end;
+}
+.navbar>p{
+    margin-right: 2%;
+}
+.menu{
+    width: 95%;
+    margin: auto;
+    margin-top:1%;
+    display: flex;
+    justify-content: space-between;
+}
+#search{
+    border: 1px solid black;
+    border-radius: 5px;
+    width: 30%;
+    margin: 1%;
+}
+#line{
+    border: 1px solid rgb(243, 231, 231);
+}
+.catogary{
+    margin-left: 2%;
+}
+div>.cato{
+    text-decoration: none;
+    color: black;
+    font-weight: 400;
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    padding:9px;
+}
+.cato:hover{
+    color:white;
+    background-color: black;
+}
+#display{
+    display: grid;
+    width: 90%;
+    margin: auto;
+    grid-template-columns: repeat(3,1fr);
+    gap: 2%;
+}
+#display>div{
+    text-align: center;
+    /* border: 1px solid black; */
+    text-decoration: none;
+    color: black;
+}
+#display>div>a{
+    text-decoration: none;
+    color: black;
+}
+#display>div:hover{
+    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
+}
+#display>div>a>img{
+    width: 100%;
+}
+#display>div>a>p:nth-child(4){
+    color: orange;
+}
+#display>div>a>h2{
+    font-size: 15px;
+    font-weight: 500;
+}
+.menu>a{
+    text-decoration: none;
+    color: black;
+}
+.display{
+    /* width: fit-content; */
+    margin: auto;
+}
+table>thead>tr>th{
+    border: 1px solid black;
+    background-color: green;
+    color: white;
+}
+table>tbody>tr{
+    text-align: center;
+    border: 1px solid black;
+    background-color: beige;
+}
+h2{
+    width: fit-content;
+    margin: auto;
+    margin-top: 1%;
+    margin-bottom: 2%;
+}
+body>a{
+    margin-left: 48.5%;
+    text-decoration: none;
+    color: white;
+    padding: 1%;
+    background-color: black;
+}
+.image{
+    width: 20%;
+    margin: auto;
+}.feature{
+    width: 100%;
+    margin-top: 10%;
+    background-color: #E1E1E1;
+}
+.feature>div{
+    width: 70%;
+    margin: auto;
+    display: flex;
+    text-align: center;
+    padding: 2%;
+}
+.feature>div>div>img{
+    width: 40%;
+    margin-bottom: 2%;
+}
+.feature>div>div>a{
+    color: black;
+}
+.info{
+    display: flex;
+    background-color: #262626;
+}
+.info>div>#a1{
+    width: 20%;
+}
+.info>div{
+    margin-right: 17%;
+}
+.info>div>h3{
+    font-size: 20px;
+    color: white;
+}
+.info>div>a{
+    text-decoration: none;
+    color: white;
+    font-size: 10px;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div class="display">
+        <table>
+            <thead>
+                <tr>
+                    <th>Product Image</th>
+                    <th>Product Name</th>
+                    <th>Product Quantity</th>
+                    <th>Product Price</th>
+                </tr>
+            </thead>
+            <tbody>
+
+            </tbody>
+        </table>
+    </div>
+    <div id="total">
+        
+    </div>
+    <div class="feature">
+        <div>
+            <div>
+                <img src="https://img.myloview.com/stickers/gift-box-vector-icon-isolated-on-white-background-outline-thin-line-gift-box-icon-for-website-design-and-mobile-app-development-thin-line-gift-box-outline-icon-vector-illustration-700-213048726.jpg" alt=""><br>
+                <a href="index.html">E-gift Voucher</a>
+            </div>
+            <div>
+                <img src="https://img.myloview.com/stickers/gift-box-vector-icon-isolated-on-white-background-outline-thin-line-gift-box-icon-for-website-design-and-mobile-app-development-thin-line-gift-box-outline-icon-vector-illustration-700-213048726.jpg" alt=""><br>
+                <a href="index.html">Reward Points</a>
+            </div>
+            <div>
+                <img src="https://img.myloview.com/stickers/gift-box-vector-icon-isolated-on-white-background-outline-thin-line-gift-box-icon-for-website-design-and-mobile-app-development-thin-line-gift-box-outline-icon-vector-illustration-700-213048726.jpg" alt=""><br>
+                <a href="index.html">Buyers Guide</a>
+            </div>
+            <div>
+                <img src="https://img.myloview.com/stickers/gift-box-vector-icon-isolated-on-white-background-outline-thin-line-gift-box-icon-for-website-design-and-mobile-app-development-thin-line-gift-box-outline-icon-vector-illustration-700-213048726.jpg" alt=""><br>
+                <a href="index.html">Customized Services</a>
+            </div>
+            <div>
+                <img src="https://img.myloview.com/stickers/gift-box-vector-icon-isolated-on-white-background-outline-thin-line-gift-box-icon-for-website-design-and-mobile-app-development-thin-line-gift-box-outline-icon-vector-illustration-700-213048726.jpg" alt=""><br>
+                <a href="index.html">Express Shipping</a>
+            </div>
+            <div>
+                <img src="https://img.myloview.com/stickers/gift-box-vector-icon-isolated-on-white-background-outline-thin-line-gift-box-icon-for-website-design-and-mobile-app-development-thin-line-gift-box-outline-icon-vector-illustration-700-213048726.jpg" alt=""><br>
+                <a href="index.html">Secure Shopping</a>
+            </div>
+            <div>
+                <img src="https://img.myloview.com/stickers/gift-box-vector-icon-isolated-on-white-background-outline-thin-line-gift-box-icon-for-website-design-and-mobile-app-development-thin-line-gift-box-outline-icon-vector-illustration-700-213048726.jpg" alt=""><br>
+                <a href="index.html">100% Authentic</a>
+            </div>
+        </div>
+    </div>
+    <div class="info">
+        <div>
+            <h3>GET TO KNOW US</h3>
+            <a href="index.html">ABOUT US</a><br>
+            <a href="index.html">CONTACT US</a><br>
+            <a href="index.html">INQUIRY / FEEDBACK</a><br>
+            <a href="index.html">OUR STORES</a><br>
+            <a href="index.html">SPORTSJAM TEAM</a><br>
+        </div>
+        <div>
+            <h3>HERE TO HELP</h3>
+            <a href="index.html">REGISTER / LOGIN</a><br>
+            <a href="index.html">DELIVERY & CHARGES</a><br>
+            <a href="index.html">PAYMENT OPTIONS</a><br>
+            <a href="index.html">FAQ'S</a><br>
+            <a href="index.html">RETURNS POLICY</a><br>
+            <a href="index.html">TRACK MY ORDER</a><br>
+            <a href="index.html">BUY IN BULK</a><br>
+        </div>
+        <div>
+            <h3>PAYMENTS</h3>
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/Payments.png" alt="">
+        </div>
+        <div>
+            <h3>SIGN UP FOR NEWSLETTER</h3>
+            <input type="email" placeholder="Email here">
+            <h3>CONNECT WITH US</h3>
+            <img id="a1" src="https://img.freepik.com/premium-vector/set-facebook-twitter-instagram-youtube-icons_94603-98.jpg?w=996" alt=""><br>
+            <img id="a2" src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/ssl.png" alt="">
+        </div>
+    </div>
+</body>
+<script>
+    let list=JSON.parse(localStorage.getItem("cart-list"))
+    let tbody=document.querySelector("tbody")
+    display(list);
+    
+    function display(data){
+        tbody.innerHTML="";
+        data.map((e)=>{
+            let row=document.createElement("tr")
+            let image=document.createElement("img")
+            image.setAttribute("src",e.image)
+            image.setAttribute("class","image")
+            let td1=document.createElement("td")
+            let td2=document.createElement("td")
+            let td3=document.createElement("td")
+            let td4=document.createElement("td")
+            
+            td1.innerText=e.name;
+            td2.innerText="1";
+            td3.innerText=e.price;
+            row.append(image,td1,td2,td3)
+            tbody.append(row)
+               
+            
+        })
+    }
+    
+
+    let total=0;
+    for (let i=0;i<list.length;i++){
+        total+=Number(list[i].rate);
+    }
+    let show=document.getElementById("total")
+    let showtotal=document.createElement("h2")
+    showtotal.innerText="Your Total Amount is:- ₹"+total
+    show.append(showtotal)
+
+    let body=document.querySelector("body")
+
+    let checkout=document.createElement("a")
+    checkout.setAttribute("href","checkout.html")
+    checkout.innerText="Next"
+    body.append(checkout)
+</script>
+</html>
\ No newline at end of file
diff --git a/products/checkout.html b/products/checkout.html
new file mode 100644
index 0000000..d0c5254
--- /dev/null
+++ b/products/checkout.html
@@ -0,0 +1,245 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Checkout Page</title>
+    <style>
+        body{
+    padding: 0px;
+    margin: 0px;
+}
+.navbar{
+    background-color: black;
+    width: 100%;
+    color: white;
+    display: flex;
+    justify-content: end;
+}
+.navbar>p{
+    margin-right: 2%;
+}
+.menu{
+    width: 95%;
+    margin: auto;
+    margin-top:1%;
+    display: flex;
+    justify-content: space-between;
+}
+#search{
+    border: 1px solid black;
+    border-radius: 5px;
+    width: 30%;
+    margin: 1%;
+}
+#line{
+    border: 1px solid rgb(243, 231, 231);
+}
+.catogary{
+    margin-left: 2%;
+}
+div>.cato{
+    text-decoration: none;
+    color: black;
+    font-weight: 400;
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    padding:9px;
+}
+.cato:hover{
+    color:white;
+    background-color: black;
+}
+form{
+    text-align: center;
+    margin: auto;
+}
+form>input{
+    padding: 0.5%;
+    margin-bottom: 1%;
+    border-radius: 10px;
+    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
+}
+form>input:nth-child(9){
+    background-color: green;
+    color: white;
+    border: none;
+    border-radius: 10px;
+    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
+}
+form>input:nth-child(9):hover{
+    cursor: pointer;
+}
+body>h2{
+    text-align: center;
+}
+#cancel{
+    text-decoration: none;
+
+}
+#cancel>button{
+    display: flex;
+    align-items: center;
+    align-items: center;
+    margin: auto;
+    background-color: red;
+    color: white;
+    padding: 0.5%;
+    border: none;
+    border-radius: 10px;
+    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
+}
+#cancel>button:hover{
+    cursor: pointer;
+}
+.feature{
+    width: 100%;
+    margin-top: 10%;
+    background-color: #E1E1E1;
+}
+.feature>div{
+    width: 70%;
+    margin: auto;
+    display: flex;
+    text-align: center;
+    padding: 2%;
+}
+.feature>div>div>img{
+    width: 40%;
+    margin-bottom: 2%;
+}
+.feature>div>div>a{
+    color: black;
+}
+.info{
+    display: flex;
+    background-color: #262626;
+}
+.info>div>#a1{
+    width: 20%;
+}
+.info>div{
+    margin-right: 17%;
+}
+.info>div>h3{
+    font-size: 20px;
+    color: white;
+}
+.info>div>a{
+    text-decoration: none;
+    color: white;
+    font-size: 10px;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <p>Shopping Cart(<span id="cart-count"></span>)</p>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <form action="">
+        <input type="text" placeholder="Enter Your Name" required><br>
+        <input type="number" placeholder="Enter Your Mobile Number" required><br>
+        <input type="email" placeholder="Enter Your E-mail" required><br>
+        <input type="text" placeholder="Enter Your Address" required><br>
+        <input type="submit">
+    </form>
+    <a href="index.html" id="cancel">
+        <button>Cancel Order</button>
+    </a>
+    <div class="feature">
+        <div>
+            <div>
+                <img src="https://img.myloview.com/stickers/gift-box-vector-icon-isolated-on-white-background-outline-thin-line-gift-box-icon-for-website-design-and-mobile-app-development-thin-line-gift-box-outline-icon-vector-illustration-700-213048726.jpg" alt=""><br>
+                <a href="index.html">E-gift Voucher</a>
+            </div>
+            <div>
+                <img src="https://img.myloview.com/stickers/gift-box-vector-icon-isolated-on-white-background-outline-thin-line-gift-box-icon-for-website-design-and-mobile-app-development-thin-line-gift-box-outline-icon-vector-illustration-700-213048726.jpg" alt=""><br>
+                <a href="index.html">Reward Points</a>
+            </div>
+            <div>
+                <img src="https://img.myloview.com/stickers/gift-box-vector-icon-isolated-on-white-background-outline-thin-line-gift-box-icon-for-website-design-and-mobile-app-development-thin-line-gift-box-outline-icon-vector-illustration-700-213048726.jpg" alt=""><br>
+                <a href="index.html">Buyers Guide</a>
+            </div>
+            <div>
+                <img src="https://img.myloview.com/stickers/gift-box-vector-icon-isolated-on-white-background-outline-thin-line-gift-box-icon-for-website-design-and-mobile-app-development-thin-line-gift-box-outline-icon-vector-illustration-700-213048726.jpg" alt=""><br>
+                <a href="index.html">Customized Services</a>
+            </div>
+            <div>
+                <img src="https://img.myloview.com/stickers/gift-box-vector-icon-isolated-on-white-background-outline-thin-line-gift-box-icon-for-website-design-and-mobile-app-development-thin-line-gift-box-outline-icon-vector-illustration-700-213048726.jpg" alt=""><br>
+                <a href="index.html">Express Shipping</a>
+            </div>
+            <div>
+                <img src="https://img.myloview.com/stickers/gift-box-vector-icon-isolated-on-white-background-outline-thin-line-gift-box-icon-for-website-design-and-mobile-app-development-thin-line-gift-box-outline-icon-vector-illustration-700-213048726.jpg" alt=""><br>
+                <a href="index.html">Secure Shopping</a>
+            </div>
+            <div>
+                <img src="https://img.myloview.com/stickers/gift-box-vector-icon-isolated-on-white-background-outline-thin-line-gift-box-icon-for-website-design-and-mobile-app-development-thin-line-gift-box-outline-icon-vector-illustration-700-213048726.jpg" alt=""><br>
+                <a href="index.html">100% Authentic</a>
+            </div>
+        </div>
+    </div>
+    <div class="info">
+        <div>
+            <h3>GET TO KNOW US</h3>
+            <a href="index.html">ABOUT US</a><br>
+            <a href="index.html">CONTACT US</a><br>
+            <a href="index.html">INQUIRY / FEEDBACK</a><br>
+            <a href="index.html">OUR STORES</a><br>
+            <a href="index.html">SPORTSJAM TEAM</a><br>
+        </div>
+        <div>
+            <h3>HERE TO HELP</h3>
+            <a href="index.html">REGISTER / LOGIN</a><br>
+            <a href="index.html">DELIVERY & CHARGES</a><br>
+            <a href="index.html">PAYMENT OPTIONS</a><br>
+            <a href="index.html">FAQ'S</a><br>
+            <a href="index.html">RETURNS POLICY</a><br>
+            <a href="index.html">TRACK MY ORDER</a><br>
+            <a href="index.html">BUY IN BULK</a><br>
+        </div>
+        <div>
+            <h3>PAYMENTS</h3>
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/Payments.png" alt="">
+        </div>
+        <div>
+            <h3>SIGN UP FOR NEWSLETTER</h3>
+            <input type="email" placeholder="Email here">
+            <h3>CONNECT WITH US</h3>
+            <img id="a1" src="https://img.freepik.com/premium-vector/set-facebook-twitter-instagram-youtube-icons_94603-98.jpg?w=996" alt=""><br>
+            <img id="a2" src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/ssl.png" alt="">
+        </div>
+    </div>
+</body>
+<script>
+    let form=document.querySelector("form")
+    form.addEventListener("submit",function(e){
+        e.preventDefault()
+        form.reset()
+        let body=document.querySelector("body")
+        let head=document.createElement("h2")
+        head.innerText="Your Successfully Placed"
+        body.append(head)
+    })
+</script>
+</html>
\ No newline at end of file
diff --git a/products/index.css b/products/index.css
new file mode 100644
index 0000000..d430bab
--- /dev/null
+++ b/products/index.css
@@ -0,0 +1,279 @@
+body{
+    padding: 0px;
+    margin: 0px;
+    width: 100%;
+}
+.navbar{
+    background-color: black;
+    width: 100%;
+    color: white;
+    display: flex;
+    justify-content: end;
+}
+.navbar>p{
+    margin-right: 2%;
+}
+.menu{
+    width: 95%;
+    margin: auto;
+    margin-top:1%;
+    display: flex;
+    justify-content: space-between;
+}
+#search{
+    border: 1px solid black;
+    border-radius: 5px;
+    width: 30%;
+    margin: 1%;
+}
+#line{
+    border: 1px solid rgb(243, 231, 231);
+}
+.catogary{
+    margin-left: 2%;
+}
+div>.cato{
+    text-decoration: none;
+    color: black;
+    font-weight: 400;
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    padding:9px;
+}
+.cato:hover{
+    color:white;
+    background-color: black;
+}
+.cards{
+    display: flex;
+    width: 90%;
+    gap: 2%;
+    margin: auto;
+    margin-top: 2%;
+}
+.cards>div{
+    background-color: #777575;
+    width: 100%;
+    text-align: center;
+}
+.cards>div>img{
+    width: 100%;
+}
+.cards>div button{
+   width: 55%;
+    display: block;
+    margin: auto;
+    border: 1px solid white;
+    background-color: #777575;
+    color: white;
+    margin-bottom: 1%;
+    font-weight: 300;
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    font-size: 15px;
+}
+.cards>div button:hover{
+    background-color: white;
+    color: #777575;
+    cursor: pointer;
+}
+.cards>div h2{
+    color: white;
+    font-size: 30px;
+    font-weight: 300;
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    margin-bottom: auto;
+}
+.cards>div p{
+    color: white;
+    font-size: 20px;
+    font-weight: 300;
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    margin-top: 2%;
+}
+body>h2{
+    text-align: center;
+    color: #595959;
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    font-weight: 500;
+    font-size: 40px;
+}
+.service{
+    width: 90%;
+    margin: auto;
+    gap: 2%;
+    display: flex;
+}
+.first{
+    width: 150%;
+}
+.btn{
+    width: 150%;
+    margin: auto;
+}
+.first>img{
+    width: 100%;
+}
+.btn{
+    width: 100%;
+    margin-left: 1%;
+    margin-top: 1%;
+}
+.btn>a{
+    text-decoration: none;
+    color: black;
+    margin: 1%;
+    padding: 1%;
+    font-size: 15px;
+    font-weight: 500;
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+}
+.btn>a:hover{
+    color: white;
+    background-color: black;
+}
+.second>h2{
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    font-size: 20px;
+    margin-top: 10%;
+
+}
+.second>p{
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    font-weight: 300;
+}
+.racket{
+    width: 85%;
+    margin: auto;
+    display: flex;
+    margin-top: 5%;
+    gap: 2%;
+}
+.ball>img{
+    width: 100%;
+}
+.padel>img{
+    width: 100%;
+}
+.ball>p{
+    text-align: center;
+    margin-top: 1%;
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    font-size: 20px;
+}
+.padel>p{
+    text-align: center;
+    margin-top: 1%;
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    font-size: 20px;
+}
+body>img{
+    width: 100%;
+}
+.images{
+    width: 85%;
+    margin: auto;
+    display: flex;
+    gap: 2%;
+}
+.images>img{
+    width: 20%;
+}
+.about{
+    display: flex;
+    width: 90%;
+    margin: auto;
+    gap: 2%;
+    margin-top: 5%;
+}
+.about>.image{
+    width: 50%;
+}
+.about>.image>img{
+    width: 100%;
+}
+.desc{
+    width: 50%;
+}
+.desc>h2{
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    font-size: 20px;
+    font-weight: 500;
+}
+.desc>p{
+    line-height: 150%;
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    font-weight: 300;
+}
+.desc>button{
+    padding: 2%;
+    background-color: black;
+    color: white;
+    font-weight: 600;
+}
+.desc>button:hover{
+    background-color: rgb(242, 154, 39);
+}
+.more{
+    text-align: center;
+    width: 90%;
+    margin: auto;
+}
+.more>h1{
+    font-size: 25px;
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+
+}
+.more>p{
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    font-weight: 300;
+}
+.more>button{
+    padding: 1% 3% 1% 3%;
+    font-size: 17px;
+    border: 1px solid black;
+}
+.more>button:hover{
+    color: orange;
+    border: 1px solid orange;
+}
+.feature{
+    width: 100%;
+    margin-top: 3%;
+    background-color: #E1E1E1;
+}
+.feature>div{
+    width: 70%;
+    margin: auto;
+    display: flex;
+    text-align: center;
+    padding: 2%;
+}
+.feature>div>div>img{
+    width: 40%;
+    margin-bottom: 2%;
+}
+.feature>div>div>a{
+    color: black;
+}
+.info{
+    display: flex;
+    background-color: #262626;
+}
+.info>div>#a1{
+    width: 20%;
+}
+.info>div{
+    margin-right: 17%;
+}
+.info>div>h3{
+    font-size: 20px;
+    color: white;
+}
+.info>div>a{
+    text-decoration: none;
+    color: white;
+    font-size: 10px;
+}
+.menu>a{
+    text-decoration: none;
+    color: black;
+}
\ No newline at end of file
diff --git a/products/index.html b/products/index.html
new file mode 100644
index 0000000..89b6ff5
--- /dev/null
+++ b/products/index.html
@@ -0,0 +1,185 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Home Page</title>
+    <link rel="stylesheet" href="./index.css">
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div class="sliding">
+        
+    </div>
+    <div class="cards">
+        <div>
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/callout_img1.jpg" alt="">
+            <h2>SPORTS</h2>
+            <p>A huge collection of running shoes and sports equipments</p>
+            <button>BADMINTON</button>
+            <button>FOOTBALL</button>
+            <button>TENNIS</button>
+        </div>
+        <div>
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/callout_img2.jpg" alt="">
+            <h2>FITNESS</h2>
+            <p>A large selection of gym shoes & gym wear designed to keep you cool and dry whilst looking good in the gym.</p>
+            <button>GYM ACCESSORIES</button>
+            <button>RUNNING</button>
+            <button>STRENGTH TRAINING</button>
+        </div>
+        <div>
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/callout_img3.jpg" alt="">
+            <h2>SHOES</h2>
+            <p>Looking for Hiking Boots, Walking Shoes, Sandals or Outdoor Wear? Choose from a large range today.</p>
+            <button>SHOES SQUASH</button>
+            <button>FOOTBALL</button>
+            <button>RUNNING</button>
+        </div>
+    </div>
+    <h2>OUR CUSTOMIZED SERVICES</h2>
+    <div class="service">
+        <div class="first">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/bslide1.jpg" alt="">
+            <div class="btn">
+                <a href="index.html">RACKET STRINGING</a>
+                <a href="index.html">HYBRID STRINGING</a>
+                <a href="index.html">TT ASSEMBLY</a>
+                <a href="index.html">BAT KNOCKING</a>
+            </div>
+        </div>
+        <div class="second">
+            <h2>BADMINTON RACKET STRINGING</h2>
+            <p>Some players prefer to have the comfort, power and flexibility to choose a combination of features on a single string. For this, few tennis brands offer Hybrid Strings, which have one string for Mains and a different string for Crosses. Now, YOU can also create your very own hybrid string!<br>To avail of this service at Sportsjam.in, add your favourite racquet in your order, along with Tennis String for Mains and Tennis String for Crosses (Hybrid Stringing). Please note that a good understanding of string features are required to achieve an optimum balance between comfort, durability, control and power.</p>
+        </div>
+    </div>
+    <div class="racket">
+        <div class="ball">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/PICKLEBALL1.jpg" alt="">
+            <p>PICKLEBALL SPORTS</p>
+        </div>
+        <div class="padel">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/PADEL1.jpg" alt="">
+            <p>PADEL SPORTS</p>
+        </div>
+    </div>
+    <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/Yonex-Shoe-July22.jpg" alt="">
+    <div class="images">
+        <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/brand-logo-25.jpg" alt="">
+        <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/brand-logo-29.jpg" alt="">
+        <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/brand-logo-38.jpg" alt="">
+        <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/brand-logo-43.jpg" alt="">
+        <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/brand-logo-48.jpg" alt="">
+        <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/brand-logo-05.jpg" alt="">
+        <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/brand-logo-34.jpg" alt="">
+    </div>
+    <div class="about">
+        <div class="image">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/bta-store.jpg" alt="">
+        </div>
+        <div class="desc">
+            <h2>ABOUT SPORTSJAM</h2>
+            <p>Let’s get going to dig out the best products in your game & make ‘em available right at your doorstep. We will be glad to serve you in any city in India & speedily, so that you enjoy your product in the coming weekend! All this, with no shipping charges if you purchase above Rs.1000.<br>Scout through your favourite brands with latest technologies. Just click & be its proud owner, at the best available price in the market. Come, help us help you to fly high with your new & improved game with high quality sportsgear!</p>
+            <button>FIND OUT MORE</button>
+        </div>
+    </div>
+    <div class="more">
+        <h1>TESTIMONIALS</h1>
+        <p>Amazing products and Excellent Service. Whenever I have called, I have got professional, prompt and consistent reply. Even during giving the free tshirt, you guys called to know the size, but unfortunately the size is large on me. Any chances I can exchange with M size. Although I am loving my new racquet. - <b>Rajnish, New Delhi</b></p>
+        <button>View All</button>
+    </div>
+    <div class="feature">
+        <div>
+            <div>
+                <img src="https://img.myloview.com/stickers/gift-box-vector-icon-isolated-on-white-background-outline-thin-line-gift-box-icon-for-website-design-and-mobile-app-development-thin-line-gift-box-outline-icon-vector-illustration-700-213048726.jpg" alt=""><br>
+                <a href="index.html">E-gift Voucher</a>
+            </div>
+            <div>
+                <img src="https://img.myloview.com/stickers/gift-box-vector-icon-isolated-on-white-background-outline-thin-line-gift-box-icon-for-website-design-and-mobile-app-development-thin-line-gift-box-outline-icon-vector-illustration-700-213048726.jpg" alt=""><br>
+                <a href="index.html">Reward Points</a>
+            </div>
+            <div>
+                <img src="https://img.myloview.com/stickers/gift-box-vector-icon-isolated-on-white-background-outline-thin-line-gift-box-icon-for-website-design-and-mobile-app-development-thin-line-gift-box-outline-icon-vector-illustration-700-213048726.jpg" alt=""><br>
+                <a href="index.html">Buyers Guide</a>
+            </div>
+            <div>
+                <img src="https://img.myloview.com/stickers/gift-box-vector-icon-isolated-on-white-background-outline-thin-line-gift-box-icon-for-website-design-and-mobile-app-development-thin-line-gift-box-outline-icon-vector-illustration-700-213048726.jpg" alt=""><br>
+                <a href="index.html">Customized Services</a>
+            </div>
+            <div>
+                <img src="https://img.myloview.com/stickers/gift-box-vector-icon-isolated-on-white-background-outline-thin-line-gift-box-icon-for-website-design-and-mobile-app-development-thin-line-gift-box-outline-icon-vector-illustration-700-213048726.jpg" alt=""><br>
+                <a href="index.html">Express Shipping</a>
+            </div>
+            <div>
+                <img src="https://img.myloview.com/stickers/gift-box-vector-icon-isolated-on-white-background-outline-thin-line-gift-box-icon-for-website-design-and-mobile-app-development-thin-line-gift-box-outline-icon-vector-illustration-700-213048726.jpg" alt=""><br>
+                <a href="index.html">Secure Shopping</a>
+            </div>
+            <div>
+                <img src="https://img.myloview.com/stickers/gift-box-vector-icon-isolated-on-white-background-outline-thin-line-gift-box-icon-for-website-design-and-mobile-app-development-thin-line-gift-box-outline-icon-vector-illustration-700-213048726.jpg" alt=""><br>
+                <a href="index.html">100% Authentic</a>
+            </div>
+        </div>
+    </div>
+    <div class="info">
+        <div>
+            <h3>GET TO KNOW US</h3>
+            <a href="index.html">ABOUT US</a><br>
+            <a href="index.html">CONTACT US</a><br>
+            <a href="index.html">INQUIRY / FEEDBACK</a><br>
+            <a href="index.html">OUR STORES</a><br>
+            <a href="index.html">SPORTSJAM TEAM</a><br>
+        </div>
+        <div>
+            <h3>HERE TO HELP</h3>
+            <a href="index.html">REGISTER / LOGIN</a><br>
+            <a href="index.html">DELIVERY & CHARGES</a><br>
+            <a href="index.html">PAYMENT OPTIONS</a><br>
+            <a href="index.html">FAQ'S</a><br>
+            <a href="index.html">RETURNS POLICY</a><br>
+            <a href="index.html">TRACK MY ORDER</a><br>
+            <a href="index.html">BUY IN BULK</a><br>
+        </div>
+        <div>
+            <h3>PAYMENTS</h3>
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/Payments.png" alt="">
+        </div>
+        <div>
+            <h3>SIGN UP FOR NEWSLETTER</h3>
+            <input type="email" placeholder="Email here">
+            <h3>CONNECT WITH US</h3>
+            <img id="a1" src="https://img.freepik.com/premium-vector/set-facebook-twitter-instagram-youtube-icons_94603-98.jpg?w=996" alt=""><br>
+            <img id="a2" src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/ssl.png" alt="">
+        </div>
+    </div>
+</body>
+<script>
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/sh-1.html b/products/sh-1.html
new file mode 100644
index 0000000..1658861
--- /dev/null
+++ b/products/sh-1.html
@@ -0,0 +1,181 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Shoe-1</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 90%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 80%;
+    }
+    #cont>div{
+        margin: auto;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"JOMA NUMERO 10 FIRM GROUND FOOTBALL SHOES (BLACK)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/JMNUMERO10BK.jpg",
+            desc:"Joma Numero 10 Firm Ground Football Shoes (Black)",
+            price:"₹ 2,999",
+            discount:"25% OFF",
+            size:"8(UK)",
+            id:"sh-1.html",
+            rate:"2999"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+
+    let size=document.createElement("p")
+    size.innerText="Size: "+data.size
+
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,size,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/sh-10.html b/products/sh-10.html
new file mode 100644
index 0000000..6a1275c
--- /dev/null
+++ b/products/sh-10.html
@@ -0,0 +1,181 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Shoe-10</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 90%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 80%;
+    }
+    #cont>div{
+        margin: auto;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"ADIDAS MESSI 16.3 IN FOOTBALL SHOES",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/ADFSBA9017.jpg",
+            desc:"Uniquely stylish and trendy adidas Messi 16.3 IN shoes for men. AGION technology is built-in to combat odour causing bacteria and resist fungal, mold and mildew growth on the treated surface.",
+            price:"₹ 4,799",
+            size:"8(UK)",
+            discount:"20% OFF",
+            id:"sh-10.html",
+            rate:"4799"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+
+    let size=document.createElement("p")
+    size.innerText="Size: "+data.size
+
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,size,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/sh-11.html b/products/sh-11.html
new file mode 100644
index 0000000..0e5e5ee
--- /dev/null
+++ b/products/sh-11.html
@@ -0,0 +1,181 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Shoe-11</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 90%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 80%;
+    }
+    #cont>div{
+        margin: auto;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"ADIDAS MESSI 16.3 IN FOOTBALL SHOES",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/ADFSBA9017.jpg",
+            desc:"Uniquely stylish and trendy adidas Messi 16.3 IN shoes for men. AGION technology is built-in to combat odour causing bacteria and resist fungal, mold and mildew growth on the treated surface.",
+            price:"₹ 4,799",
+            size:"9(UK)",
+            discount:"20% OFF",
+            id:"sh-11.html",
+            rate:"4799"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+
+    let size=document.createElement("p")
+    size.innerText="Size: "+data.size
+
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,size,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/sh-12.html b/products/sh-12.html
new file mode 100644
index 0000000..583b85e
--- /dev/null
+++ b/products/sh-12.html
@@ -0,0 +1,181 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Shoe-12</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 90%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 80%;
+    }
+    #cont>div{
+        margin: auto;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"ADIDAS MESSI 16.3 IN FOOTBALL SHOES",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/ADFSBA9017.jpg",
+            desc:"Uniquely stylish and trendy adidas Messi 16.3 IN shoes for men. AGION technology is built-in to combat odour causing bacteria and resist fungal, mold and mildew growth on the treated surface.",
+            price:"₹ 4,799",
+            size:"10(UK)",
+            discount:"20% OFF",
+            id:"sh-12.html",
+            rate:"4799"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+
+    let size=document.createElement("p")
+    size.innerText="Size: "+data.size
+
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,size,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/sh-13.html b/products/sh-13.html
new file mode 100644
index 0000000..f03b698
--- /dev/null
+++ b/products/sh-13.html
@@ -0,0 +1,181 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Shoe-13</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 90%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 80%;
+    }
+    #cont>div{
+        margin: auto;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"ADIDAS X 15.3 FG/AG FOOTBALL SHOES (BLACK/WHITE)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/ADFSS78178.jpg",
+            desc:"Adidas X 15.3 FG/AG Football Shoes (Black/White)",
+            price:"₹ 5,399",
+            size:"8(UK)",
+            discount:"10% OFF",
+            id:"sh-13.html",
+            rate:"5399"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+
+    let size=document.createElement("p")
+    size.innerText="Size: "+data.size
+
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,size,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/sh-14.html b/products/sh-14.html
new file mode 100644
index 0000000..963b589
--- /dev/null
+++ b/products/sh-14.html
@@ -0,0 +1,181 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Shoe-14</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 90%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 80%;
+    }
+    #cont>div{
+        margin: auto;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"ADIDAS X 15.3 FG/AG FOOTBALL SHOES (BLACK/WHITE)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/ADFSS78178.jpg",
+            desc:"Adidas X 15.3 FG/AG Football Shoes (Black/White)",
+            price:"₹ 5,399",
+            size:"9(UK)",
+            discount:"10% OFF",
+            id:"sh-14.html",
+            rate:"5399"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+
+    let size=document.createElement("p")
+    size.innerText="Size: "+data.size
+
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,size,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/sh-15.html b/products/sh-15.html
new file mode 100644
index 0000000..c6f39b6
--- /dev/null
+++ b/products/sh-15.html
@@ -0,0 +1,181 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Shoe-15</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 90%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 80%;
+    }
+    #cont>div{
+        margin: auto;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"ADIDAS X 15.3 FG/AG FOOTBALL SHOES (BLACK/WHITE)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/ADFSS78178.jpg",
+            desc:"Adidas X 15.3 FG/AG Football Shoes (Black/White)",
+            price:"₹ 5,399",
+            size:"10(UK)",
+            discount:"10% OFF",
+            id:"sh-15.html",
+            rate:"5399"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+
+    let size=document.createElement("p")
+    size.innerText="Size: "+data.size
+
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,size,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/sh-16.html b/products/sh-16.html
new file mode 100644
index 0000000..dbfa0e5
--- /dev/null
+++ b/products/sh-16.html
@@ -0,0 +1,181 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Shoe-16</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 90%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 100%;
+    }
+    #cont>div{
+        margin: auto;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"ADIDAS MESSI 15.2 FOOTBALL SHOES (BLACK/GREEN/RED)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/ADFSAF4658.jpg",
+            desc:"Uniquely stylish and trendy adidas Messi 15.2 shoes for men. The AGION technology is built-in to combat odour causing bacteria and resist fungal, mold and mildew growth on the treated surface. The Engineered 3D cage in heel area is present for perfect heel stability while the new Skeleton outsole for ultimate agility on firm and artificial ground with Messi center stud to leave his footprint on every pitch.",
+            price:"₹ 5,999",
+            size:"8(UK)",
+            discount:"25% OFF",
+            id:"sh-16.html",
+            rate:"5399"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+
+    let size=document.createElement("p")
+    size.innerText="Size: "+data.size
+
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,size,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/sh-17.html b/products/sh-17.html
new file mode 100644
index 0000000..6871942
--- /dev/null
+++ b/products/sh-17.html
@@ -0,0 +1,181 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Shoe-17</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 90%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 100%;
+    }
+    #cont>div{
+        margin: auto;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"ADIDAS MESSI 15.2 FOOTBALL SHOES (BLACK/GREEN/RED)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/ADFSAF4658.jpg",
+            desc:"Uniquely stylish and trendy adidas Messi 15.2 shoes for men. The AGION technology is built-in to combat odour causing bacteria and resist fungal, mold and mildew growth on the treated surface. The Engineered 3D cage in heel area is present for perfect heel stability while the new Skeleton outsole for ultimate agility on firm and artificial ground with Messi center stud to leave his footprint on every pitch.",
+            price:"₹ 5,999",
+            size:"9(UK)",
+            discount:"25% OFF",
+            id:"sh-17.html",
+            rate:"5399"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+
+    let size=document.createElement("p")
+    size.innerText="Size: "+data.size
+
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,size,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/sh-18.html b/products/sh-18.html
new file mode 100644
index 0000000..dfbc201
--- /dev/null
+++ b/products/sh-18.html
@@ -0,0 +1,181 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Shoe-18</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 90%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 100%;
+    }
+    #cont>div{
+        margin: auto;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"ADIDAS MESSI 15.2 FOOTBALL SHOES (BLACK/GREEN/RED)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/ADFSAF4658.jpg",
+            desc:"Uniquely stylish and trendy adidas Messi 15.2 shoes for men. The AGION technology is built-in to combat odour causing bacteria and resist fungal, mold and mildew growth on the treated surface. The Engineered 3D cage in heel area is present for perfect heel stability while the new Skeleton outsole for ultimate agility on firm and artificial ground with Messi center stud to leave his footprint on every pitch.",
+            price:"₹ 5,999",
+            size:"10(UK)",
+            discount:"25% OFF",
+            id:"sh-18.html",
+            rate:"5999"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+
+    let size=document.createElement("p")
+    size.innerText="Size: "+data.size
+
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,size,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/sh-19.html b/products/sh-19.html
new file mode 100644
index 0000000..0e79cbb
--- /dev/null
+++ b/products/sh-19.html
@@ -0,0 +1,181 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Shoe-19</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 90%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 80%;
+    }
+    #cont>div{
+        margin: auto;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"MIZUNO MONARCIDA MD FOOTBALL SHOES (ORANGE/BLUE)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/MZP1GA162329L.jpg",
+            desc:"Mizuno Monarcida MD Football Shoes (Orange/Blue)",
+            price:"₹ 2,299",
+            size:"8(UK)",
+            discount:"50% OFF",
+            id:"sh-19.html",
+            rate:"2299"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+
+    let size=document.createElement("p")
+    size.innerText="Size: "+data.size
+
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,size,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/sh-2.html b/products/sh-2.html
new file mode 100644
index 0000000..2a4a7eb
--- /dev/null
+++ b/products/sh-2.html
@@ -0,0 +1,181 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Shoe-2</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 90%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 80%;
+    }
+    #cont>div{
+        margin: auto;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"JOMA NUMERO 10 FIRM GROUND FOOTBALL SHOES (BLACK)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/JMNUMERO10BK.jpg",
+            desc:"Joma Numero 10 Firm Ground Football Shoes (Black)",
+            price:"₹ 2,999",
+            discount:"25% OFF",
+            size:"9(UK)",
+            id:"sh-2.html",
+            rate:"2999"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+
+    let size=document.createElement("p")
+    size.innerText="Size: "+data.size
+
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,size,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/sh-20.html b/products/sh-20.html
new file mode 100644
index 0000000..3f5f156
--- /dev/null
+++ b/products/sh-20.html
@@ -0,0 +1,181 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Shoe-20</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 90%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 80%;
+    }
+    #cont>div{
+        margin: auto;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"MIZUNO MONARCIDA MD FOOTBALL SHOES (ORANGE/BLUE)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/MZP1GA162329L.jpg",
+            desc:"Mizuno Monarcida MD Football Shoes (Orange/Blue)",
+            price:"₹ 2,299",
+            size:"9(UK)",
+            discount:"50% OFF",
+            id:"sh-20.html",
+            rate:"2299"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+
+    let size=document.createElement("p")
+    size.innerText="Size: "+data.size
+
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,size,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/sh-21.html b/products/sh-21.html
new file mode 100644
index 0000000..471b319
--- /dev/null
+++ b/products/sh-21.html
@@ -0,0 +1,181 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Shoe-21</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 90%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 80%;
+    }
+    #cont>div{
+        margin: auto;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"MIZUNO MONARCIDA MD FOOTBALL SHOES (ORANGE/BLUE)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/MZP1GA162329L.jpg",
+            desc:"Mizuno Monarcida MD Football Shoes (Orange/Blue)",
+            price:"₹ 2,299",
+            size:"10(UK)",
+            discount:"50% OFF",
+            id:"sh-21.html",
+            rate:"2299"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+
+    let size=document.createElement("p")
+    size.innerText="Size: "+data.size
+
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,size,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/sh-3.html b/products/sh-3.html
new file mode 100644
index 0000000..08d7e6e
--- /dev/null
+++ b/products/sh-3.html
@@ -0,0 +1,181 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Shoe-3</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 90%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 80%;
+    }
+    #cont>div{
+        margin: auto;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"JOMA NUMERO 10 FIRM GROUND FOOTBALL SHOES (BLACK)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/JMNUMERO10BK.jpg",
+            desc:"Joma Numero 10 Firm Ground Football Shoes (Black)",
+            price:"₹ 2,999",
+            discount:"25% OFF",
+            size:"10(UK)",
+            id:"sh-3.html",
+            rate:"2999"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+
+    let size=document.createElement("p")
+    size.innerText="Size: "+data.size
+
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,size,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/sh-4.html b/products/sh-4.html
new file mode 100644
index 0000000..7897ba4
--- /dev/null
+++ b/products/sh-4.html
@@ -0,0 +1,181 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Shoe-4</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 90%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 80%;
+    }
+    #cont>div{
+        margin: auto;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"JOMA AGUILA FIRM GROUND FOOTBALL SHOES (BLACK/GREEN FLOUR)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/JMAGUILABKGN.jpg",
+            desc:"Joma Aguila Firm Ground Football Shoes (Black/Green Flour)",
+            price:"₹ 2,599",
+            discount:"26% OFF",
+            size:"8(UK)",
+            id:"sh-4.html",
+            rate:"2599"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+
+    let size=document.createElement("p")
+    size.innerText="Size: "+data.size
+
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,size,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/sh-5.html b/products/sh-5.html
new file mode 100644
index 0000000..81010c8
--- /dev/null
+++ b/products/sh-5.html
@@ -0,0 +1,181 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Shoe-5</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 90%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 80%;
+    }
+    #cont>div{
+        margin: auto;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"JOMA AGUILA FIRM GROUND FOOTBALL SHOES (BLACK/GREEN FLOUR)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/JMAGUILABKGN.jpg",
+            desc:"Joma Aguila Firm Ground Football Shoes (Black/Green Flour)",
+            price:"₹ 2,599",
+            discount:"26% OFF",
+            size:"9(UK)",
+            id:"sh-5.html",
+            rate:"2599"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+
+    let size=document.createElement("p")
+    size.innerText="Size: "+data.size
+
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,size,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/sh-6.html b/products/sh-6.html
new file mode 100644
index 0000000..9d64960
--- /dev/null
+++ b/products/sh-6.html
@@ -0,0 +1,181 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Shoe-6</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 90%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 80%;
+    }
+    #cont>div{
+        margin: auto;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"JOMA AGUILA FIRM GROUND FOOTBALL SHOES (BLACK/GREEN FLOUR)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/JMAGUILABKGN.jpg",
+            desc:"Joma Aguila Firm Ground Football Shoes (Black/Green Flour)",
+            price:"₹ 2,599",
+            discount:"26% OFF",
+            size:"10(UK)",
+            id:"sh-6.html",
+            rate:"2599"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+
+    let size=document.createElement("p")
+    size.innerText="Size: "+data.size
+
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,size,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/sh-7.html b/products/sh-7.html
new file mode 100644
index 0000000..b5a6d10
--- /dev/null
+++ b/products/sh-7.html
@@ -0,0 +1,180 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Shoe-7</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 90%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 80%;
+    }
+    #cont>div{
+        margin: auto;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"NIKE MERCURIAL VELOCE III DF CR7 FG FOOTBALL SHOES",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/NK852518-001.jpg",
+            desc:"Nike Mercurial Veloce III DF CR7 FG Football Shoes",
+            price:"₹ 14,895",
+            size:"8(UK)",
+            id:"sh-7.html",
+            rate:"14895"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+
+    let size=document.createElement("p")
+    size.innerText="Size: "+data.size
+
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,size,price,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/sh-8.html b/products/sh-8.html
new file mode 100644
index 0000000..567224e
--- /dev/null
+++ b/products/sh-8.html
@@ -0,0 +1,180 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Shoe-8</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 90%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 80%;
+    }
+    #cont>div{
+        margin: auto;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"NIKE MERCURIAL VELOCE III DF CR7 FG FOOTBALL SHOES",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/NK852518-001.jpg",
+            desc:"Nike Mercurial Veloce III DF CR7 FG Football Shoes",
+            price:"₹ 14,895",
+            size:"9(UK)",
+            id:"sh-8.html",
+            rate:"14895"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+
+    let size=document.createElement("p")
+    size.innerText="Size: "+data.size
+
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,size,price,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/sh-9.html b/products/sh-9.html
new file mode 100644
index 0000000..5b4712f
--- /dev/null
+++ b/products/sh-9.html
@@ -0,0 +1,180 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Shoe-9</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 90%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 80%;
+    }
+    #cont>div{
+        margin: auto;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"NIKE MERCURIAL VELOCE III DF CR7 FG FOOTBALL SHOES",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/NK852518-001.jpg",
+            desc:"Nike Mercurial Veloce III DF CR7 FG Football Shoes",
+            price:"₹ 14,895",
+            size:"10(UK)",
+            id:"sh-9.html",
+            rate:"14895"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+
+    let size=document.createElement("p")
+    size.innerText="Size: "+data.size
+
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,size,price,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/shoes.html b/products/shoes.html
new file mode 100644
index 0000000..dcfcf90
--- /dev/null
+++ b/products/shoes.html
@@ -0,0 +1,368 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Shoes</title>
+    <style>
+body{
+    padding: 0px;
+    margin: 0px;
+    width: 100%;
+}
+.navbar{
+    background-color: black;
+    width: 100%;
+    color: white;
+    display: flex;
+    justify-content: end;
+}
+.navbar>p{
+    margin-right: 2%;
+}
+.menu{
+    width: 95%;
+    margin: auto;
+    margin-top:1%;
+    display: flex;
+    justify-content: space-between;
+}
+#search{
+    border: 1px solid black;
+    border-radius: 5px;
+    width: 30%;
+    margin: 1%;
+}
+#line{
+    border: 1px solid rgb(243, 231, 231);
+}
+.catogary{
+    margin-left: 2%;
+}
+div>.cato{
+    text-decoration: none;
+    color: black;
+    font-weight: 400;
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    padding:9px;
+}
+.cato:hover{
+    color:white;
+    background-color: black;
+}
+#display{
+    display: grid;
+    width: 90%;
+    margin: auto;
+    grid-template-columns: repeat(3,1fr);
+    gap: 2%;
+}
+#display>div{
+    text-align: center;
+    /* border: 1px solid black; */
+    text-decoration: none;
+    color: black;
+}
+#display>div>a{
+    text-decoration: none;
+    color: black;
+}
+#display>div:hover{
+    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
+}
+#display>div>a>img{
+    width: 100%;
+}
+#display>div>a>p:nth-child(4){
+    color: orange;
+}
+#display>div>a>h2{
+    font-size: 15px;
+    font-weight: 500;
+}
+.menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="display">
+
+    </div>
+    
+</body>
+<script>
+    let data=[
+        {
+            name:"JOMA NUMERO 10 FIRM GROUND FOOTBALL SHOES (BLACK)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/JMNUMERO10BK.jpg",
+            desc:"Joma Numero 10 Firm Ground Football Shoes (Black)",
+            price:"₹ 2,999",
+            discount:"25% OFF",
+            size:"8(UK)",
+            id:"sh-1.html",
+            rate:"2999"
+        },
+        {
+            name:"JOMA NUMERO 10 FIRM GROUND FOOTBALL SHOES (BLACK)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/JMNUMERO10BK.jpg",
+            desc:"Joma Numero 10 Firm Ground Football Shoes (Black)",
+            price:"₹ 2,999",
+            discount:"25% OFF",
+            size:"9(UK)",
+            id:"sh-2.html",
+            rate:"2999"
+        },
+        {
+            name:"JOMA NUMERO 10 FIRM GROUND FOOTBALL SHOES (BLACK)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/JMNUMERO10BK.jpg",
+            desc:"Joma Numero 10 Firm Ground Football Shoes (Black)",
+            price:"₹ 2,999",
+            discount:"25% OFF",
+            size:"10(UK)",
+            id:"sh-3.html",
+            rate:"2999"
+        },
+        {
+            name:"JOMA AGUILA FIRM GROUND FOOTBALL SHOES (BLACK/GREEN FLOUR)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/JMAGUILABKGN.jpg",
+            desc:"Joma Aguila Firm Ground Football Shoes (Black/Green Flour)",
+            price:"₹ 2,599",
+            discount:"26% OFF",
+            size:"8(UK)",
+            id:"sh-4.html",
+            rate:"2599"
+        },
+        {
+            name:"JOMA AGUILA FIRM GROUND FOOTBALL SHOES (BLACK/GREEN FLOUR)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/JMAGUILABKGN.jpg",
+            desc:"Joma Aguila Firm Ground Football Shoes (Black/Green Flour)",
+            price:"₹ 2,599",
+            discount:"26% OFF",
+            size:"9(UK)",
+            id:"sh-5.html",
+            rate:"2599"
+        },
+        {
+            name:"JOMA AGUILA FIRM GROUND FOOTBALL SHOES (BLACK/GREEN FLOUR)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/JMAGUILABKGN.jpg",
+            desc:"Joma Aguila Firm Ground Football Shoes (Black/Green Flour)",
+            price:"₹ 2,599",
+            discount:"26% OFF",
+            size:"10(UK)",
+            id:"sh-6.html",
+            rate:"2599"
+        },
+        {
+            name:"NIKE MERCURIAL VELOCE III DF CR7 FG FOOTBALL SHOES",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/NK852518-001.jpg",
+            desc:"Nike Mercurial Veloce III DF CR7 FG Football Shoes",
+            price:"₹ 14,895",
+            discount:"0% OFF",
+            size:"8(UK)",
+            id:"sh-7.html",
+            rate:"14895"
+        },
+        {
+            name:"NIKE MERCURIAL VELOCE III DF CR7 FG FOOTBALL SHOES",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/NK852518-001.jpg",
+            desc:"Nike Mercurial Veloce III DF CR7 FG Football Shoes",
+            price:"₹ 14,895",
+            discount:"0% OFF",
+            size:"9(UK)",
+            id:"sh-8.html",
+            rate:"14895"
+        },
+        {
+            name:"NIKE MERCURIAL VELOCE III DF CR7 FG FOOTBALL SHOES",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/NK852518-001.jpg",
+            desc:"Nike Mercurial Veloce III DF CR7 FG Football Shoes",
+            price:"₹ 14,895",
+            discount:"0% OFF",
+            size:"10(UK)",
+            id:"sh-9.html",
+            rate:"14895"
+        },
+        {
+            name:"ADIDAS MESSI 16.3 IN FOOTBALL SHOES",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/ADFSBA9017.jpg",
+            desc:"Uniquely stylish and trendy adidas Messi 16.3 IN shoes for men. AGION technology is built-in to combat odour causing bacteria and resist fungal, mold and mildew growth on the treated surface.",
+            price:"₹ 4,799",
+            size:"8(UK)",
+            discount:"20% OFF",
+            id:"sh-10.html",
+            rate:"4799"
+        },
+        {
+            name:"ADIDAS MESSI 16.3 IN FOOTBALL SHOES",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/ADFSBA9017.jpg",
+            desc:"Uniquely stylish and trendy adidas Messi 16.3 IN shoes for men. AGION technology is built-in to combat odour causing bacteria and resist fungal, mold and mildew growth on the treated surface.",
+            price:"₹ 4,799",
+            size:"9(UK)",
+            discount:"20% OFF",
+            id:"sh-11.html",
+            rate:"4799"
+        },
+        {
+            name:"ADIDAS MESSI 16.3 IN FOOTBALL SHOES",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/ADFSBA9017.jpg",
+            desc:"Uniquely stylish and trendy adidas Messi 16.3 IN shoes for men. AGION technology is built-in to combat odour causing bacteria and resist fungal, mold and mildew growth on the treated surface.",
+            price:"₹ 4,799",
+            size:"10(UK)",
+            discount:"20% OFF",
+            id:"sh-12.html",
+            rate:"4799"
+        },
+        {
+            name:"ADIDAS X 15.3 FG/AG FOOTBALL SHOES (BLACK/WHITE)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/ADFSS78178.jpg",
+            desc:"Adidas X 15.3 FG/AG Football Shoes (Black/White)",
+            price:"₹ 5,399",
+            size:"8(UK)",
+            discount:"10% OFF",
+            id:"sh-13.html",
+            rate:"5399"
+        },
+        {
+            name:"ADIDAS X 15.3 FG/AG FOOTBALL SHOES (BLACK/WHITE)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/ADFSS78178.jpg",
+            desc:"Adidas X 15.3 FG/AG Football Shoes (Black/White)",
+            price:"₹ 5,399",
+            size:"9(UK)",
+            discount:"10% OFF",
+            id:"sh-14.html",
+            rate:"5399"
+        },
+        {
+            name:"ADIDAS X 15.3 FG/AG FOOTBALL SHOES (BLACK/WHITE)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/ADFSS78178.jpg",
+            desc:"Adidas X 15.3 FG/AG Football Shoes (Black/White)",
+            price:"₹ 5,399",
+            size:"10(UK)",
+            discount:"10% OFF",
+            id:"sh-15.html",
+            rate:"5399"
+        },
+        {
+            name:"ADIDAS MESSI 15.2 FOOTBALL SHOES (BLACK/GREEN/RED)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/ADFSAF4658.jpg",
+            desc:"Uniquely stylish and trendy adidas Messi 15.2 shoes for men. The AGION technology is built-in to combat odour causing bacteria and resist fungal, mold and mildew growth on the treated surface. The Engineered 3D cage in heel area is present for perfect heel stability while the new Skeleton outsole for ultimate agility on firm and artificial ground with Messi center stud to leave his footprint on every pitch.",
+            price:"₹ 5,999",
+            size:"8(UK)",
+            discount:"25% OFF",
+            id:"sh-16.html",
+            rate:"5999"
+        },
+        {
+            name:"ADIDAS MESSI 15.2 FOOTBALL SHOES (BLACK/GREEN/RED)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/ADFSAF4658.jpg",
+            desc:"Uniquely stylish and trendy adidas Messi 15.2 shoes for men. The AGION technology is built-in to combat odour causing bacteria and resist fungal, mold and mildew growth on the treated surface. The Engineered 3D cage in heel area is present for perfect heel stability while the new Skeleton outsole for ultimate agility on firm and artificial ground with Messi center stud to leave his footprint on every pitch.",
+            price:"₹ 5,999",
+            size:"9(UK)",
+            discount:"25% OFF",
+            id:"sh-17.html",
+            rate:"5999"
+        },
+        {
+            name:"ADIDAS MESSI 15.2 FOOTBALL SHOES (BLACK/GREEN/RED)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/ADFSAF4658.jpg",
+            desc:"Uniquely stylish and trendy adidas Messi 15.2 shoes for men. The AGION technology is built-in to combat odour causing bacteria and resist fungal, mold and mildew growth on the treated surface. The Engineered 3D cage in heel area is present for perfect heel stability while the new Skeleton outsole for ultimate agility on firm and artificial ground with Messi center stud to leave his footprint on every pitch.",
+            price:"₹ 5,999",
+            size:"10(UK)",
+            discount:"25% OFF",
+            id:"sh-18.html",
+            rate:"5999"
+        },
+        {
+            name:"MIZUNO MONARCIDA MD FOOTBALL SHOES (ORANGE/BLUE)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/MZP1GA162329L.jpg",
+            desc:"Mizuno Monarcida MD Football Shoes (Orange/Blue)",
+            price:"₹ 2,299",
+            size:"8(UK)",
+            discount:"50% OFF",
+            id:"sh-19.html",
+            rate:"2299"
+        },
+        {
+            name:"MIZUNO MONARCIDA MD FOOTBALL SHOES (ORANGE/BLUE)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/MZP1GA162329L.jpg",
+            desc:"Mizuno Monarcida MD Football Shoes (Orange/Blue)",
+            price:"₹ 2,299",
+            size:"9(UK)",
+            discount:"50% OFF",
+            id:"sh-20.html",
+            rate:"2299"
+        },
+        {
+            name:"MIZUNO MONARCIDA MD FOOTBALL SHOES (ORANGE/BLUE)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/MZP1GA162329L.jpg",
+            desc:"Mizuno Monarcida MD Football Shoes (Orange/Blue)",
+            price:"₹ 2,299",
+            size:"10(UK)",
+            discount:"50% OFF",
+            id:"sh-21.html",
+            rate:"2299"
+        },
+    ]
+    let parent=document.getElementById("display")
+
+function display(data){
+    display.innerHTML="";
+    for (let i=0;i<data.length;i++){
+        let card=document.createElement("div")
+        
+        let link=document.createElement("a")
+        link.setAttribute("href",data[i].id)
+        let image=document.createElement("img")
+        image.setAttribute("src",data[i].image)
+
+        let line=document.createElement("hr")
+
+        let h2=document.createElement("h2")
+        h2.innerText=data[i].name;
+
+        let price=document.createElement("p")
+        price.innerText=data[i].price;
+
+        let dis=document.createElement("p")
+        dis.innerText=data[i].discount
+
+        link.append(image,line,h2,price,dis);
+        card.append(link)
+        parent.append(card)
+    }
+}
+display(data)
+
+let count=JSON.parse(localStorage.getItem("cart-list"));
+document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/sk-1.html b/products/sk-1.html
new file mode 100644
index 0000000..74d1ee4
--- /dev/null
+++ b/products/sk-1.html
@@ -0,0 +1,180 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Socks-1</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 90%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 80%;
+    }
+    #cont>div{
+        margin: auto;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"JOMA ANKLE SOCKS (WHITE)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=undefined,height=undefined,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/JM400027P02.jpg",
+            desc:"Joma Ankle Socks (White)",
+            price:"₹ 199",
+            discount:"20% OFF",
+            id:"sk-1.html",
+            rate:"199"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+
+    let size=document.createElement("p")
+    size.innerText="Size: "+data.size
+
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/sk-10.html b/products/sk-10.html
new file mode 100644
index 0000000..48dd629
--- /dev/null
+++ b/products/sk-10.html
@@ -0,0 +1,180 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Socks-10</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 90%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 80%;
+    }
+    #cont>div{
+        margin: auto;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"YONEX ANKLE SOCKS (2161A-BLACK/STEEL GREY/NAVY)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=780,height=780,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/YXACSCK2161ABGN.jpg",
+            desc:"Yonex Ankle Socks (2161A-Black/Steel Grey/Navy)",
+            price:"₹ 449",
+            discount:"15% OFF",
+            id:"sk-10.html",
+            rate:"449"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+
+    let size=document.createElement("p")
+    size.innerText="Size: "+data.size
+
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/sk-2.html b/products/sk-2.html
new file mode 100644
index 0000000..9458672
--- /dev/null
+++ b/products/sk-2.html
@@ -0,0 +1,180 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Socks-2</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 90%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 80%;
+    }
+    #cont>div{
+        margin: auto;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"JOMA ANKLE SOCKS (BLACK)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=undefined,height=undefined,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/JM400027P01.jpg",
+            desc:"Joma Ankle Socks (Black)",
+            price:"₹ 199",
+            discount:"20% OFF",
+            id:"sk-2.html",
+            rate:"199"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+
+    let size=document.createElement("p")
+    size.innerText="Size: "+data.size
+
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/sk-3.html b/products/sk-3.html
new file mode 100644
index 0000000..0568fe2
--- /dev/null
+++ b/products/sk-3.html
@@ -0,0 +1,180 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Socks-3</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 90%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 80%;
+    }
+    #cont>div{
+        margin: auto;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"JOMA MEDIUM SOCKS (BLACK)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=780,height=780,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/JM400030P01.jpg",
+            desc:"Joma Medium Socks (Black)",
+            price:"₹ 299",
+            discount:"19% OFF",
+            id:"sk-3.html",
+            rate:"299"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+
+    let size=document.createElement("p")
+    size.innerText="Size: "+data.size
+
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/sk-4.html b/products/sk-4.html
new file mode 100644
index 0000000..6dde52d
--- /dev/null
+++ b/products/sk-4.html
@@ -0,0 +1,180 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Socks-4</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 90%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 80%;
+    }
+    #cont>div{
+        margin: auto;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"JOMA MEDIUM SOCKS WHITE",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=undefined,height=undefined,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/JM400030P02WH.jpg",
+            desc:"Joma Medium Socks White",
+            price:"₹ 249",
+            discount:"17% OFF",
+            id:"sk-4.html",
+            rate:"249"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+
+    let size=document.createElement("p")
+    size.innerText="Size: "+data.size
+
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/sk-5.html b/products/sk-5.html
new file mode 100644
index 0000000..c1750a5
--- /dev/null
+++ b/products/sk-5.html
@@ -0,0 +1,180 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Socks-5</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 90%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 80%;
+    }
+    #cont>div{
+        margin: auto;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"JOMA SOCKS WITH COTTON FOOT (DARK NAVY)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=780,height=780,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/JM400476331DN.jpg",
+            desc:"Joma Socks With Cotton Foot (Dark Navy)",
+            price:"₹ 299",
+            discount:"27% OFF",
+            id:"sk-5.html",
+            rate:"299"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+
+    let size=document.createElement("p")
+    size.innerText="Size: "+data.size
+
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/sk-6.html b/products/sk-6.html
new file mode 100644
index 0000000..afa1747
--- /dev/null
+++ b/products/sk-6.html
@@ -0,0 +1,180 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Socks-6</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 90%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 80%;
+    }
+    #cont>div{
+        margin: auto;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"JOMA LARGE SOCKS WHITE",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=undefined,height=undefined,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/JM400032P02WH.jpg",
+            desc:"Joma Large Socks White",
+            price:"₹ 275",
+            discount:"25% OFF",
+            id:"sk-6.html",
+            rate:"275"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+
+    let size=document.createElement("p")
+    size.innerText="Size: "+data.size
+
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/sk-7.html b/products/sk-7.html
new file mode 100644
index 0000000..82d4870
--- /dev/null
+++ b/products/sk-7.html
@@ -0,0 +1,179 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Socks-7</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 90%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 80%;
+    }
+    #cont>div{
+        margin: auto;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"JOMA LARGE SOCKS BLACK",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=undefined,height=undefined,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/JM400032P01BLK.jpg",
+            desc:"Joma Large Socks Black",
+            price:"₹ 275",
+            id:"sk-7.html",
+            rate:"275"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+
+    let size=document.createElement("p")
+    size.innerText="Size: "+data.size
+
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/sk-8.html b/products/sk-8.html
new file mode 100644
index 0000000..3152113
--- /dev/null
+++ b/products/sk-8.html
@@ -0,0 +1,179 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Socks-8</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 90%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 80%;
+    }
+    #cont>div{
+        margin: auto;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"JOMA SOCKS WITH COTTON FOOT (ROYAL)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=undefined,height=undefined,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/JM400476700RY.jpg",
+            desc:"Joma Socks With Cotton Foot (Royal)",
+            price:"₹ 299",
+            id:"sk-8.html",
+            rate:"299"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+
+    let size=document.createElement("p")
+    size.innerText="Size: "+data.size
+
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/sk-9.html b/products/sk-9.html
new file mode 100644
index 0000000..e0cd067
--- /dev/null
+++ b/products/sk-9.html
@@ -0,0 +1,179 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Socks-9</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 90%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 80%;
+    }
+    #cont>div{
+        margin: auto;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"JOMA SOCKS WITH COTTON FOOT (RED)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=780,height=780,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/JM400476600RD.jpg",
+            desc:"Joma Socks With Cotton Foot (Red)",
+            price:"₹ 299",
+            id:"sk-9.html",
+            rate:"299"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+
+    let size=document.createElement("p")
+    size.innerText="Size: "+data.size
+
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/skating.html b/products/skating.html
new file mode 100644
index 0000000..8f3c811
--- /dev/null
+++ b/products/skating.html
@@ -0,0 +1,209 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Skating</title>
+    <style>
+body{
+    padding: 0px;
+    margin: 0px;
+    width: 100%;
+}
+.navbar{
+    background-color: black;
+    width: 100%;
+    color: white;
+    display: flex;
+    justify-content: end;
+}
+.navbar>p{
+    margin-right: 2%;
+}
+.menu{
+    width: 95%;
+    margin: auto;
+    margin-top:1%;
+    display: flex;
+    justify-content: space-between;
+}
+#search{
+    border: 1px solid black;
+    border-radius: 5px;
+    width: 30%;
+    margin: 1%;
+}
+#line{
+    border: 1px solid rgb(243, 231, 231);
+}
+.catogary{
+    margin-left: 2%;
+}
+div>.cato{
+    text-decoration: none;
+    color: black;
+    font-weight: 400;
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    padding:9px;
+}
+.cato:hover{
+    color:white;
+    background-color: black;
+}
+#display{
+    display: grid;
+    width: 90%;
+    margin: auto;
+    grid-template-columns: repeat(3,1fr);
+    gap: 2%;
+}
+#display>div{
+    text-align: center;
+    /* border: 1px solid black; */
+    text-decoration: none;
+    color: black;
+}
+#display>div>a{
+    text-decoration: none;
+    color: black;
+}
+#display>div:hover{
+    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
+}
+#display>div>a>img{
+    width: 100%;
+}
+#display>div>a>p:nth-child(4){
+    color: orange;
+}
+#display>div>a>h2{
+    font-size: 15px;
+    font-weight: 500;
+}
+.menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="display">
+
+    </div>
+</body>
+<script>
+    let data=[
+        {
+            name:"YONKER GRIPPER ROLLER SKATES",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/ys1104_l.jpg",
+            desc:"Yonker Shoe Skates Gripper - Ideal for Beginners. Yonker is among India's first professional roller skates manufacturers with international standard products.",
+            price:"₹ 1,705",
+            discount:"0% OFF",
+            id:"st-1.html",
+            rate:"1705"
+        },
+        {
+            name:"YONKER CHETAK",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=780,height=780,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/ys1103_l.jpg",
+            desc:"Yonker Shoe Skates Chetak- Ideal for Beginners. Yonker is among India's first professional roller skates manufacturers with international standard products.",
+            price:"₹ 1,890",
+            discount:"10% OFF",
+            id:"st-2.html",
+            rate:"1890"
+        },
+        {
+            name:"YONKER SPEED MASTER ROLLER SKATES",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/ys1102_l.jpg",
+            desc:"Yonker Shoe Skates Speed Master Yonker is among India's first professional roller skates manufacturers with international standard products.",
+            price:"₹ 1,925",
+            discount:"0% OFF",
+            id:"st-3.html",
+            rate:"1925"
+        },
+        {
+            name:"YONKER TENACITY JR. ROLLER SKATES",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=780,height=780,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/ys1204_l.jpg",
+            desc:"Yonker Adjustable Skates - for Juniors.Yonker is among India's first professional roller skates manufacturers with international standard products.",
+            price:"₹ 680",
+            discount:"0% OFF",
+            id:"st-4.html",
+            rate:"680"
+        },
+        {
+            name:"YONKER BLACKEN ROLLER SKATES",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=undefined,height=undefined,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/ys1205_l.jpg",
+            desc:"Yonker Adjustable Skates. Yonker is among India's first professional roller skates manufacturers with international standard products.",
+            price:"₹ 720",
+            discount:"0% OFF",
+            id:"st-5.html",
+            rate:"720"
+        },
+        {
+            name:"YONKER ELITE JR. ROLLER SKATES",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=780,height=780,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/ys1202_l.jpg",
+            desc:"Yonker Adjustable Skates - for Juniors. Yonker is among India's first professional roller skates manufacturers with international standard products.",
+            price:"₹ 730",
+            discount:"0% OFF",
+            id:"st-6.html",
+            rate:"730"
+        }
+    ]
+    let parent=document.getElementById("display")
+
+function display(data){
+    display.innerHTML="";
+    for (let i=0;i<data.length;i++){
+        let card=document.createElement("div")
+        
+        let link=document.createElement("a")
+        link.setAttribute("href",data[i].id)
+        let image=document.createElement("img")
+        image.setAttribute("src",data[i].image)
+        let line=document.createElement("hr")
+        let h2=document.createElement("h2")
+        h2.innerText=data[i].name;
+
+        let price=document.createElement("p")
+        price.innerText=data[i].price;
+
+        let dis=document.createElement("p")
+        dis.innerText=data[i].discount
+
+        link.append(image,line,h2,price,dis);
+        card.append(link)
+        parent.append(card)
+    }
+}
+display(data)
+
+let count=JSON.parse(localStorage.getItem("cart-list"));
+document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/socks.html b/products/socks.html
new file mode 100644
index 0000000..9105369
--- /dev/null
+++ b/products/socks.html
@@ -0,0 +1,246 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Socks</title>
+    <style>
+body{
+    padding: 0px;
+    margin: 0px;
+    width: 100%;
+}
+.navbar{
+    background-color: black;
+    width: 100%;
+    color: white;
+    display: flex;
+    justify-content: end;
+}
+.navbar>p{
+    margin-right: 2%;
+}
+.menu{
+    width: 95%;
+    margin: auto;
+    margin-top:1%;
+    display: flex;
+    justify-content: space-between;
+}
+#search{
+    border: 1px solid black;
+    border-radius: 5px;
+    width: 30%;
+    margin: 1%;
+}
+#line{
+    border: 1px solid rgb(243, 231, 231);
+}
+.catogary{
+    margin-left: 2%;
+}
+div>.cato{
+    text-decoration: none;
+    color: black;
+    font-weight: 400;
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    padding:9px;
+}
+.cato:hover{
+    color:white;
+    background-color: black;
+}
+#display{
+    display: grid;
+    width: 90%;
+    margin: auto;
+    grid-template-columns: repeat(3,1fr);
+    gap: 2%;
+}
+#display>div{
+    text-align: center;
+    /* border: 1px solid black; */
+    text-decoration: none;
+    color: black;
+}
+#display>div>a{
+    text-decoration: none;
+    color: black;
+}
+#display>div:hover{
+    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
+}
+#display>div>a>img{
+    width: 100%;
+}
+#display>div>a>p:nth-child(4){
+    color: orange;
+}
+#display>div>a>h2{
+    font-size: 15px;
+    font-weight: 500;
+}
+.menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="display">
+
+    </div>
+</body>
+<script>
+    let data=[
+        {
+            name:"JOMA ANKLE SOCKS (WHITE)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=undefined,height=undefined,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/JM400027P02.jpg",
+            desc:"Joma Ankle Socks (White)",
+            price:"₹ 199",
+            discount:"20% OFF",
+            id:"sk-1.html",
+            rate:"199"
+        },
+        {
+            name:"JOMA ANKLE SOCKS (BLACK)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=undefined,height=undefined,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/JM400027P01.jpg",
+            desc:"Joma Ankle Socks (Black)",
+            price:"₹ 199",
+            discount:"20% OFF",
+            id:"sk-2.html",
+            rate:"199"
+        },
+        {
+            name:"JOMA MEDIUM SOCKS (BLACK)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=780,height=780,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/JM400030P01.jpg",
+            desc:"Joma Medium Socks (Black)",
+            price:"₹ 299",
+            discount:"19% OFF",
+            id:"sk-3.html",
+            rate:"299"
+        },
+        {
+            name:"JOMA MEDIUM SOCKS WHITE",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=undefined,height=undefined,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/JM400030P02WH.jpg",
+            desc:"Joma Medium Socks White",
+            price:"₹ 249",
+            discount:"17% OFF",
+            id:"sk-4.html",
+            rate:"249"
+        },
+        {
+            name:"JOMA SOCKS WITH COTTON FOOT (DARK NAVY)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=780,height=780,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/JM400476331DN.jpg",
+            desc:"Joma Socks With Cotton Foot (Dark Navy)",
+            price:"₹ 299",
+            discount:"27% OFF",
+            id:"sk-5.html",
+            rate:"299"
+        },
+        {
+            name:"JOMA LARGE SOCKS WHITE",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=undefined,height=undefined,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/JM400032P02WH.jpg",
+            desc:"Joma Large Socks White",
+            price:"₹ 275",
+            discount:"25% OFF",
+            id:"sk-6.html",
+            rate:"275"
+        },
+        {
+            name:"JOMA LARGE SOCKS BLACK",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=undefined,height=undefined,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/JM400032P01BLK.jpg",
+            desc:"Joma Large Socks Black",
+            price:"₹ 275",
+            discount:"0% OFF",
+            id:"sk-7.html",
+            rate:"275"
+        },
+        {
+            name:"JOMA SOCKS WITH COTTON FOOT (ROYAL)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=undefined,height=undefined,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/JM400476700RY.jpg",
+            desc:"Joma Socks With Cotton Foot (Royal)",
+            price:"₹ 299",
+            discount:"0% OFF",
+            id:"sk-8.html",
+            rate:"299"
+        },
+        {
+            name:"JOMA SOCKS WITH COTTON FOOT (RED)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=780,height=780,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/JM400476600RD.jpg",
+            desc:"Joma Socks With Cotton Foot (Red)",
+            price:"₹ 299",
+            discount:"0% OFF",
+            id:"sk-9.html",
+            rate:"299"
+        },
+        {
+            name:"YONEX ANKLE SOCKS (2161A-BLACK/STEEL GREY/NAVY)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=780,height=780,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/YXACSCK2161ABGN.jpg",
+            desc:"Yonex Ankle Socks (2161A-Black/Steel Grey/Navy)",
+            price:"₹ 449",
+            discount:"0% OFF",
+            discount:"15% OFF",
+            id:"sk-10.html",
+            rate:"449"
+        }
+    ]
+    let parent=document.getElementById("display")
+
+function display(data){
+    display.innerHTML="";
+    for (let i=0;i<data.length;i++){
+        let card=document.createElement("div")
+        
+        let link=document.createElement("a")
+        link.setAttribute("href",data[i].id)
+        let image=document.createElement("img")
+        image.setAttribute("src",data[i].image)
+        let line=document.createElement("hr")
+        let h2=document.createElement("h2")
+        h2.innerText=data[i].name;
+
+        let price=document.createElement("p")
+        price.innerText=data[i].price;
+
+        let dis=document.createElement("p")
+        dis.innerText=data[i].discount
+
+        link.append(image,line,h2,price,dis);
+        card.append(link)
+        parent.append(card)
+    }
+}
+display(data)
+
+let count=JSON.parse(localStorage.getItem("cart-list"));
+document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/st-1.html b/products/st-1.html
new file mode 100644
index 0000000..de487fd
--- /dev/null
+++ b/products/st-1.html
@@ -0,0 +1,172 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Skating-1</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 90%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 100%;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"YONKER GRIPPER ROLLER SKATES",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/ys1104_l.jpg",
+            desc:"Yonker Shoe Skates Gripper - Ideal for Beginners. Yonker is among India's first professional roller skates manufacturers with international standard products.",
+            price:"₹ 1,705",
+            id:"st-1.html",
+            rate:"1705"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,price,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/st-2.html b/products/st-2.html
new file mode 100644
index 0000000..bbfc840
--- /dev/null
+++ b/products/st-2.html
@@ -0,0 +1,173 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Skating-2</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 90%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 100%;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"YONKER CHETAK",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=780,height=780,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/ys1103_l.jpg",
+            desc:"Yonker Shoe Skates Chetak- Ideal for Beginners. Yonker is among India's first professional roller skates manufacturers with international standard products.",
+            price:"₹ 1,890",
+            discount:"10% OFF",
+            id:"st-2.html",
+            rate:"1890"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/st-3.html b/products/st-3.html
new file mode 100644
index 0000000..0e28c12
--- /dev/null
+++ b/products/st-3.html
@@ -0,0 +1,172 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Skating-3</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 90%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 100%;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"YONKER SPEED MASTER ROLLER SKATES",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/ys1102_l.jpg",
+            desc:"Yonker Shoe Skates Speed Master Yonker is among India's first professional roller skates manufacturers with international standard products.",
+            price:"₹ 1,925",
+            id:"st-3.html",
+            rate:"1925"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,price,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/st-4.html b/products/st-4.html
new file mode 100644
index 0000000..9e5699e
--- /dev/null
+++ b/products/st-4.html
@@ -0,0 +1,172 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Skating-4</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 90%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 100%;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"YONKER TENACITY JR. ROLLER SKATES",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=780,height=780,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/ys1204_l.jpg",
+            desc:"Yonker Adjustable Skates - for Juniors.Yonker is among India's first professional roller skates manufacturers with international standard products.",
+            price:"₹ 680",
+            id:"st-4.html",
+            rate:"680"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,price,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/st-5.html b/products/st-5.html
new file mode 100644
index 0000000..e188748
--- /dev/null
+++ b/products/st-5.html
@@ -0,0 +1,172 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Skating-5</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 90%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 100%;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"YONKER BLACKEN ROLLER SKATES",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=undefined,height=undefined,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/ys1205_l.jpg",
+            desc:"Yonker Adjustable Skates. Yonker is among India's first professional roller skates manufacturers with international standard products.",
+            price:"₹ 720",
+            id:"st-5.html",
+            rate:"720"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,price,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/st-6.html b/products/st-6.html
new file mode 100644
index 0000000..772e76a
--- /dev/null
+++ b/products/st-6.html
@@ -0,0 +1,172 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Skating-6</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 90%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 100%;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"YONKER ELITE JR. ROLLER SKATES",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=780,height=780,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/ys1202_l.jpg",
+            desc:"Yonker Adjustable Skates - for Juniors. Yonker is among India's first professional roller skates manufacturers with international standard products.",
+            price:"₹ 730",
+            id:"st-6.html",
+            rate:"730"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,price,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/t-shirt.html b/products/t-shirt.html
new file mode 100644
index 0000000..79f7f19
--- /dev/null
+++ b/products/t-shirt.html
@@ -0,0 +1,357 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>T-Shirts</title>
+    <style>
+body{
+    padding: 0px;
+    margin: 0px;
+    width: 100%;
+}
+.navbar{
+    background-color: black;
+    width: 100%;
+    color: white;
+    display: flex;
+    justify-content: end;
+}
+.navbar>p{
+    margin-right: 2%;
+}
+.menu{
+    width: 95%;
+    margin: auto;
+    margin-top:1%;
+    display: flex;
+    justify-content: space-between;
+}
+#search{
+    border: 1px solid black;
+    border-radius: 5px;
+    width: 30%;
+    margin: 1%;
+}
+#line{
+    border: 1px solid rgb(243, 231, 231);
+}
+.catogary{
+    margin-left: 2%;
+}
+div>.cato{
+    text-decoration: none;
+    color: black;
+    font-weight: 400;
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    padding:9px;
+}
+.cato:hover{
+    color:white;
+    background-color: black;
+}
+#display{
+    display: grid;
+    width: 90%;
+    margin: auto;
+    grid-template-columns: repeat(3,1fr);
+    gap: 2%;
+}
+#display>div{
+    text-align: center;
+    /* border: 1px solid black; */
+    text-decoration: none;
+    color: black;
+}
+#display>div>a{
+    text-decoration: none;
+    color: black;
+}
+#display>div:hover{
+    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
+}
+#display>div>a>img{
+    width: 100%;
+}
+#display>div>a>p:nth-child(4){
+    color: orange;
+}
+#display>div>a>h2{
+    font-size: 15px;
+    font-weight: 500;
+}
+.menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="display">
+
+    </div>
+</body>
+<script>
+    let data=[
+        {
+            name:"HEAD MENS ROUND NECK T-SHIRT (SKY BLUE -374)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/HDHCD374.jpg",
+            desc:"Head Mens Round Neck T-Shirt (Sky Blue -374)",
+            price:"₹ 775",
+            discount:"14% OFF",
+            size:"S",
+            id:"ts-1.html",
+            rate:"775"
+        },
+        {
+            name:"HEAD MENS ROUND NECK T-SHIRT (SKY BLUE -374)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/HDHCD374.jpg",
+            desc:"Head Mens Round Neck T-Shirt (Sky Blue -374)",
+            price:"₹ 775",
+            discount:"14% OFF",
+            size:"M",
+            id:"ts-2.html",
+            rate:"775"
+        },
+        {
+            name:"HEAD MENS ROUND NECK T-SHIRT (SKY BLUE -374)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/HDHCD374.jpg",
+            desc:"Head Mens Round Neck T-Shirt (Sky Blue -374)",
+            price:"₹ 775",
+            discount:"14% OFF",
+            size:"L",
+            id:"ts-3.html",
+            rate:"775"
+        },
+        {
+            name:"HEAD MENS POLO T-SHIRT (PISTA/ORANGE - 369)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/HDHCD369.jpg",
+            desc:"Head Mens Polo T-Shirt (Pista/Orange - 369)",
+            price:"₹ 849",
+            discount:"15% OFF",
+            size:"S",
+            id:"ts-4.html",
+            rate:"849"
+        },
+        {
+            name:"HEAD MENS POLO T-SHIRT (PISTA/ORANGE - 369)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/HDHCD369.jpg",
+            desc:"Head Mens Polo T-Shirt (Pista/Orange - 369)",
+            price:"₹ 849",
+            discount:"15% OFF",
+            size:"M",
+            id:"ts-5.html",
+            rate:"849"
+        },
+        {
+            name:"HEAD MENS POLO T-SHIRT (PISTA/ORANGE - 369)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/HDHCD369.jpg",
+            desc:"Head Mens Polo T-Shirt (Pista/Orange - 369)",
+            price:"₹ 849",
+            discount:"15% OFF",
+            size:"L",
+            id:"ts-6.html",
+            rate:"849"
+        },
+        {
+            name:"HEAD MENS ROUND NECK T-SHIRT (CHARCOAL - 363)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/HDHCD363.jpg",
+            desc:"Head Mens Round Neck T-Shirt (Charcoal - 363)",
+            price:"₹ 675",
+            discount:"0% OFF",
+            size:"S",
+            id:"ts-7.html",
+            rate:"675"
+        },
+        {
+            name:"HEAD MENS ROUND NECK T-SHIRT (CHARCOAL - 363)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/HDHCD363.jpg",
+            desc:"Head Mens Round Neck T-Shirt (Charcoal - 363)",
+            price:"₹ 675",
+            discount:"0% OFF",
+            size:"M",
+            id:"ts-8.html",
+            rate:"675"
+        },
+        {
+            name:"HEAD MENS ROUND NECK T-SHIRT (CHARCOAL - 363)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/HDHCD363.jpg",
+            desc:"Head Mens Round Neck T-Shirt (Charcoal - 363)",
+            price:"₹ 675",
+            discount:"0% OFF",
+            size:"L",
+            id:"ts-9.html",
+            rate:"675"
+        },
+        {
+            name:"HEAD MENS POLO T-SHIRT (RED/WHITE - 371)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/HDHCD371.jpg",
+            desc:"Head Mens Polo T-Shirt (Red/White - 371)",
+            price:"₹ 849",
+            size:"S",
+            discount:"15% OFF",
+            id:"ts-10.html",
+            rate:"849"
+        },
+        {
+            name:"HEAD MENS POLO T-SHIRT (RED/WHITE - 371)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/HDHCD371.jpg",
+            desc:"Head Mens Polo T-Shirt (Red/White - 371)",
+            price:"₹ 849",
+            size:"M",
+            discount:"15% OFF",
+            id:"ts-11.html",
+            rate:"849"
+        },
+        {
+            name:"HEAD MENS POLO T-SHIRT (RED/WHITE - 371)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/HDHCD371.jpg",
+            desc:"Head Mens Polo T-Shirt (Red/White - 371)",
+            price:"₹ 849",
+            size:"L",
+            discount:"15% OFF",
+            id:"ts-12.html",
+            rate:"849"
+        },
+        {
+            name:"YONEX MENS POLO T-SHIRT (2402 - PATRIOT BLUE)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/YNTSM2402PB.jpg",
+            desc:"Yonex Mens Polo T-Shirt (2402 - Patriot Blue)",
+            price:"₹ 999",
+            size:"S",
+            discount:"28% OFF",
+            id:"ts-13.html",
+            rate:"999"
+        },
+        {
+            name:"YONEX MENS POLO T-SHIRT (2402 - PATRIOT BLUE)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/YNTSM2402PB.jpg",
+            desc:"Yonex Mens Polo T-Shirt (2402 - Patriot Blue)",
+            price:"₹ 999",
+            size:"M",
+            discount:"28% OFF",
+            id:"ts-14.html",
+            rate:"999"
+        },
+        {
+            name:"YONEX MENS POLO T-SHIRT (2402 - PATRIOT BLUE)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/YNTSM2402PB.jpg",
+            desc:"Yonex Mens Polo T-Shirt (2402 - Patriot Blue)",
+            price:"₹ 999",
+            size:"L",
+            discount:"28% OFF",
+            id:"ts-15.html",
+            rate:"999"
+        },
+        {
+            name:"JOMA SMASH SHORT SLEEV MENS T-SHIRTS (BLUE)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/JM102598728BL.jpg",
+            desc:"Joma Smash Short Sleev Mens T-Shirts (Blue)",
+            price:"₹ 1,349",
+            size:"S",
+            discount:"25% OFF",
+            id:"ts-16.html",
+            rate:"1349"
+        },
+        {
+            name:"JOMA SMASH SHORT SLEEV MENS T-SHIRTS (BLUE)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/JM102598728BL.jpg",
+            desc:"Joma Smash Short Sleev Mens T-Shirts (Blue)",
+            price:"₹ 1,349",
+            size:"M",
+            discount:"25% OFF",
+            id:"ts-17.html",
+            rate:"1349"
+        },
+        {
+            name:"JOMA SMASH SHORT SLEEV MENS T-SHIRTS (BLUE)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/JM102598728BL.jpg",
+            desc:"Joma Smash Short Sleev Mens T-Shirts (Blue)",
+            price:"₹ 1,349",
+            size:"L",
+            discount:"25% OFF",
+            id:"ts-18.html",
+            rate:"1349"
+        },
+        {
+            name:"JOMA CHALLENGE SHORTS SLEEV MENS T-SHIRTS (GREY)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/JM102628200GY.jpg",
+            desc:"Joma Challenge Shorts Sleev Mens T-Shirts (Grey)",
+            price:"₹ 1,599",
+            size:"M",
+            discount:"24% OFF",
+            id:"ts-19.html",
+            rate:"1599"
+        },
+        {
+            name:"JOMA CHALLENGE SHORTS SLEEV MENS T-SHIRTS (GREY)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/JM102628200GY.jpg",
+            desc:"Joma Challenge Shorts Sleev Mens T-Shirts (Grey)",
+            price:"₹ 1,599",
+            size:"L",
+            discount:"24% OFF",
+            id:"ts-20.html",
+            rate:"1599"
+        }
+    ]
+    let parent=document.getElementById("display")
+
+function display(data){
+    display.innerHTML="";
+    for (let i=0;i<data.length;i++){
+        let card=document.createElement("div")
+        
+        let link=document.createElement("a")
+        link.setAttribute("href",data[i].id)
+        let image=document.createElement("img")
+        image.setAttribute("src",data[i].image)
+
+        let line=document.createElement("hr")
+
+        let h2=document.createElement("h2")
+        h2.innerText=data[i].name;
+
+        let price=document.createElement("p")
+        price.innerText=data[i].price;
+
+        let dis=document.createElement("p")
+        dis.innerText=data[i].discount
+
+        link.append(image,line,h2,price,dis);
+        card.append(link)
+        parent.append(card)
+    }
+}
+display(data)
+
+let count=JSON.parse(localStorage.getItem("cart-list"));
+document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/teamindia.html b/products/teamindia.html
new file mode 100644
index 0000000..3b74d95
--- /dev/null
+++ b/products/teamindia.html
@@ -0,0 +1,196 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Teamindia</title>
+    <style>
+body{
+    padding: 0px;
+    margin: 0px;
+    width: 100%;
+}
+.navbar{
+    background-color: black;
+    width: 100%;
+    color: white;
+    display: flex;
+    justify-content: end;
+}
+.navbar>p{
+    margin-right: 2%;
+}
+.menu{
+    width: 95%;
+    margin: auto;
+    margin-top:1%;
+    display: flex;
+    justify-content: space-between;
+}
+#search{
+    border: 1px solid black;
+    border-radius: 5px;
+    width: 30%;
+    margin: 1%;
+}
+#line{
+    border: 1px solid rgb(243, 231, 231);
+}
+.catogary{
+    margin-left: 2%;
+}
+div>.cato{
+    text-decoration: none;
+    color: black;
+    font-weight: 400;
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    padding:9px;
+}
+.cato:hover{
+    color:white;
+    background-color: black;
+}
+#display{
+    display: grid;
+    width: 90%;
+    margin: auto;
+    grid-template-columns: repeat(3,1fr);
+    gap: 2%;
+}
+#display>div{
+    text-align: center;
+    /* border: 1px solid black; */
+    text-decoration: none;
+    color: black;
+}
+#display>div>a{
+    text-decoration: none;
+    color: black;
+}
+#display>div:hover{
+    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
+}
+#display>div>a>img{
+    width: 100%;
+}
+#display>div>a>p:nth-child(4){
+    color: orange;
+}
+#display>div>a>h2{
+    font-size: 15px;
+    font-weight: 500;
+}
+.menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="display">
+
+    </div>
+</body>
+<script>
+    let data=[
+        {
+            name:"NIKE TEAM INDIA SUPPORTER TEE",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/NK488191-480L.jpg",
+            desc:"Nike India Team Supporter Tee",
+            size:"S",
+            price:"₹ 795",
+            discount:"27% OFF",
+            id:"ti-1.html",
+            rate:"795"
+        },
+        {
+            name:"NIKE TEAM INDIA SUPPORTER TEE",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/NK488191-480L.jpg",
+            desc:"Nike India Team Supporter Tee",
+            size:"M",
+            price:"₹ 795",
+            discount:"27% OFF",
+            id:"ti-2.html",
+            rate:"795"
+        },
+        {
+            name:"NIKE TEAM INDIA SUPPORTER TEE",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/NK488191-480L.jpg",
+            desc:"Nike India Team Supporter Tee",
+            size:"L",
+            price:"₹ 795",
+            discount:"27% OFF",
+            id:"ti-3.html",
+            rate:"795"
+        },
+        {
+            name:"NIKE TEAM INDIA SUPPORTER TEE",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/NK488191-480L.jpg",
+            desc:"Nike India Team Supporter Tee",
+            size:"XL",
+            price:"₹ 795",
+            discount:"27% OFF",
+            id:"ti-4.html",
+            rate:"795"
+        }
+    ]
+    let parent=document.getElementById("display")
+
+function display(data){
+    display.innerHTML="";
+    for (let i=0;i<data.length;i++){
+        let card=document.createElement("div")
+        
+        let link=document.createElement("a")
+        link.setAttribute("href",data[i].id)
+        let image=document.createElement("img")
+        image.setAttribute("src",data[i].image)
+
+        let line=document.createElement("hr")
+        
+        let h2=document.createElement("h2")
+        h2.innerText=data[i].name;
+
+        let price=document.createElement("p")
+        price.innerText=data[i].price;
+
+        let dis=document.createElement("p")
+        dis.innerText=data[i].discount
+        link.append(image,line,h2,price,dis);
+        card.append(link)
+        parent.append(card)
+    }
+}
+display(data)
+
+let count=JSON.parse(localStorage.getItem("cart-list"));
+document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/ti-1.html b/products/ti-1.html
new file mode 100644
index 0000000..6eaace4
--- /dev/null
+++ b/products/ti-1.html
@@ -0,0 +1,179 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Teamindia-1</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 85%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 80%;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"NIKE TEAM INDIA SUPPORTER TEE",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/NK488191-480L.jpg",
+            desc:"Nike India Team Supporter Tee",
+            size:"S",
+            price:"₹ 795",
+            discount:"27% OFF",
+            id:"ti-1.html",
+            rate:"795"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+
+    let size=document.createElement("p")
+    size.innerText="Size: "+data.size
+
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,size,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/ti-2.html b/products/ti-2.html
new file mode 100644
index 0000000..d6e0dfc
--- /dev/null
+++ b/products/ti-2.html
@@ -0,0 +1,176 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Teamindia-2</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 85%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 80%;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"NIKE TEAM INDIA SUPPORTER TEE",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/NK488191-480L.jpg",
+            desc:"Nike India Team Supporter Tee",
+            size:"M",
+            price:"₹ 795",
+            discount:"27% OFF",
+            id:"ti-2.html",
+            rate:"795"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+    let size=document.createElement("p")
+    size.innerText="Size: "+data.size   
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,size,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/ti-3.html b/products/ti-3.html
new file mode 100644
index 0000000..1091f4a
--- /dev/null
+++ b/products/ti-3.html
@@ -0,0 +1,176 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Teamindia-3</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 85%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 80%;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"NIKE TEAM INDIA SUPPORTER TEE",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/NK488191-480L.jpg",
+            desc:"Nike India Team Supporter Tee",
+            size:"L",
+            price:"₹ 795",
+            discount:"27% OFF",
+            id:"ti-3.html",
+            rate:"795"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+    let size=document.createElement("p")
+    size.innerText="Size: "+data.size
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,size,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/ti-4.html b/products/ti-4.html
new file mode 100644
index 0000000..8911112
--- /dev/null
+++ b/products/ti-4.html
@@ -0,0 +1,176 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Teamindia-4</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 85%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 80%;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"NIKE TEAM INDIA SUPPORTER TEE",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/NK488191-480L.jpg",
+            desc:"Nike India Team Supporter Tee",
+            size:"XL",
+            price:"₹ 795",
+            discount:"27% OFF",
+            id:"ti-4.html",
+            rate:"795"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+    let size=document.createElement("p")
+    size.innerText="Size: "+data.size
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,size,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/tr-1.html b/products/tr-1.html
new file mode 100644
index 0000000..ac0b3d0
--- /dev/null
+++ b/products/tr-1.html
@@ -0,0 +1,173 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Treadmill-1</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 90%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 100%;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"ASSAULT ELITE AIRRUNNER",
+        image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=undefined,height=undefined,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/ASELTAIRRUNNER.jpg",
+        desc:"Built for both speed and comfort, the AssaultRunner Elite raises the standards of what’s expected of a manual treadmill. The AssaultRunner Elite pushes you to challenge the limits of your training from the comfort of your own home or gym. No other non-motorized treads come close to the AssaultRunner’s commercially-built frame structure, upgraded center console design, or onboard programming features. Plus, it’s compact, low-maintenance, easy to transport and requi",
+        price:"₹ 6,49,999",
+        discount:"6% OFF",
+        id:"tr-1.html",
+        rate:"649999"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/tr-10.html b/products/tr-10.html
new file mode 100644
index 0000000..9f0568e
--- /dev/null
+++ b/products/tr-10.html
@@ -0,0 +1,173 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Treadmill-10</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 85%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 100%;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"POWERMAX TDM-97 MOTORIZED TREADMILL",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=780,height=780,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/PMTDM97M.jpg",
+            desc:"Motorized Treadmill Multi-ply polyester satin weave with a PVC non-slip surface of 1.8mm thickness",
+            price:"₹ 33,999",
+            discount:"25% OFF",
+            id:"tr-10.html",
+            rate:"33999"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/tr-11.html b/products/tr-11.html
new file mode 100644
index 0000000..356fa2a
--- /dev/null
+++ b/products/tr-11.html
@@ -0,0 +1,173 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Treadmill-11</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 85%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 100%;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"POWERMAX TDM-105 MOTORIZED TREADMILL",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=780,height=780,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/PMTDM105M.jpg",
+            desc:"Motorized Treadmill Multi-ply polyester satin weave with a PVC non-slip surface of 1.8mm thickness",
+            price:"₹ 40,999",
+            discount:"35% OFF",
+            id:"tr-11.html",
+            rate:"40999"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/tr-12.html b/products/tr-12.html
new file mode 100644
index 0000000..0196c3f
--- /dev/null
+++ b/products/tr-12.html
@@ -0,0 +1,173 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Treadmill-12</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 85%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 100%;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"POWERMAX TDA-600 MOTORIZED TREADMILL",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=780,height=780,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/PMTDA600.jpg",
+            desc:"Motorized Treadmill Multi-ply polyester satin weave with a PVC non-slip surface of 1.8mm thickness",
+            price:"₹ 93,999",
+            discount:"35% OFF",
+            id:"tr-12.html",
+            rate:"93999"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/tr-2.html b/products/tr-2.html
new file mode 100644
index 0000000..1c28405
--- /dev/null
+++ b/products/tr-2.html
@@ -0,0 +1,173 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Treadmill-2</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 85%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 100%;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"POWERMAX TAC 510 SEMI COMMERCIAL AC MOTOR TREADMILL",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=780,height=780,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/PMTAC510ACTM.jpg",
+            desc:"Powermax TAC 510 Semi Commercial AC Motor Treadmill",
+            price:"₹ 94,999",
+            discount:"41% OFF",
+            id:"tr-2.html",
+            rate:"94999"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/tr-3.html b/products/tr-3.html
new file mode 100644
index 0000000..a4b5ca6
--- /dev/null
+++ b/products/tr-3.html
@@ -0,0 +1,173 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Treadmill-3</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 85%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 100%;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"POWERMAX TDA-590 MOTORIZED TREADMILL",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=780,height=780,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/PMTDA590M.jpg",
+            desc:"Powermax TDA-590 Motorized Treadmill",
+            price:"₹ 99,999",
+            discount:"35% OFF",
+            id:"tr-3.html",
+            rate:"99999"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/tr-4.html b/products/tr-4.html
new file mode 100644
index 0000000..c56371e
--- /dev/null
+++ b/products/tr-4.html
@@ -0,0 +1,173 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Treadmill-4</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 85%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 100%;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"POWERMAX TDA-600 MOTORIZED TREADMILL",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=780,height=780,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/PMTDA600.jpg",
+            desc:"Motorized Treadmill Multi-ply polyester satin weave with a PVC non-slip surface of 1.8mm thickness",
+            price:"₹ 93,999",
+            discount:"35% OFF",
+            id:"tr-4.html",
+            rate:"93999"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/tr-5.html b/products/tr-5.html
new file mode 100644
index 0000000..7ddd14a
--- /dev/null
+++ b/products/tr-5.html
@@ -0,0 +1,173 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Treadmill-5</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 85%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 100%;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"POWERMAX TDM-100 MOTORIZED TREADMILL",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=780,height=780,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/PMTDM100.jpg",
+            desc:"Motorized Treadmill Multi-ply polyester satin weave with a PVC non-slip surface of 1.8mm thickness",
+            price:"₹ 34,999",
+            discount:"35% OFF",
+            id:"tr-5.html",
+            rate:"34999"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/tr-6.html b/products/tr-6.html
new file mode 100644
index 0000000..ec8a515
--- /dev/null
+++ b/products/tr-6.html
@@ -0,0 +1,173 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Treadmill-6</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 85%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 100%;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"POWERMAX TDA-575 MULTIFUNCTION MOTORIZED TREADMILL",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=780,height=780,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/PMTDA575MF.jpg",
+            desc:"Multifunction Motorized Treadmill Multi-ply polyester satin weave with a PVC non-slip surface of 1.8mm thickness",
+            price:"₹ 96,999",
+            discount:"35% OFF",
+            id:"tr-6.html",
+            rate:"96999"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/tr-7.html b/products/tr-7.html
new file mode 100644
index 0000000..1d4445d
--- /dev/null
+++ b/products/tr-7.html
@@ -0,0 +1,173 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Treadmill-7</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 85%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 100%;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"POWERMAX TDM-115S AUTO LUBRICATION",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=780,height=780,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/PMTDM115S.jpg",
+            desc:"Auto Lubrication Multi-ply urethane coated high conductivity polyester satin weave with a PVC non-slip surface of 1.8mm thickness",
+            price:"₹ 39,699",
+            discount:"35% OFF",
+            id:"tr-7.html",
+            rate:"39699"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/tr-8.html b/products/tr-8.html
new file mode 100644
index 0000000..fd6ba22
--- /dev/null
+++ b/products/tr-8.html
@@ -0,0 +1,173 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Treadmill-8</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 85%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 100%;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"HORIZON TEMPO T903 MOTORIZED TREADMILL",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=780,height=780,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/HRTRTMT903.jpg",
+            desc:"Horizon Tempo T903 Motorized Treadmill is a 1.5 CHP motor treadmill from Tempo Fitness (sub-division of the ever popular Horizon Fitness Brand). The incline of 0-10% adds variety and intensity at the touch of a button. The treadmill has FLEX tech Cushioning which delivers the perfect amount of shock absorption.",
+            price:"₹ 84,915",
+            discount:"15% OFF",
+            id:"tr-8.html",
+            rate:"84915"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/tr-9.html b/products/tr-9.html
new file mode 100644
index 0000000..1ae5308
--- /dev/null
+++ b/products/tr-9.html
@@ -0,0 +1,173 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Treadmill-9</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 85%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 100%;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"PROLINE FITNESS TM 5000 TREADMILL",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=780,height=780,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/PRFTTRTM5000.jpg",
+            desc:"Proline Fitness TM 5000 Treadmill has a 3.0HP AC motor with 18 pre-set programs to enable your choice of workout.",
+            price:"₹ 1,98,900",
+            discount:"15% OFF",
+            id:"tr-9.html",
+            rate:"198900"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/treadmills.html b/products/treadmills.html
new file mode 100644
index 0000000..a190ef5
--- /dev/null
+++ b/products/treadmills.html
@@ -0,0 +1,265 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Treadmills</title>
+    <style>
+body{
+    padding: 0px;
+    margin: 0px;
+    width: 100%;
+}
+.navbar{
+    background-color: black;
+    width: 100%;
+    color: white;
+    display: flex;
+    justify-content: end;
+}
+.navbar>p{
+    margin-right: 2%;
+}
+.menu{
+    width: 95%;
+    margin: auto;
+    margin-top:1%;
+    display: flex;
+    justify-content: space-between;
+}
+#search{
+    border: 1px solid black;
+    border-radius: 5px;
+    width: 30%;
+    margin: 1%;
+}
+#line{
+    border: 1px solid rgb(243, 231, 231);
+}
+.catogary{
+    margin-left: 2%;
+}
+div>.cato{
+    text-decoration: none;
+    color: black;
+    font-weight: 400;
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    padding:9px;
+}
+.cato:hover{
+    color:white;
+    background-color: black;
+}
+#display{
+    display: grid;
+    width: 90%;
+    margin: auto;
+    grid-template-columns: repeat(3,1fr);
+    gap: 2%;
+}
+#display>div{
+    text-align: center;
+    /* border: 1px solid black; */
+    text-decoration: none;
+    color: black;
+}
+#display>div>a{
+    text-decoration: none;
+    color: black;
+}
+#display>div:hover{
+    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
+}
+#display>div>a>img{
+    width: 100%;
+}
+#display>div>a>p:nth-child(4){
+    color: orange;
+}
+#display>div>a>h2{
+    font-size: 15px;
+    font-weight: 500;
+}
+.menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="display">
+
+    </div>
+</body>
+<script>
+    let data=[
+        {
+            name:"ASSAULT ELITE AIRRUNNER",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=undefined,height=undefined,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/ASELTAIRRUNNER.jpg",
+            desc:"Built for both speed and comfort, the AssaultRunner Elite raises the standards of what’s expected of a manual treadmill. The AssaultRunner Elite pushes you to challenge the limits of your training from the comfort of your own home or gym. No other non-motorized treads come close to the AssaultRunner’s commercially-built frame structure, upgraded center console design, or onboard programming features. Plus, it’s compact, low-maintenance, easy to transport and requi",
+            price:"₹ 6,49,999",
+            discount:"6% OFF",
+            id:"tr-1.html",
+            rate:"649999"
+        },
+        {
+            name:"POWERMAX TAC 510 SEMI COMMERCIAL AC MOTOR TREADMILL",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=780,height=780,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/PMTAC510ACTM.jpg",
+            desc:"Powermax TAC 510 Semi Commercial AC Motor Treadmill",
+            price:"₹ 94,999",
+            discount:"41% OFF",
+            id:"tr-2.html",
+            rate:"94999"
+        },
+        {
+            name:"POWERMAX TDA-590 MOTORIZED TREADMILL",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=780,height=780,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/PMTDA590M.jpg",
+            desc:"Powermax TDA-590 Motorized Treadmill",
+            price:"₹ 99,999",
+            discount:"35% OFF",
+            id:"tr-3.html",
+            rate:"99999"
+        },
+        {
+            name:"POWERMAX TDA-600 MOTORIZED TREADMILL",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=780,height=780,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/PMTDA600.jpg",
+            desc:"Motorized Treadmill Multi-ply polyester satin weave with a PVC non-slip surface of 1.8mm thickness",
+            price:"₹ 93,999",
+            discount:"35% OFF",
+            id:"tr-4.html",
+            rate:"93999"
+        },
+        {
+            name:"POWERMAX TDM-100 MOTORIZED TREADMILL",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=780,height=780,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/PMTDM100.jpg",
+            desc:"Motorized Treadmill Multi-ply polyester satin weave with a PVC non-slip surface of 1.8mm thickness",
+            price:"₹ 34,999",
+            discount:"35% OFF",
+            id:"tr-5.html",
+            rate:"34999"
+        },
+        {
+            name:"POWERMAX TDA-575 MULTIFUNCTION MOTORIZED TREADMILL",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=780,height=780,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/PMTDA575MF.jpg",
+            desc:"Multifunction Motorized Treadmill Multi-ply polyester satin weave with a PVC non-slip surface of 1.8mm thickness",
+            price:"₹ 96,999",
+            discount:"35% OFF",
+            id:"tr-6.html",
+            rate:"96999"
+        },
+        {
+            name:"POWERMAX TDM-115S AUTO LUBRICATION",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=780,height=780,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/PMTDM115S.jpg",
+            desc:"Auto Lubrication Multi-ply urethane coated high conductivity polyester satin weave with a PVC non-slip surface of 1.8mm thickness",
+            price:"₹ 39,699",
+            discount:"35% OFF",
+            id:"tr-7.html",
+            rate:"39699"
+        },
+        {
+            name:"HORIZON TEMPO T903 MOTORIZED TREADMILL",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=780,height=780,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/HRTRTMT903.jpg",
+            desc:"Horizon Tempo T903 Motorized Treadmill is a 1.5 CHP motor treadmill from Tempo Fitness (sub-division of the ever popular Horizon Fitness Brand). The incline of 0-10% adds variety and intensity at the touch of a button. The treadmill has FLEX tech Cushioning which delivers the perfect amount of shock absorption.",
+            price:"₹ 84,915",
+            discount:"15% OFF",
+            id:"tr-8.html",
+            rate:"84915"
+        },
+        {
+            name:"PROLINE FITNESS TM 5000 TREADMILL",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=780,height=780,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/PRFTTRTM5000.jpg",
+            desc:"Proline Fitness TM 5000 Treadmill has a 3.0HP AC motor with 18 pre-set programs to enable your choice of workout.",
+            price:"₹ 1,98,900",
+            discount:"15% OFF",
+            id:"tr-9.html",
+            rate:"198900"
+        },
+        {
+            name:"POWERMAX TDM-97 MOTORIZED TREADMILL",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=780,height=780,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/PMTDM97M.jpg",
+            desc:"Motorized Treadmill Multi-ply polyester satin weave with a PVC non-slip surface of 1.8mm thickness",
+            price:"₹ 33,999",
+            discount:"25% OFF",
+            id:"tr-10.html",
+            rate:"33999"
+        },
+        {
+            name:"POWERMAX TDM-105 MOTORIZED TREADMILL",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=780,height=780,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/PMTDM105M.jpg",
+            desc:"Motorized Treadmill Multi-ply polyester satin weave with a PVC non-slip surface of 1.8mm thickness",
+            price:"₹ 40,999",
+            discount:"35% OFF",
+            id:"tr-11.html",
+            rate:"40999"
+        },
+        {
+            name:"POWERMAX TDA-600 MOTORIZED TREADMILL",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/width=780,height=780,quality=75,format=auto/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/PMTDA600.jpg",
+            desc:"Motorized Treadmill Multi-ply polyester satin weave with a PVC non-slip surface of 1.8mm thickness",
+            price:"₹ 93,999",
+            discount:"35% OFF",
+            id:"tr-12.html",
+            rate:"93999"
+        },
+    ]
+    let parent=document.getElementById("display")
+
+function display(data){
+    display.innerHTML="";
+    for (let i=0;i<data.length;i++){
+        let card=document.createElement("div")
+        
+        let link=document.createElement("a")
+        link.setAttribute("href",data[i].id)
+        let image=document.createElement("img")
+        image.setAttribute("src",data[i].image)
+
+        let line=document.createElement("hr")
+
+        let h2=document.createElement("h2")
+        h2.innerText=data[i].name;
+
+        let price=document.createElement("p")
+        price.innerText=data[i].price;
+
+        let dis=document.createElement("p")
+        dis.innerText=data[i].discount
+
+        link.append(image,line,h2,price,dis);
+        card.append(link)
+        parent.append(card)
+    }
+}
+display(data)
+
+let count=JSON.parse(localStorage.getItem("cart-list"));
+document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/ts-1.html b/products/ts-1.html
new file mode 100644
index 0000000..2cb346c
--- /dev/null
+++ b/products/ts-1.html
@@ -0,0 +1,181 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Tshirt-1</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 90%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 80%;
+    }
+    #cont>div{
+        margin: auto;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"HEAD MENS ROUND NECK T-SHIRT (SKY BLUE -374)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/HDHCD374.jpg",
+            desc:"Head Mens Round Neck T-Shirt (Sky Blue -374)",
+            price:"₹ 775",
+            discount:"14% OFF",
+            size:"S",
+            id:"ts-1.html",
+            rate:"775"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+
+    let size=document.createElement("p")
+    size.innerText="Size: "+data.size
+
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,size,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/ts-10.html b/products/ts-10.html
new file mode 100644
index 0000000..e35b16a
--- /dev/null
+++ b/products/ts-10.html
@@ -0,0 +1,181 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Tshirt-10</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 90%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 80%;
+    }
+    #cont>div{
+        margin: auto;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"HEAD MENS POLO T-SHIRT (RED/WHITE - 371)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/HDHCD371.jpg",
+            desc:"Head Mens Polo T-Shirt (Red/White - 371)",
+            price:"₹ 849",
+            size:"S",
+            discount:"15% OFF",
+            id:"ts-10.html",
+            rate:"849"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+
+    let size=document.createElement("p")
+    size.innerText="Size: "+data.size
+
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,size,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/ts-11.html b/products/ts-11.html
new file mode 100644
index 0000000..4057567
--- /dev/null
+++ b/products/ts-11.html
@@ -0,0 +1,181 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Tshirt-11</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 90%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 80%;
+    }
+    #cont>div{
+        margin: auto;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"HEAD MENS POLO T-SHIRT (RED/WHITE - 371)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/HDHCD371.jpg",
+            desc:"Head Mens Polo T-Shirt (Red/White - 371)",
+            price:"₹ 849",
+            size:"M",
+            discount:"15% OFF",
+            id:"ts-11.html",
+            rate:"849"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+
+    let size=document.createElement("p")
+    size.innerText="Size: "+data.size
+
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,size,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/ts-12.html b/products/ts-12.html
new file mode 100644
index 0000000..596021a
--- /dev/null
+++ b/products/ts-12.html
@@ -0,0 +1,181 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Tshirt-12</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 90%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 80%;
+    }
+    #cont>div{
+        margin: auto;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"HEAD MENS POLO T-SHIRT (RED/WHITE - 371)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/HDHCD371.jpg",
+            desc:"Head Mens Polo T-Shirt (Red/White - 371)",
+            price:"₹ 849",
+            size:"L",
+            discount:"15% OFF",
+            id:"ts-12.html",
+            rate:"849"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+
+    let size=document.createElement("p")
+    size.innerText="Size: "+data.size
+
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,size,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/ts-13.html b/products/ts-13.html
new file mode 100644
index 0000000..7d8d57b
--- /dev/null
+++ b/products/ts-13.html
@@ -0,0 +1,181 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Tshirt-13</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 90%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 80%;
+    }
+    #cont>div{
+        margin: auto;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"YONEX MENS POLO T-SHIRT (2402 - PATRIOT BLUE)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/YNTSM2402PB.jpg",
+            desc:"Yonex Mens Polo T-Shirt (2402 - Patriot Blue)",
+            price:"₹ 999",
+            size:"S",
+            discount:"28% OFF",
+            id:"ts-13.html",
+            rate:"999"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+
+    let size=document.createElement("p")
+    size.innerText="Size: "+data.size
+
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,size,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/ts-14.html b/products/ts-14.html
new file mode 100644
index 0000000..82da79f
--- /dev/null
+++ b/products/ts-14.html
@@ -0,0 +1,181 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Tshirt-14</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 90%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 80%;
+    }
+    #cont>div{
+        margin: auto;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"YONEX MENS POLO T-SHIRT (2402 - PATRIOT BLUE)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/YNTSM2402PB.jpg",
+            desc:"Yonex Mens Polo T-Shirt (2402 - Patriot Blue)",
+            price:"₹ 999",
+            size:"M",
+            discount:"28% OFF",
+            id:"ts-14.html",
+            rate:"999"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+
+    let size=document.createElement("p")
+    size.innerText="Size: "+data.size
+
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,size,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/ts-15.html b/products/ts-15.html
new file mode 100644
index 0000000..5b42579
--- /dev/null
+++ b/products/ts-15.html
@@ -0,0 +1,181 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Tshirt-15</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 90%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 80%;
+    }
+    #cont>div{
+        margin: auto;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"YONEX MENS POLO T-SHIRT (2402 - PATRIOT BLUE)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/YNTSM2402PB.jpg",
+            desc:"Yonex Mens Polo T-Shirt (2402 - Patriot Blue)",
+            price:"₹ 999",
+            size:"L",
+            discount:"28% OFF",
+            id:"ts-15.html",
+            rate:"999"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+
+    let size=document.createElement("p")
+    size.innerText="Size: "+data.size
+
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,size,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/ts-16.html b/products/ts-16.html
new file mode 100644
index 0000000..86909ee
--- /dev/null
+++ b/products/ts-16.html
@@ -0,0 +1,181 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Tshirt-16</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 90%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 80%;
+    }
+    #cont>div{
+        margin: auto;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"JOMA SMASH SHORT SLEEV MENS T-SHIRTS (BLUE)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/JM102598728BL.jpg",
+            desc:"Joma Smash Short Sleev Mens T-Shirts (Blue)",
+            price:"₹ 1,349",
+            size:"S",
+            discount:"25% OFF",
+            id:"ts-16.html",
+            rate:"1349"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+
+    let size=document.createElement("p")
+    size.innerText="Size: "+data.size
+
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,size,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/ts-17.html b/products/ts-17.html
new file mode 100644
index 0000000..b599d20
--- /dev/null
+++ b/products/ts-17.html
@@ -0,0 +1,181 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Tshirt-17</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 90%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 80%;
+    }
+    #cont>div{
+        margin: auto;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"JOMA SMASH SHORT SLEEV MENS T-SHIRTS (BLUE)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/JM102598728BL.jpg",
+            desc:"Joma Smash Short Sleev Mens T-Shirts (Blue)",
+            price:"₹ 1,349",
+            size:"M",
+            discount:"25% OFF",
+            id:"ts-17.html",
+            rate:"1349"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+
+    let size=document.createElement("p")
+    size.innerText="Size: "+data.size
+
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,size,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/ts-18.html b/products/ts-18.html
new file mode 100644
index 0000000..271e837
--- /dev/null
+++ b/products/ts-18.html
@@ -0,0 +1,181 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Tshirt-18</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 90%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 80%;
+    }
+    #cont>div{
+        margin: auto;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"JOMA SMASH SHORT SLEEV MENS T-SHIRTS (BLUE)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/JM102598728BL.jpg",
+            desc:"Joma Smash Short Sleev Mens T-Shirts (Blue)",
+            price:"₹ 1,349",
+            size:"L",
+            discount:"25% OFF",
+            id:"ts-18.html",
+            rate:"1349"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+
+    let size=document.createElement("p")
+    size.innerText="Size: "+data.size
+
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,size,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/ts-19.html b/products/ts-19.html
new file mode 100644
index 0000000..1203cd2
--- /dev/null
+++ b/products/ts-19.html
@@ -0,0 +1,181 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Tshirt-19</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 90%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 80%;
+    }
+    #cont>div{
+        margin: auto;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"JOMA CHALLENGE SHORTS SLEEV MENS T-SHIRTS (GREY)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/JM102628200GY.jpg",
+            desc:"Joma Challenge Shorts Sleev Mens T-Shirts (Grey)",
+            price:"₹ 1,599",
+            size:"M",
+            discount:"24% OFF",
+            id:"ts-19.html",
+            rate:"1599"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+
+    let size=document.createElement("p")
+    size.innerText="Size: "+data.size
+
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,size,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/ts-2.html b/products/ts-2.html
new file mode 100644
index 0000000..0806d8b
--- /dev/null
+++ b/products/ts-2.html
@@ -0,0 +1,181 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Tshirt-2</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 90%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 80%;
+    }
+    #cont>div{
+        margin: auto;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"HEAD MENS ROUND NECK T-SHIRT (SKY BLUE -374)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/HDHCD374.jpg",
+            desc:"Head Mens Round Neck T-Shirt (Sky Blue -374)",
+            price:"₹ 775",
+            discount:"14% OFF",
+            size:"M",
+            id:"ts-2.html",
+            rate:"775"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+
+    let size=document.createElement("p")
+    size.innerText="Size: "+data.size
+
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,size,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/ts-20.html b/products/ts-20.html
new file mode 100644
index 0000000..f4e58ee
--- /dev/null
+++ b/products/ts-20.html
@@ -0,0 +1,181 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Tshirt-20</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 90%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 80%;
+    }
+    #cont>div{
+        margin: auto;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"JOMA CHALLENGE SHORTS SLEEV MENS T-SHIRTS (GREY)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/JM102628200GY.jpg",
+            desc:"Joma Challenge Shorts Sleev Mens T-Shirts (Grey)",
+            price:"₹ 1,599",
+            size:"L",
+            discount:"24% OFF",
+            id:"ts-20.html",
+            rate:"1599"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+
+    let size=document.createElement("p")
+    size.innerText="Size: "+data.size
+
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,size,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/ts-3.html b/products/ts-3.html
new file mode 100644
index 0000000..001b7a2
--- /dev/null
+++ b/products/ts-3.html
@@ -0,0 +1,181 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Tshirt-3</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 90%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 80%;
+    }
+    #cont>div{
+        margin: auto;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"HEAD MENS ROUND NECK T-SHIRT (SKY BLUE -374)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/HDHCD374.jpg",
+            desc:"Head Mens Round Neck T-Shirt (Sky Blue -374)",
+            price:"₹ 775",
+            discount:"14% OFF",
+            size:"L",
+            id:"ts-3.html",
+            rate:"775"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+
+    let size=document.createElement("p")
+    size.innerText="Size: "+data.size
+
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,size,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/ts-4.html b/products/ts-4.html
new file mode 100644
index 0000000..9f9545a
--- /dev/null
+++ b/products/ts-4.html
@@ -0,0 +1,181 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Tshirt-4</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 90%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 80%;
+    }
+    #cont>div{
+        margin: auto;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"HEAD MENS POLO T-SHIRT (PISTA/ORANGE - 369)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/HDHCD369.jpg",
+            desc:"Head Mens Polo T-Shirt (Pista/Orange - 369)",
+            price:"₹ 849",
+            discount:"15% OFF",
+            size:"S",
+            id:"ts-4.html",
+            rate:"849"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+
+    let size=document.createElement("p")
+    size.innerText="Size: "+data.size
+
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,size,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/ts-5.html b/products/ts-5.html
new file mode 100644
index 0000000..4160b9b
--- /dev/null
+++ b/products/ts-5.html
@@ -0,0 +1,181 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Tshirt-5</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 90%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 80%;
+    }
+    #cont>div{
+        margin: auto;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"HEAD MENS POLO T-SHIRT (PISTA/ORANGE - 369)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/HDHCD369.jpg",
+            desc:"Head Mens Polo T-Shirt (Pista/Orange - 369)",
+            price:"₹ 849",
+            discount:"15% OFF",
+            size:"M",
+            id:"ts-5.html",
+            rate:"849"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+
+    let size=document.createElement("p")
+    size.innerText="Size: "+data.size
+
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,size,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/ts-6.html b/products/ts-6.html
new file mode 100644
index 0000000..3c9d36f
--- /dev/null
+++ b/products/ts-6.html
@@ -0,0 +1,181 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Tshirt-6</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 90%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 80%;
+    }
+    #cont>div{
+        margin: auto;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"HEAD MENS POLO T-SHIRT (PISTA/ORANGE - 369)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/HDHCD369.jpg",
+            desc:"Head Mens Polo T-Shirt (Pista/Orange - 369)",
+            price:"₹ 849",
+            discount:"15% OFF",
+            size:"L",
+            id:"ts-6.html",
+            rate:"849"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+
+    let size=document.createElement("p")
+    size.innerText="Size: "+data.size
+
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,size,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/ts-7.html b/products/ts-7.html
new file mode 100644
index 0000000..79aa0e0
--- /dev/null
+++ b/products/ts-7.html
@@ -0,0 +1,180 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Tshirt-7</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 90%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 80%;
+    }
+    #cont>div{
+        margin: auto;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"HEAD MENS ROUND NECK T-SHIRT (CHARCOAL - 363)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/HDHCD363.jpg",
+            desc:"Head Mens Round Neck T-Shirt (Charcoal - 363)",
+            price:"₹ 675",
+            size:"S",
+            id:"ts-7.html",
+            rate:"675"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+
+    let size=document.createElement("p")
+    size.innerText="Size: "+data.size
+
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,size,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/ts-8.html b/products/ts-8.html
new file mode 100644
index 0000000..330a222
--- /dev/null
+++ b/products/ts-8.html
@@ -0,0 +1,180 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Tshirt-8</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 90%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 80%;
+    }
+    #cont>div{
+        margin: auto;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"HEAD MENS ROUND NECK T-SHIRT (CHARCOAL - 363)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/HDHCD363.jpg",
+            desc:"Head Mens Round Neck T-Shirt (Charcoal - 363)",
+            price:"₹ 675",
+            size:"M",
+            id:"ts-8.html",
+            rate:"675"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+
+    let size=document.createElement("p")
+    size.innerText="Size: "+data.size
+
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,size,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file
diff --git a/products/ts-9.html b/products/ts-9.html
new file mode 100644
index 0000000..69bdba9
--- /dev/null
+++ b/products/ts-9.html
@@ -0,0 +1,180 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Tshirt-9</title>
+    <style>
+    body{
+        padding: 0px;
+        margin: 0px;
+        width: 100%;
+    }
+    .navbar{
+        background-color: black;
+        width: 100%;
+        color: white;
+        display: flex;
+        justify-content: end;
+    }
+    .navbar>p{
+        margin-right: 2%;
+    }
+    .menu{
+        width: 95%;
+        margin: auto;
+        margin-top:1%;
+        display: flex;
+        justify-content: space-between;
+    }
+    #search{
+        border: 1px solid black;
+        border-radius: 5px;
+        width: 30%;
+        margin: 1%;
+    }
+    #line{
+        border: 1px solid rgb(243, 231, 231);
+    }
+    .catogary{
+        margin-left: 2%;
+    }
+    div>.cato{
+        text-decoration: none;
+        color: black;
+        font-weight: 400;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        padding:9px;
+    }
+    .cato:hover{
+        color:white;
+        background-color: black;
+    }
+    #cont{
+        width: 90%;
+        margin: auto;
+        display: flex;
+        gap: 5%;
+    }
+    button{
+        color: white;
+        background-color: orange;
+        border: 0px;
+        padding: 1%;
+    }
+    button:hover{
+        cursor: pointer;
+    }
+    h5{
+        color: orange;
+    }
+    #second>p:nth-child(7){
+        font-size: 10px;
+    }
+    #second>h2{
+        margin-top: 7%;
+    }
+    #cont>div>img{
+        width: 80%;
+    }
+    #cont>div{
+        margin: auto;
+    }
+    .menu>a{
+    text-decoration: none;
+    color: black;
+}
+    </style>
+</head>
+<body>
+    <div class="navbar">
+        <p>Call Us: +91-9555461555<p>
+        <p>Sign in</p>
+        <p>Create Account</p>
+        <p>Wishlist</p>
+    </div>
+    <div class="menu">
+        <a href="index.html">
+            <img src="https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg" alt="">
+        </a>
+        <input id="search" type="text" placeholder="Search">
+        <a href="./cart.html">
+            <p>Shopping Cart(<span id="cart-count"></span>)</p>
+        </a>
+    </div>
+    <hr id="line">
+    <div>
+        <a class="cato" href="./badminton.html">BADMINTON</a>
+        <a class="cato" href="./treadmills.html">TREADMILLS</a>
+        <a class="cato" href="./shoes.html">SHOES</a>
+        <a class="cato" href="./t-shirt.html">T-SHIRTS</a>
+        <a class="cato" href="./socks.html">SOCKS</a>
+        <a class="cato" href="./skating.html">SKATING</a>
+        <a class="cato" href="./teamindia.html">TEAM INDIA</a>
+    </div>
+    <hr>
+    <div id="cont">
+        
+    </div>
+</body>
+<script>
+    let data={
+        name:"HEAD MENS ROUND NECK T-SHIRT (CHARCOAL - 363)",
+            image:"https://storage.sg.content-cdn.io/cdn-cgi/image/%7Bwidth%7D,%7Bheight%7D,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/HDHCD363.jpg",
+            desc:"Head Mens Round Neck T-Shirt (Charcoal - 363)",
+            price:"₹ 675",
+            size:"L",
+            id:"ts-9.html",
+            rate:"675"
+    }
+    let cont=document.getElementById("cont")
+    let first=document.createElement("div")
+    let second=document.createElement("div")
+    let image=document.createElement("img")
+    image.setAttribute("src",data.image)
+    first.append(image);
+
+    second.setAttribute("id","second")
+
+    let cart=localStorage.getItem("cart-list");
+    if (cart===null){
+        cart=[];
+    }
+    else{
+        cart=JSON.parse(cart)
+    }
+
+    let head=document.createElement("h2")
+    head.innerText=data.name
+    let line=document.createElement("hr")
+    let desc=document.createElement("p")
+    desc.innerText=data.desc
+
+    let size=document.createElement("p")
+    size.innerText="Size: "+data.size
+
+    let price=document.createElement("h3")
+    price.innerText=data.price;
+    let disc=document.createElement("h5")
+    disc.innerText=data.discount
+    let button=document.createElement("button")
+    button.innerText="ADD TO CART";
+    button.addEventListener("click",function(){
+        cart.push(data)
+        localStorage.setItem("cart-list",JSON.stringify(cart))
+        location.reload()
+    })
+
+    let qt=document.createElement("p")
+    qt.innerText="If you want to increase quantity please click again on ADD TO CART";
+    let info=document.createElement("p");
+    info.innerText="Delivered in 2-5 working days*"
+
+    second.append(head,line,desc,size,price,disc,button,qt,info)
+    cont.append(first,second)
+
+    let count=JSON.parse(localStorage.getItem("cart-list"));
+    document.getElementById("cart-count").innerText=count.length
+</script>
+</html>
\ No newline at end of file

From 9abe60531e1cd886942edc4a023b50ff0b7b4dac Mon Sep 17 00:00:00 2001
From: Paras <paraskamliya5@gmail.com>
Date: Sun, 4 Jun 2023 10:15:28 +0530
Subject: [PATCH 2/3] done

---
 products/badminton.css   | 9 +++++++++
 products/shoes.html      | 9 +++++++++
 products/skating.html    | 9 +++++++++
 products/socks.html      | 9 +++++++++
 products/t-shirt.html    | 9 +++++++++
 products/teamindia.html  | 9 +++++++++
 products/treadmills.html | 9 +++++++++
 7 files changed, 63 insertions(+)

diff --git a/products/badminton.css b/products/badminton.css
index ae9aa31..8cddcbf 100644
--- a/products/badminton.css
+++ b/products/badminton.css
@@ -76,4 +76,13 @@ div>.cato{
 .menu>a{
     text-decoration: none;
     color: black;
+}
+@media screen and (max-width:800px){
+    #display{
+        display: grid;
+        width: 90%;
+        margin: auto;
+        grid-template-columns: repeat(2,1fr);
+        gap: 2%;
+    }
 }
\ No newline at end of file
diff --git a/products/shoes.html b/products/shoes.html
index dcfcf90..45f52d1 100644
--- a/products/shoes.html
+++ b/products/shoes.html
@@ -84,6 +84,15 @@
 .menu>a{
     text-decoration: none;
     color: black;
+}
+@media screen and (max-width:800px){
+    #display{
+        display: grid;
+        width: 90%;
+        margin: auto;
+        grid-template-columns: repeat(2,1fr);
+        gap: 2%;
+    }
 }
     </style>
 </head>
diff --git a/products/skating.html b/products/skating.html
index 8f3c811..437d5a4 100644
--- a/products/skating.html
+++ b/products/skating.html
@@ -84,6 +84,15 @@
 .menu>a{
     text-decoration: none;
     color: black;
+}
+@media screen and (max-width:800px){
+    #display{
+        display: grid;
+        width: 90%;
+        margin: auto;
+        grid-template-columns: repeat(2,1fr);
+        gap: 2%;
+    }
 }
     </style>
 </head>
diff --git a/products/socks.html b/products/socks.html
index 9105369..02278f5 100644
--- a/products/socks.html
+++ b/products/socks.html
@@ -84,6 +84,15 @@
 .menu>a{
     text-decoration: none;
     color: black;
+}
+@media screen and (max-width:800px){
+    #display{
+        display: grid;
+        width: 90%;
+        margin: auto;
+        grid-template-columns: repeat(2,1fr);
+        gap: 2%;
+    }
 }
     </style>
 </head>
diff --git a/products/t-shirt.html b/products/t-shirt.html
index 79f7f19..104ed2d 100644
--- a/products/t-shirt.html
+++ b/products/t-shirt.html
@@ -84,6 +84,15 @@
 .menu>a{
     text-decoration: none;
     color: black;
+}
+@media screen and (max-width:800px){
+    #display{
+        display: grid;
+        width: 90%;
+        margin: auto;
+        grid-template-columns: repeat(2,1fr);
+        gap: 2%;
+    }
 }
     </style>
 </head>
diff --git a/products/teamindia.html b/products/teamindia.html
index 3b74d95..f4229c8 100644
--- a/products/teamindia.html
+++ b/products/teamindia.html
@@ -84,6 +84,15 @@
 .menu>a{
     text-decoration: none;
     color: black;
+}
+@media screen and (max-width:800px){
+    #display{
+        display: grid;
+        width: 90%;
+        margin: auto;
+        grid-template-columns: repeat(2,1fr);
+        gap: 2%;
+    }
 }
     </style>
 </head>
diff --git a/products/treadmills.html b/products/treadmills.html
index a190ef5..0687028 100644
--- a/products/treadmills.html
+++ b/products/treadmills.html
@@ -84,6 +84,15 @@
 .menu>a{
     text-decoration: none;
     color: black;
+}
+@media screen and (max-width:800px){
+    #display{
+        display: grid;
+        width: 90%;
+        margin: auto;
+        grid-template-columns: repeat(2,1fr);
+        gap: 2%;
+    }
 }
     </style>
 </head>

From d7e5af87083d3c18f6ea46eb0e0fa55a3da440f4 Mon Sep 17 00:00:00 2001
From: Paras <130351451+paraskamaliya@users.noreply.github.com>
Date: Sun, 4 Jun 2023 10:20:52 +0530
Subject: [PATCH 3/3] Update README.md

---
 README.md | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 0e166a2..2d0cfdb 100644
--- a/README.md
+++ b/README.md
@@ -1 +1,2 @@
-# mini-project
\ No newline at end of file
+# mini-project
+Netlify Link:- https://647c173cc622316b79452a8d--dynamic-gumption-aff0e1.netlify.app/