From d6763dcad9e33b2c11eec511f53bc6dc5d55102c Mon Sep 17 00:00:00 2001
From: Sachin Bhujel <90704616+Sachinbhujel@users.noreply.github.com>
Date: Thu, 11 Apr 2024 16:46:18 +0530
Subject: [PATCH] Update index.html

---
 index.html | 1252 ++--------------------------------------------------
 1 file changed, 42 insertions(+), 1210 deletions(-)
diff --git a/index.html b/index.html
index 6467ea6..f8ee83d 100644
--- a/index.html
+++ b/index.html
@@ -1,1219 +1,51 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Myntra</title>
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
-    <link rel="stylesheet" href="style.css">
-</head>
-<body>
-    <header>
-
-        <!-- NAVBAR COADING START -->
-
-        <div class="navbar">
-            <div class="nav-logo">
-                <div class="logo"></div>
-            </div>
-
-            <div class="men">
-                MEN
-            </div>
-
-            <div class="women">
-                WOMEN
-            </div>
-
-            <div class="kids">
-                KIDS
-            </div>
-
-            <div class="home_living">
-                HOME & LIVING
-            </div>
-
-            <div class="beauty">
-                BEAUTY
-            </div>
-
-            <div class="studio">
-                STUDIO
-            </div>
-
-            <div class="nav-search">
-                <div class="search-icon">
-                    <i class="fa-solid fa-magnifying-glass"></i>
-                </div>
-                <input type="text" placeholder="Search for Products, Brands & More" class="search-input">
-            </div>
-
-            <div class="box1">
-                <div class="profile">
-                    <i class="fa-regular fa-user"></i>
-                </div>
-                Profile
-            </div>
-
-            <div class="box2">
-                <div class="wishlist">
-                    <i class="fa-regular fa-heart"></i>
-                </div>
-                Wishlist
-            </div>
-
-            <div class="box3">
-                <div class="bag">
-                    <i class="fa-solid fa-bag-shopping"></i>
-                </div>
-                Bag
-            </div>
-        </div>
-
-        <!-- NAVBAR COADING END -->
-    </header>
-    <div class="hero-section"></div>
-
-    <div class="hero_second_section"></div>
-
-    <div class="deal">
-        DEAL OF THE DAY
-    </div>
-
-    <div class="boxx1 box">
-        <div class="box-content">
-            <div class="box-img" style="background-image: url('boxx1-img.webp');"></div>
-        </div>
-    </div>
-
-    <div class="boxx2 box">
-        <div class="box-content">
-            <div class="box-img" style="background-image: url('boxx-img.webp');"></div>
-        </div>
-    </div>
-
-    <div class="boxx3 box">
-        <div class="box-content">
-            <div class="box-img" style="background-image: url('boxx2-img.webp');"></div>
-        </div>
-    </div>
-
-    <div class="boxx4 box">
-        <div class="box-content">
-            <div class="box-img" style="background-image: url('boxx3-img.webp');"></div>
-        </div>
-    </div>
-
-    <div class="boxx5 box">
-        <div class="box-content">
-            <div class="box-img" style="background-image: url('boxx4-img.webp');"></div>
-        </div>
-    </div>
-
-    <div class="boxx6 box">
-        <div class="box-content">
-            <div class="box-img" style="background-image: url('boxx5-img.webp');"></div>
-        </div>
-    </div>
-
-    <div class="boxx7 box">
-        <div class="box-content">
-            <div class="box-img" style="background-image: url('boxx6-img.webp');"></div>
-        </div>
-    </div>
-
-    <div class="boxx8 box">
-        <div class="box-content">
-            <div class="box-img" style="background-image: url('boxx7-img.webp');"></div>
-        </div>
-    </div>
-
-    <!-- ============================================================================================================================================ -->
-   
-    <div class="best_brand">
-        BEST OF MYNTRA EXCLUSIVE BRANDS
-    </div>
-
-    <div class="boxx9 best">
-        <div class="box-content">
-            <div class="box-image" style="background-image: url('best_brand1-img.webp');"></div>
-        </div>
-    </div>
-
-    <div class="boxx10 best">
-        <div class="box-content">
-            <div class="box-image" style="background-image: url('best_brand2-img.webp');"></div>
-        </div>
-    </div>
-
-    <div class="boxx11 best">
-        <div class="box-content">
-            <div class="box-image" style="background-image: url('best_brand3.webp');"></div>
-        </div>
-    </div>
-
-    <div class="boxx12 best">
-        <div class="box-content">
-            <div class="box-image" style="background-image: url('best_brand4.webp');"></div>
-        </div>
-    </div>
 
-    <div class="boxx13 best">
-        <div class="box-content">
-            <div class="box-image" style="background-image: url('best_brand5-img.webp');"></div>
-        </div>
-    </div>
-
-    <div class="boxx14 best">
-        <div class="box-content">
-            <div class="box-image" style="background-image: url('best_brand6-img.webp');"></div>
-        </div>
-    </div>
-
-    <div class="boxx15 best">
-        <div class="box-content">
-            <div class="box-image" style="background-image: url('best_brand7-img.webp');"></div>
-        </div>
-    </div>
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Myntra Clone</title>
+  <link rel="stylesheet" href="style.css">
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0" />
 
-    <div class="boxx16 best">
-        <div class="box-content">
-            <div class="box-image" style="background-image: url('best_brand9-img.webp');"></div>
-        </div>
-    </div>
+</head>
 
-    <div class="boxx17 best">
-        <div class="box-content">
-            <div class="box-image" style="background-image: url('best_brand10-img.webp');"></div>
-        </div>
+<body>
+  <header>
+
+    <!-- NAVBAR COADING START -->
+    <div class="navbar">
+      <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQt3Co6HpVM6QOqFISRQJ0bljEPLVHzNWg-kTQqz26eRg&s" onclick="mainWebsite()" id="js_title">
+      <div class="navbar_right">
+        <a href="#home">MEN</a>
+        <a href="#news">WOMEN</a>
+        <a href="#contact">KIDS</a>
+        <a href="#about">HOME & LIVING</a>
+        <a href="#beautyt">BEAUTY</a>
+      </div>
+
+      <div class="btn_menu">
+        <span class="material-symbols-outlined" id="menu" onclick="openNav()">
+        menu
+      </span>
+        <button onclick="login()">Log In</button>
+      </div>
+    </div>
+
+    <div id="myNav" class="overlay">
+      <a href="#" class="closebtn" onclick="closeNav()">&times;</a>
+      <div class="overlay-content">
+        <a href="#">Home</a>
+        <a href="#">News</a>
+        <a href="#">About</a>
+        <a href="#">Contact</a>
+        <a href="#">Services</a>
+      </div>
     </div>
     
-    <div class="boxx18 best">
-        <div class="box-content">
-            <div class="box-image" style="background-image: url('best_brand11-img.webp');"></div>
-        </div>
-    </div>
-
-    <div class="boxx19 best">
-        <div class="box-content">
-            <div class="box-image" style="background-image: url('best_brand12-img.webp');"></div>
-        </div>
-    </div>
-
-    <div class="boxx20 best">
-        <div class="box-content">
-            <div class="box-image" style="background-image: url('best_brand13-img.webp');"></div>
-        </div>
-    </div>
-
-    <div class="boxx21 best">
-        <div class="box-content">
-            <div class="box-image" style="background-image: url('best_brand14-img.webp');"></div>
-        </div>
-    </div>
-
-    <div class="box22 best">
-        <div class="box-content">
-            <div class="box-image" style="background-image: url('best_brand15-img.webp');"></div>
-        </div>
-    </div>
-
-    <div class="boxx23 best">
-        <div class="box-content">
-            <div class="box-image" style="background-image: url('best_brand16-img.webp');"></div>
-        </div>
-    </div>
-
-    <div class="boxx24 best">
-        <div class="box-content">
-            <div class="box-image" style="background-image: url('best_brand1-img.webp');"></div>
-        </div>
-    </div>
-
-    <div class="top-pics">
-        TOP PICKS
-    </div>
-
-    <div class="top topstyle">
-        <div class="box-content">
-            <div class="top-img" style="background-image: url('top-picks1.webp');"></div>
-        </div>
-    </div>
-
-    <div class="top2 topstyle">
-        <div class="box-content">
-            <div class="top-img" style="background-image: url('top-picks2.webp');"></div>
-        </div>
-    </div>
-
-    <div class="top3 topstyle">
-        <div class="box-content">
-            <div class="top-img" style="background-image: url('top-picks3.webp');"></div>
-        </div>
-    </div>
-
-    <div class="top4 topstyle">
-        <div class="box-content">
-            <div class="top-img" style="background-image: url('top-picks4.webp');"></div>
-        </div>
-    </div>
-
-    <div class="top5 topstyle">
-        <div class="box-content">
-            <div class="top-img" style="background-image: url('top-picks5.webp');"></div>
-        </div>
-    </div>
-
-    <div class="top6 topstyle">
-        <div class="box-content">
-            <div class="top-img" style="background-image: url('top-picks6.webp');"></div>
-        </div>
-    </div>
-
-    <div class="top7 topstyle">
-        <div class="box-content">
-            <div class="top-img" style="background-image: url('top-picks2.webp');"></div>
-        </div>
-    </div>
-
-    <div class="bagS">
-        CATEGORIES TO BAG
-    </div>
-
-    <div class="categorie one">
-        <div class="box-content">
-            <div class="BAGS" style="background-image: url('bag1.webp');"></div>
-        </div>
-    </div>
-
-    <div class="categorie two">
-        <div class="box-content">
-            <div class="BAGS" style="background-image: url('bag2.webp');"></div>
-        </div>
-    </div>
-
-    <div class="categorie three">
-        <div class="box-content">
-            <div class="BAGS" style="background-image: url('bag3.webp');"></div>
-        </div>
-    </div>
-
-    <div class="categorie four">
-        <div class="box-content">
-            <div class="BAGS" style="background-image: url('bag4.webp');"></div>
-        </div>
-    </div>
-
-    <div class="categorie five">
-        <div class="box-content">
-            <div class="BAGS" style="background-image: url('bag5.webp');"></div>
-        </div>
-    </div>
-
-    <div class="categorie six">
-        <div class="box-content">
-            <div class="BAGS" style="background-image: url('bag6.webp');"></div>
-        </div>
-    </div>
-
-    <div class="categorie seven">
-        <div class="box-content">
-            <div class="BAGS" style="background-image: url('bag7.webp');"></div>
-        </div>
-    </div>
-
-    <div class="categorie eight">
-        <div class="box-content">
-            <div class="BAGS" style="background-image: url('bag8.webp');"></div>
-        </div>
-    </div>
-
-    <div class="categorie 9">
-        <div class="box-content">
-            <div class="BAGS" style="background-image: url('bag9.webp');"></div>
-        </div>
-    </div>
-
-    <div class="categorie 10">
-        <div class="box-content">
-            <div class="BAGS" style="background-image: url('bag10.webp');"></div>
-        </div>
-    </div>
-
-    <div class="categorie 11">
-        <div class="box-content">
-            <div class="BAGS" style="background-image: url('bag11.webp');"></div>
-        </div>
-    </div>
-
-    <div class="categorie 12">
-        <div class="box-content">
-            <div class="BAGS" style="background-image: url('bag12.webp');"></div>
-        </div>
-    </div>
-
-    <div class="categorie 13">
-        <div class="box-content">
-            <div class="BAGS" style="background-image: url('bag13.webp');"></div>
-        </div>
-    </div>
-
-    <div class="categorie 14">
-        <div class="box-content">
-            <div class="BAGS" style="background-image: url('bag14.webp');"></div>
-        </div>
-    </div>
-
-    <div class="categorie 15">
-        <div class="box-content">
-            <div class="BAGS" style="background-image: url('bag15.webp');"></div>
-        </div>
-    </div>
-
-    <div class="categorie 16">
-        <div class="box-content">
-            <div class="BAGS" style="background-image: url('bag16.webp');"></div>
-        </div>
-    </div>
-
-    <div class="categorie 17">
-        <div class="box-content">
-            <div class="BAGS" style="background-image: url('bag17.webp');"></div>
-        </div>
-    </div>
-
-    <div class="categorie 18">
-        <div class="box-content">
-            <div class="BAGS" style="background-image: url('bag18.webp');"></div>
-        </div>
-    </div>
-
-    <div class="categorie 19">
-        <div class="box-content">
-            <div class="BAGS" style="background-image: url('bag19.webp');"></div>
-        </div>
-    </div>
-
-    <div class="categorie 20">
-        <div class="box-content">
-            <div class="BAGS" style="background-image: url('bag20.webp');"></div>
-        </div>
-    </div>
-
-    <div class="categorie 21">
-        <div class="box-content">
-            <div class="BAGS" style="background-image: url('bag21.webp');"></div>
-        </div>
-    </div>
-
-    <div class="categorie 22">
-        <div class="box-content">
-            <div class="BAGS" style="background-image: url('bag22.webp');"></div>
-        </div>
-    </div>
-
-    <div class="categorie 23">
-        <div class="box-content">
-            <div class="BAGS" style="background-image: url('bag23.webp');"></div>
-        </div>
-    </div>
-
-    <div class="categorie 24">
-        <div class="box-content">
-            <div class="BAGS" style="background-image: url('bag24.webp');"></div>
-        </div>
-    </div>
-
-    <!-- ================================================================================================================================ -->
-
-    <div class="topdeals">
-        DEALS ON TOP BRANDS
-    </div>
-
-    <div class="topbrands ">
-        <div class="box-content">
-            <div class="brands" style="background-image: url('brand1.webp');"></div>
-        </div>
-    </div>
-
-    <div class="topbrands ">
-        <div class="box-content">
-            <div class="brands" style="background-image: url('brand2.webp');"></div>
-        </div>
-    </div>
-
-    <div class="topbrands ">
-        <div class="box-content">
-            <div class="brands" style="background-image: url('brand3.webp');"></div>
-        </div>
-    </div>
-
-    <div class="topbrands ">
-        <div class="box-content">
-            <div class="brands" style="background-image: url('brand4.webp');"></div>
-        </div>
-    </div>
-
-    <div class="topbrands ">
-        <div class="box-content">
-            <div class="brands" style="background-image: url('brand5.webp');"></div>
-        </div>
-    </div>
-
-    <div class="topbrands ">
-        <div class="box-content">
-            <div class="brands" style="background-image: url('brand6.webp');"></div>
-        </div>
-    </div>
-
-    <div class="topbrands ">
-        <div class="box-content">
-            <div class="brands" style="background-image: url('brand7.webp');"></div>
-        </div>
-    </div>
-
-    <div class="topbrands ">
-        <div class="box-content">
-            <div class="brands" style="background-image: url('brand8.webp');"></div>
-        </div>
-    </div>
-
-    <div class="topbrands ">
-        <div class="box-content">
-            <div class="brands" style="background-image: url('brand9.webp');"></div>
-        </div>
-    </div>
-
-    <div class="topbrands ">
-        <div class="box-content">
-            <div class="brands" style="background-image: url('brand10.webp');"></div>
-        </div>
-    </div>
-
-    <div class="topbrands ">
-        <div class="box-content">
-            <div class="brands" style="background-image: url('brand11.webp');"></div>
-        </div>
-    </div>
-
-    <div class="topbrands ">
-        <div class="box-content">
-            <div class="brands" style="background-image: url('brand12.webp');"></div>
-        </div>
-    </div>
-
-    <div class="topbrands ">
-        <div class="box-content">
-            <div class="brands" style="background-image: url('brand13.webp');"></div>
-        </div>
-    </div>
-
-    <div class="topbrands ">
-        <div class="box-content">
-            <div class="brands" style="background-image: url('brand14.webp');"></div>
-        </div>
-    </div>
-
-    <div class="topbrands ">
-        <div class="box-content">
-            <div class="brands" style="background-image: url('brand15.webp');"></div>
-        </div>
-    </div>
-
-    <div class="topbrands ">
-        <div class="box-content">
-            <div class="brands" style="background-image: url('brand16.webp');"></div>
-        </div>
-    </div>
-
-    <div class="topbrands ">
-        <div class="box-content">
-            <div class="brands" style="background-image: url('brand17.webp');"></div>
-        </div>
-    </div>
-
-    <div class="topbrands ">
-        <div class="box-content">
-            <div class="brands" style="background-image: url('brand18.webp');"></div>
-        </div>
-    </div>
-
-    <div class="topbrands ">
-        <div class="box-content">
-            <div class="brands" style="background-image: url('brand19.webp');"></div>
-        </div>
-    </div>
-
-    <div class="topbrands ">
-        <div class="box-content">
-            <div class="brands" style="background-image: url('brand20.webp');"></div>
-        </div>
-    </div>
-
-    <div class="topbrands ">
-        <div class="box-content">
-            <div class="brands" style="background-image: url('brand21.webp');"></div>
-        </div>
-    </div>
-
-    <div class="topbrands ">
-        <div class="box-content">
-            <div class="brands" style="background-image: url('brand22.webp');"></div>
-        </div>
-    </div>
-
-    <div class="topbrands ">
-        <div class="box-content">
-            <div class="brands" style="background-image: url('brand23.webp');"></div>
-        </div>
-    </div>
-
-    <div class="topbrands ">
-        <div class="box-content">
-            <div class="brands" style="background-image: url('brand24.webp');"></div>
-        </div>
-    </div>
-
-    <!-- =========================================================================================================================== -->
-
-    <div class="price">
-        BRANDS AT SLASHED PRICES
-    </div>
-
-    <div class="BRANDSPRICES">
-        <div class="brand" style="background-image: url('brands1.webp');"></div>
-    </div>
-
-    <div class="BRANDSPRICES">
-        <div class="brand" style="background-image: url('brands2.webp');"></div>
-    </div>
-
-    <div class="BRANDSPRICES">
-        <div class="brand" style="background-image: url('brands3.webp');"></div>
-    </div>
-
-    <div class="BRANDSPRICES">
-        <div class="brand" style="background-image: url('brands4.webp');"></div>
-    </div>
-
-    <div class="BRANDSPRICES">
-        <div class="brand" style="background-image: url('brands5.webp');"></div>
-    </div>
-
-    <div class="BRANDSPRICES">
-        <div class="brand" style="background-image: url('brands6.webp');"></div>
-    </div>
-
-    <div class="BRANDSPRICES">
-        <div class="brand" style="background-image: url('brands7.webp');"></div>
-    </div>
-
-    <div class="BRANDSPRICES">
-        <div class="brand" style="background-image: url('brands8.webp');"></div>
-    </div>
-
-    <div class="BRANDSPRICES">
-        <div class="brand" style="background-image: url('brands9.webp');"></div>
-    </div>
-
-    <div class="BRANDSPRICES">
-        <div class="brand" style="background-image: url('brands10.webp');"></div>
-    </div>
-
-    <div class="BRANDSPRICES">
-        <div class="brand" style="background-image: url('brands11.webp');"></div>
-    </div>
-
-    <div class="BRANDSPRICES">
-        <div class="brand" style="background-image: url('brands12.webp');"></div>
-    </div>
-
-    <div class="BRANDSPRICES">
-        <div class="brand" style="background-image: url('brands13.webp');"></div>
-    </div>
-
-    <div class="BRANDSPRICES">
-        <div class="brand" style="background-image: url('brands14.webp');"></div>
-    </div>
-
-    <!-- ========================================================================================================================== -->
-
-    <div class="buy">
-        BEST BUYS
-    </div>
-
-    <div class="topbuy">
-        <div class="toppicks" style="background-image: url('buy1.webp');"></div>
-    </div>
-
-    <div class="topbuy">
-        <div class="toppicks" style="background-image: url('buy2.webp');"></div>
-    </div>
-
-    <div class="topbuy">
-        <div class="toppicks" style="background-image: url('buy3.webp');"></div>
-    </div>
-
-    <div class="topbuy">
-        <div class="toppicks" style="background-image: url('buy4.webp');"></div>
-    </div>
-
-    <div class="topbuy">
-        <div class="toppicks" style="background-image: url('buy5.webp');"></div>
-    </div>
-
-    <div class="topbuy">
-        <div class="toppicks" style="background-image: url('buy6.webp');"></div>
-    </div>
-
-    <div class="topbuy">
-        <div class="toppicks" style="background-image: url('buy7.webp');"></div>
-    </div>
-
-    <div class="topbuy">
-        <div class="toppicks" style="background-image: url('buy8.webp');"></div>
-    </div>
-
-    <div class="topbuy">
-        <div class="toppicks" style="background-image: url('buy9.webp');"></div>
-    </div>
-
-    <div class="topbuy">
-        <div class="toppicks" style="background-image: url('buy10.webp');"></div>
-    </div>
-
-    <div class="topbuy">
-        <div class="toppicks" style="background-image: url('buy11.webp');"></div>
-    </div>
-
-    <div class="topbuy">
-        <div class="toppicks" style="background-image: url('buy12.webp');"></div>
-    </div>
-
-    <div class="topbuy">
-        <div class="toppicks" style="background-image: url('buy13.webp');"></div>
-    </div>
-
-    <div class="topbuy">
-        <div class="toppicks" style="background-image: url('buy14.webp');"></div>
-    </div>
-
-    <div class="myntra">
-        MYNTRA LUXE
-    </div>
-
-    <div class="luxe">
-        <div class="myntraluxe" style="background-image: url('myntra1.webp');"></div>
-    </div>
-
-    <div class="luxe">
-        <div class="myntraluxe" style="background-image: url('myntra2.webp');"></div>
-    </div>
-
-    <div class="luxe">
-        <div class="myntraluxe" style="background-image: url('myntra3.webp');"></div>
-    </div>
-
-    <div class="luxe">
-        <div class="myntraluxe" style="background-image: url('myntra4.webp');"></div>
-    </div>
-
-    <div class="luxe">
-        <div class="myntraluxe" style="background-image: url('myntra5.webp');"></div>
-    </div>
-
-    <div class="luxe">
-        <div class="myntraluxe" style="background-image: url('myntra6.webp');"></div>
-    </div>
-
-    <div class="luxe">
-        <div class="myntraluxe" style="background-image: url('myntra7.webp');"></div>
-    </div>
-
-    <div class="luxe">
-        <div class="myntraluxe" style="background-image: url('myntra8.webp');"></div>
-    </div>
-
-    <div class="luxe">
-        <div class="myntraluxe" style="background-image: url('myntra9.webp');"></div>
-    </div>
-
-    <div class="luxe">
-        <div class="myntraluxe" style="background-image: url('myntra10.webp');"></div>
-    </div>
-
-    <div class="luxe">
-        <div class="myntraluxe" style="background-image: url('myntra11.webp');"></div>
-    </div>
-
-    <div class="luxe">
-        <div class="myntraluxe" style="background-image: url('myntra12.webp');"></div>
-    </div>
-
-    <div class="luxe">
-        <div class="myntraluxe" style="background-image: url('myntra13.webp');"></div>
-    </div>
-
-    <div class="luxe">
-        <div class="myntraluxe" style="background-image: url('myntra14.webp');"></div>
-    </div>
-
-    <!-- <div class="luxe">
-        <div class="myntraluxe" style="background-image: url('myntra15.webp');"></div>
-    </div>
-
-    <div class="luxe">
-        <div class="myntraluxe" style="background-image: url('myntra16.webp');"></div>
-    </div> -->
-
-    <div class="card">
-        GIFTING CARDS
-    </div>
-
-    <div class="gift">
-        <div class="giftcard" style="background-image: url('card1.jfif');"></div>
-    </div>
-
-    <div class="gift">
-        <div class="giftcard" style="background-image: url('card2.webp');"></div>
-    </div>
-
-    <div class="gift">
-        <div class="giftcard" style="background-image: url('card3.webp');"></div>
-    </div>
-
-    <div class="gift">
-        <div class="giftcard" style="background-image: url('card4.webp');"></div>
-    </div>
-
-    <div class="gifting">
-        <div class="giftcard-img" style="background-image: url('card5.webp');"></div>
-    </div>
-
-    <div class="gifting">
-        <div class="giftcard-img" style="background-image: url('card6.webp');"></div>
-    </div>
-
-    <div class="gifting">
-        <div class="giftcard-img" style="background-image: url('card7.webp');"></div>
-    </div>
-
-    <div class="gifting">
-        <div class="giftcard-img" style="background-image: url('card8.jpg');"></div>
-    </div>
-
-    <div class="gifting">
-        <div class="giftcard-img" style="background-image: url('card10.jpg');"></div>
-    </div>
-
-    <div class="gifting">
-        <div class="giftcard-img" style="background-image: url('card11.webp');"></div>
-    </div>
-    <div class="gifting">
-        <div class="giftcard-img" style="background-image: url('card12.webp');"></div>
-    </div>
-
-    <!-- ============================================================================================================================================= -->
-
-    <div class="her">
-        TRENDS FOR HER
-    </div>
-
-    <div class="trend">
-        <div class="trendher" style="background-image: url(her1.webp);"></div>
-    </div>
-
-    <div class="trend">
-        <div class="trendher" style="background-image: url(her2.webp);"></div>
-    </div>
-
-    <div class="trend">
-        <div class="trendher" style="background-image: url(her3.webp);"></div>
-    </div>
-
-    <div class="trend">
-        <div class="trendher" style="background-image: url(her4.webp);"></div>
-    </div>
-
-    <div class="trend">
-        <div class="trendher" style="background-image: url(her5.webp);"></div>
-    </div>
-
-    <div class="trend">
-        <div class="trendher" style="background-image: url(her6.webp);"></div>
-    </div>
-    <div class="trend">
-        <div class="trendher" style="background-image: url(her7.webp);"></div>
-    </div>
-
-    <!-- ============================================================================================================== -->
-    <div class="him">
-        TRENDS FOR HIM
-    </div>
-
-    <div class="trends">
-        <div class="trendhim" style="background-image: url('him1.webp');"></div>
-    </div>
-
-    <div class="trends">
-        <div class="trendhim" style="background-image: url('him2.webp');"></div>
-    </div>
-
-    <div class="trends">
-        <div class="trendhim" style="background-image: url('him3.jpg');"></div>
-    </div>
-
-    <div class="trends">
-        <div class="trendhim" style="background-image: url('him4.webp');"></div>
-    </div>
-
-    <div class="trends">
-        <div class="trendhim" style="background-image: url('him5.webp');"></div>
-    </div>
-
-    <div class="trends">
-        <div class="trendhim" style="background-image: url('him6.webp');"></div>
-    </div>
-
-    <div class="trends">
-        <div class="trendhim" style="background-image: url('him7.webp');"></div>
-    </div>
-
-    <!-- ===================================================================================================== -->
-
-    <div class="kid">
-        BEST FOR KIDSWEAR
-    </div>
-
-    <div class="trendy">
-        <div class="trendkid" style="background-image: url(kid1.webp);"></div>
-    </div>
-
-    <div class="trendy">
-        <div class="trendkid" style="background-image: url(kid2.webp);"></div>
-    </div>
-
-    <div class="trendy">
-        <div class="trendkid" style="background-image: url(kid3.webp);"></div>
-    </div>
-
-    <div class="trendy">
-        <div class="trendkid" style="background-image: url(kid4.webp);"></div>
-    </div>
-
-    <div class="trendy">
-        <div class="trendkid" style="background-image: url(kid5.webp);"></div>
-    </div>
-
-    <div class="trendy">
-        <div class="trendkid" style="background-image: url(kid6.webp);"></div>
-    </div>
-
-    <div class="trendy">
-        <div class="trendkid" style="background-image: url(kid7.jpg);"></div>
-    </div>
-
-    <!-- ======================================================================================================= -->
-    <div class="new">
-        NEW IN TOP BRANDS
-    </div>
-
-    <div class="newtop">
-        <div class="newtopbrand" style="background-image: url(new1.webp);"></div>
-    </div>
-
-    <div class="newtop">
-        <div class="newtopbrand" style="background-image: url(new2.webp);"></div>
-    </div>
-
-    <div class="newtop">
-        <div class="newtopbrand" style="background-image: url(new3.webp);"></div>
-    </div>
-
-    <div class="newtop">
-        <div class="newtopbrand" style="background-image: url(new4.webp);"></div>
-    </div>
-
-    <div class="newtop">
-        <div class="newtopbrand" style="background-image: url(new5.webp);"></div>
-    </div>
-
-    <div class="newtop">
-        <div class="newtopbrand" style="background-image: url(new6.webp);"></div>
-    </div>
-
-    <div class="newtop">
-        <div class="newtopbrand" style="background-image: url(new7.webp);"></div>
-    </div>
-
-    <!-- ========================================================================================================= -->
-    <div class="newness">
-        NEWNESS FOR EVERY OCCASION
-    </div>
-
-    <div class="every">
-        <div class="occasion" style="background-image: url('newness1.webp');"></div>
-    </div>
-
-    <div class="every">
-        <div class="occasion" style="background-image: url('newness2.webp');"></div>
-    </div>
-
-    <div class="every">
-        <div class="occasion" style="background-image: url('newness3.webp');"></div>
-    </div>
-
-    <div class="every">
-        <div class="occasion" style="background-image: url('newness4.webp');"></div>
-    </div>
-
-    <div class="every">
-        <div class="occasion" style="background-image: url('newness5.webp');"></div>
-    </div>
-
-    <div class="every">
-        <div class="occasion" style="background-image: url('newness6.webp');"></div>
-    </div>
-
-    <div class="every">
-        <div class="occasion" style="background-image: url('newness7.webp');"></div>
-    </div>
-
-    <div class="every">
-        <div class="occasion" style="background-image: url('newness8.webp');"></div>
-    </div>
-
-    <!-- ========================================================================================== -->
-
-    <div class="beaut">
-        LATEST IN BEAUTY & GROOMING
-    </div>
-    <div class="latest">
-        <div class="latestbeauty" style="background-image: url('latest1.webp');"></div>
-    </div>
-
-    <div class="latest">
-        <div class="latestbeauty" style="background-image: url('latest2.webp');"></div>
-    </div>
-
-    <div class="latest">
-        <div class="latestbeauty" style="background-image: url('latest3.webp');"></div>
-    </div>
-
-    <div class="latest">
-        <div class="latestbeauty" style="background-image: url('latest4.webp');"></div>
-    </div>
-
-    <div class="latest">
-        <div class="latestbeauty" style="background-image: url('latest5.webp');"></div>
-    </div>
-
-    <div class="latest">
-        <div class="latestbeauty" style="background-image: url('latest6.webp');"></div>
-    </div>
-
-    <div class="latest">
-        <div class="latestbeauty" style="background-image: url('latest7.webp');"></div>
-    </div>
-
-    <div class="latest">
-        <div class="latestbeauty" style="background-image: url('latest8.webp');"></div>
-    </div>
-
-    <!-- ================================================================================================== -->
-
-    <div class="season">
-        UNMISSABLE THIS SEASON 
-    </div>
-
-    <div class="unmissable">
-        <div class="seas" style="background-image: url('season1.webp');"></div>
-    </div>
-
-    <div class="unmissable">
-        <div class="seas" style="background-image: url('season2.webp');"></div>
-    </div>
-
-    <div class="unmissable">
-        <div class="seas" style="background-image: url('season3.webp');"></div>
-    </div>
-
-    <div class="unmissable">
-        <div class="seas" style="background-image: url('season4.webp');"></div>
-    </div>
-
-    <div class="unmissable">
-        <div class="seas" style="background-image: url('season5.webp');"></div>
-    </div>
-
-    <div class="unmissable">
-        <div class="seas" style="background-image: url('season6.webp');"></div>
-    </div>
-
-    <div class="unmissable">
-        <div class="seas" style="background-image: url('season7.webp');"></div>
-    </div>
-
-    <!-- <div class="unmissable">
-        <div class="seas" style="background-image: url('season8.webp');"></div>
-    </div> -->
-
-    <!-- =========================================================================================================== -->
-
-    <div class="color">
-        COLOURS OF THE SEASON
-    </div>
-
-    <div class="colors">
-        <div class="colorseason" style="background-image: url('color1.webp');"></div>
-    </div>
-
-    <div class="colors">
-        <div class="colorseason" style="background-image: url('color2.webp');"></div>
-    </div>
-
-    <div class="colors">
-        <div class="colorseason" style="background-image: url('color3.webp');"></div>
-    </div>
-
-    <div class="colors">
-        <div class="colorseason" style="background-image: url('color4.webp');"></div>
-    </div>
-
-    <div class="colors">
-        <div class="colorseason" style="background-image: url('color5.webp');"></div>
-    </div>
-
-    <div class="colors">
-        <div class="colorseason" style="background-image: url('color6.webp');"></div>
-    </div>
-
-    <div class="colors">
-        <div class="colorseason" style="background-image: url('color7.webp');"></div>
-    </div>
-
-    <div class="colors">
-        <div class="colorseason" style="background-image: url('color8.webp');"></div>
-    </div>
-
-    <!-- ============================================================================================== -->
-
-    <div class="budget">
-        BUDGET PICKS INFLUENCERS LOVE
-    </div>
-
-    <div class="budgetpicks">
-        <div class="budgetinflu" style="background-image: url('budget1.jfif');"></div>
-    </div>
-
-    <div class="budgetpicks">
-        <div class="budgetinflu" style="background-image: url('budget2.jfif');"></div>
-    </div>
-
-    <div class="budgetpicks">
-        <div class="budgetinflu" style="background-image: url('budget3.webp');"></div>
-    </div>
-
-    <div class="budgetpicks">
-        <div class="budgetinflu" style="background-image: url('budget4.jfif');"></div>
-    </div>
-
-    <div class="budgetpicks">
-        <div class="budgetinflu" style="background-image: url('budget5.jfif');"></div>
-    </div>
-
-    <div class="budgetpicks">
-        <div class="budgetinflu" style="background-image: url('budget6.webp');"></div>
-    </div>
-
-    <div class="budgetpicks">
-        <div class="budgetinflu" style="background-image: url('budget7.jfif');"></div>
-    </div>
-
-    <div class="budgetpicks">
-        <div class="budgetinflu" style="background-image: url('budget8.webp');"></div>
-    </div>
-
-<!-- --------------------------------------------------------------------------------------------------------------------------------------------- -->
-
-<footer>
-    <div class="foot-panel">
-        <ul>
-            <p>ONLINE SHOPPING</p>
-            <a href="#">Men</a>
-            <a href="#">Women</a>
-            <a href="#">Kids</a>
-            <a href="#">Home & Living</a>
-            <a href="#">Beauty</a>
-            <a href="#">Gift Cards</a>
-            <a href="#">Myntra Insider</a>
-
-            <!-- ------------------------------------------------------------- -->
-
-            <p>USEFUL LINKS</p>
-            <a href="#">Blog</a>
-            <a href="#">Careers</a>
-            <a href="#">Site Map</a>
-            <a href="#">Corporate Information</a>
-            <a href="#">Whitehat</a>
-        </ul>
-
-        <ul>
-            <p>Customer Policies</p>
-            <a href="#">Contact us</a>
-            <a href="#">FAO</a>
-            <a href="#">T&C</a>
-            <a href="#">Terms of Use</a>
-            <a href="#">Track Orders</a>
-            <a href="#">Shipping</a>
-            <a href="#">Cancellation</a>
-            <a href="#">Returns</a>
-            <a href="#">Privacy policy</a>
-            <a href="#">Grievance Officer</a>
-        </ul>
-
-        <ul>
-            <p>EXPERIENCE MYNTRA APP ON MOBILE</p>
-            <img src="playstore.jpg"/>
-            <p>KEEP IN TOUCH</p>
-            <i class="fa-brands fa-square-facebook"></i>
-            <i class="fa-brands fa-twitter"></i>
-            <i class="fa-brands fa-youtube"></i>
-            <i class="fa-brands fa-square-instagram"></i>
-        </ul>
-
-        <ul>
-            <p class="orignal">100% ORIGINAL</p>
-            <a>guarantee for all products at myntra.com</a>
-
-            <p class="orignal">Return within 14 days</p>
-            <a>of reciving your order</a>
-        </ul>
-    </div>
-
-    <div class="foot-panel2">
-        <div class="pop">
-            <p class="popsearch">POPULAR SEARCHES</p>
-            <a class="popsear"> Makeup | Dresses For Girls | T-Shirts | Sandals | Headphones | Babydolls | Blazers For Men | Handbags | Ladies Watches | Bags | Sport Shoes | Reebok Shoes | Puma Shoes | Boxers | Wallets | Tops | Earrings | Fastrack Watches | Kurtis
-                Nike | Smart Watches | Titan Watches</a>
-            <a>Designer Blouse | Gowns | Rings | Cricket Shoes | Forever 21 | Eye Makeup | Photo Frames | Punjabi Suits | Bikini | Myntra Fashion Show | Lipstick  
-                Saree | Watches | Dresses | Lehenga</a> 
-            <a>Nike Shoes | Goggles | Bras | Suit | Chinos | Shoes | Adidas Shoes | Woodland Shoes | Jewellery | Designers Sarees
-            </a>
-
-            <p>In case of any concern, Contact Us© 2023 www.myntra.com. All rights reserved.</p>
-        </div>
-        <hr>
-        <div class="office_address">
-            <p>Buildings Alyssa,</p>
-            <p>Begonia and Clover situated in Embassy Tech Village,</p>
-            <p>Outer Ring Road,</p>
-            <p>Devarabeesanahalli Village,</p>
-            <p>Varthur Hobli,</p>
-            <p>Bengaluru – 560103, India</p>
-    </div>
-
-</footer>
-
+   <!-- NAVBAR COADING END -->
+    
+    <script src="index.js"></script>
 </body>
+
 </html>
