It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://www.bit.ly/3xAHxPn

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.  <meta charset="UTF-8">
  5.  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.  <title>Experience Luxurious Ethnic Fashion Elegance at Kapadakart</title>
  7.  <link rel="icon" type="image/png" href="logo2.png" />
  8. <meta name="description" content="Kapadakart: Your one-stop online store for stylish ethnic fashion and unique home dรฉcor. Shop trendy clothing for men & women plus exclusive dรฉcor pieces.">
  9.  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
  10.  <link rel="stylesheet" href="styles.css">
  11.  <script src="https://accounts.google.com/gsi/client" async defer></script>
  12.  
  13.   <script src="https://www.gstatic.com/firebasejs/10.12.0/firebase-app.js"></script>
  14.  <script src="https://www.gstatic.com/firebasejs/10.12.0/firebase-auth.js"></script>
  15.  <script src="https://www.gstatic.com/firebasejs/10.12.0/firebase-analytics.js"></script>
  16.  <script src="/firebase-config.js"></script>
  17.    <script src="auth.js"></script>
  18.    <script>
  19.  if (/Mobi|Android|iPhone|iPad|iPod/i.test(navigator.userAgent)) {
  20.    document.write('<style>body{display:none !important;}</style>');
  21.    window.location.href = "blocked.html";
  22.  }
  23. </script>
  24.  
  25.    
  26. <link rel="stylesheet" href="mediaquery.css">
  27.  
  28. </head>
  29. <body>
  30. <!-- Google Sign-In SDK -->
  31. <script src="https://accounts.google.com/gsi/client" async defer></script>
  32.  
  33. <nav>
  34.  <div id="navbar">
  35.    <div id="user-info"></div>
  36.  </div>
  37. </nav>
  38. <style>
  39.  #auth-section {
  40.    display: flex;
  41.    align-items: center;
  42.  }
  43.  
  44.  #auth-section img {
  45.    width: 32px;
  46.    height: 32px;
  47.    border-radius: 50%;
  48.    margin-right: 8px;
  49.  }
  50.  
  51.  .auth-text {
  52.    display: flex;
  53.    flex-direction: column;
  54.  }
  55.  
  56.  .auth-text span {
  57.    font-weight: bold;
  58.  }
  59.  
  60.  .auth-text button {
  61.    background: none;
  62.    border: none;
  63.    color: #0073e6;
  64.    cursor: pointer;
  65.    font-weight: bold;
  66.    padding: 0;
  67.  }
  68.  #logoutBtn {
  69.  background: transparent;
  70.  border: 1px solid #fff;
  71.  color: #fff;
  72.  padding: 4px 10px;
  73.  border-radius: 6px;
  74.  cursor: pointer;
  75.  font-size: 13px;
  76.  transition: all 0.3s ease;
  77. }
  78.  
  79. #logoutBtn:hover {
  80.  background: #fff;
  81.  color: #6a1b9a; /* your purple navbar color */
  82.  border-color: #fff;
  83. }
  84.  
  85. </style>
  86. <script>
  87.  // Decode JWT token
  88.  function parseJwt(token) {
  89.    let base64Url = token.split('.')[1];
  90.    let base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/');
  91.    let jsonPayload = decodeURIComponent(
  92.      atob(base64).split('').map(function (c) {
  93.        return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);
  94.      }).join('')
  95.    );
  96.    return JSON.parse(jsonPayload);
  97.  }
  98.  
  99.  function handleCredentialResponse(response) {
  100.    const user = parseJwt(response.credential);
  101.    localStorage.setItem("id_token", response.credential);
  102.  
  103.    renderUserInfo(user);
  104.  }
  105.  
  106.  // Render navbar after login
  107. function renderUserInfo(user) {
  108.  document.getElementById("auth-section").innerHTML = `
  109.    <img src="${user.picture}" alt="profile">
  110.    <div class="auth-text">
  111.      <span>Welcome, <b>${user.name}</b></span>
  112.      <button id="logoutBtn">Logout</button>
  113.    </div>
  114.  `;
  115.  document.getElementById("logoutBtn").addEventListener("click", logout);
  116. }
  117.  
  118.  
  119.  // Auto-login if token exists
  120.  window.onload = function () {
  121.    const id_token = localStorage.getItem("id_token");
  122.    if (id_token) {
  123.      const user = parseJwt(id_token);
  124.      renderUserInfo(user);
  125.    } else {
  126.      google.accounts.id.initialize({
  127.        client_id: "336382688650-l2d1ie5c5ce2bv1ods4rpaovnh4l6dd8.apps.googleusercontent.com",
  128.        callback: handleCredentialResponse
  129.      });
  130.  
  131.      google.accounts.id.renderButton(
  132.        document.getElementById("auth-section"),
  133.        { theme: "outline", size: "large" }
  134.      );
  135.    }
  136.  };
  137.  
  138.  function logout() {
  139.    localStorage.removeItem("id_token");
  140.    google.accounts.id.disableAutoSelect();
  141.    location.reload();
  142.  }
  143. </script>
  144.  
  145.  
  146.  
  147.  <!-- Top Navigation Bar -->
  148. <nav class="navbar">
  149.  <div class="nav-logo">
  150.    <a href="index.html" class="logo">Kapada<span>Kart</span></a>
  151.  </div>
  152.  
  153.  <div class="nav-search">
  154.    <select class="search-select">
  155.      <option value="">All Categories</option>
  156.      <option value="mens-fashion">Men's Fashion</option>
  157.      <option value="womens-fashion">Women's Fashion</option>
  158.      <option value="kids">Kids & Baby</option>
  159.      <option value="footwear">Footwear</option>
  160.      <option value="accessories">Accessories</option>
  161.    </select>
  162.    <input type="text" class="search-input" placeholder="Search for trendy fashion...">
  163.    <button class="search-button" id="searchBtn">
  164.      <i class="fas fa-search"></i> Search
  165.    </button>
  166.  </div>
  167.  
  168. <div class="nav-actions">
  169.  
  170. <!-- Navbar Auth Area -->
  171. <div class="nav-action" id="auth-section">
  172.  <i class="fas fa-user"></i>
  173.  <div class="nav-action-text">
  174.    <a href="login.html" id="login-link" style="text-decoration: none; color: inherit;">
  175.      <span id="auth-greeting">Hello, Sign in</span>
  176.    </a>
  177.    <strong id="auth-account">Account</strong>
  178.  </div>
  179. </div>
  180.  
  181.  
  182.    <!-- <a href="orders.html" class="nav-action">
  183.      <i class="fas fa-box"></i>
  184.      <div class="nav-action-text">
  185.        <span>Your</span>
  186.        <strong>Orders</strong>
  187.      </div>
  188.    </a> -->
  189.  
  190.  <a href="" class="nav-action">
  191.    <i class="fas fa-heart"></i>
  192.    <div class="nav-action-text">
  193.      <span>Your</span>
  194.      <strong>Wishlist</strong>
  195.    </div>
  196.  </a>
  197.  
  198.  <a href="cart.html" class="nav-action cart-action">
  199.    <i class="fas fa-shopping-cart"></i>
  200.    <span class="cart-count">0</span>
  201.    <div class="nav-action-text">
  202.      <span>Total</span>
  203.      <strong>Cart</strong>
  204.    </div>
  205.  </a>
  206. </div>
  207.  
  208.  </nav>
  209.  <!-- Google Sign-In -->
  210. <!-- <div id="g_id_onload"
  211.     data-client_id="336382688650-l2d1ie5c5ce2bv1ods4rpaovnh4l6dd8.apps.googleusercontent.com"
  212.     data-callback="handleCredentialResponse"
  213.     data-auto_prompt="false">
  214. </div>
  215.  
  216. <div class="g_id_signin"
  217.     data-type="standard"
  218.     data-size="large"
  219.     data-theme="outline"
  220.     data-text="sign_in_with"
  221.     data-shape="rectangular"
  222.     data-logo_alignment="left">
  223. </div> -->
  224.  
  225.  <!-- Category Navigation with Dropdowns -->
  226.  <div class="category-nav">
  227.    <div class="category-dropdown">
  228.      <button class="category-btn">
  229.        <i class="fas fa-bars"></i> All Categories
  230.      </button>
  231.      <div class="dropdown-content">
  232.        <div class="dropdown-column">
  233.          <h4>Men's Fashion</h4>
  234.          <a href="#">Shirts</a>
  235.          <a href="#">T-Shirts</a>
  236.          <a href="#">Jeans</a>
  237.          <a href="#">Kurtas</a>
  238.          <a href="#">Ethnic Wear</a>
  239.          <a href="#">Winter Wear</a>
  240.        </div>
  241.        <div class="dropdown-column">
  242.          <h4>Women's Fashion</h4>
  243.          <a href="#">Dresses</a>
  244.          <a href="#">Tops</a>
  245.          <a href="#">Sarees</a>
  246.          <a href="#">Kurtis</a>
  247.          <a href="#">Leggings</a>
  248.          <a href="#">Winter Wear</a>
  249.        </div>
  250.        <div class="dropdown-column">
  251.          <h4>Kids & Baby</h4>
  252.          <a href="#">Boys Clothing</a>
  253.          <a href="#">Girls Clothing</a>
  254.          <a href="#">Baby Clothes</a>
  255.          <a href="#">School Uniforms</a>
  256.          <a href="#">Footwear</a>
  257.          <a href="#">Accessories</a>
  258.        </div>
  259.        <div class="dropdown-column">
  260.          <h4>Footwear</h4>
  261.          <a href="#">Men's Shoes</a>
  262.          <a href="#">Women's Shoes</a>
  263.          <a href="#">Sandals</a>
  264.          <a href="#">Slippers</a>
  265.          <a href="#">Sports Shoes</a>
  266.          <a href="#">Casual Shoes</a>
  267.        </div>
  268.        <div class="dropdown-column">
  269.  <h4>Beauty</h4>
  270.  <a href="#">Skincare</a>
  271.  <a href="#">Makeup</a>
  272.  <a href="#">Hair Care</a>
  273.  <a href="#">Fragrances</a>
  274.  <a href="#">Bath & Body</a>
  275.  <a href="#">Men's Grooming</a>
  276. </div>
  277.      </div>
  278.    </div>
  279.    <nav class="affiliate-navbar">
  280.  <!-- Primary Links -->
  281.  <a href="#" class="nav-link highlight">
  282.  <svg width="18" height="18" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
  283.    <path d="M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z" fill="#FF5722"/>
  284.  </svg>
  285.  Best Deals for you
  286. </a>
  287. <a href="#" class="nav-link">
  288.  <svg width="18" height="18" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
  289.    <path d="M7 18C5.9 18 5.01 18.9 5.01 20C5.01 21.1 5.9 22 7 22C8.1 22 9 21.1 9 20C9 18.9 8.1 18 7 18ZM1 2V4H3L6.6 11.59L5.25 14.04C5.09 14.32 5 14.65 5 15C5 16.1 5.9 17 7 17H19V15H7.42C7.28 15 7.17 14.89 7.17 14.75L7.2 14.63L8.1 13H15.55C16.3 13 16.96 12.59 17.3 11.97L20.88 5.48C20.96 5.34 21 5.17 21 5C21 4.45 20.55 4 20 4H5.21L4.27 2H1ZM17 18C15.9 18 15.01 18.9 15.01 20C15.01 21.1 15.9 22 17 22C18.1 22 19 21.1 19 20C19 18.9 18.1 18 17 18Z" fill="#4CAF50"/>
  290.  </svg>
  291.  Special Products
  292. </a>
  293. <a href="#" class="nav-link">
  294.  <svg width="18" height="18" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
  295.    <path d="M21.6 18.2L13 11.75V6.5H15V4.5H9V6.5H11V11.75L2.4 18.2C1.63 18.78 2.04 20 3 20H21C21.96 20 22.37 18.78 21.6 18.2Z" fill="#E91E63"/>
  296.  </svg>
  297.  Fashion
  298. </a>
  299. <a href="#" class="nav-link">
  300.  <svg width="18" height="18" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
  301.    <path d="M17.66 8L12 2.35L6.34 8C4.78 9.56 4 11.64 4 13.64C4 15.64 4.78 17.75 6.34 19.31C7.9 20.87 9.95 21.66 12 21.66C14.05 21.66 16.1 20.87 17.66 19.31C19.22 17.75 20 15.64 20 13.64C20 11.64 19.22 9.56 17.66 8ZM6 14C6 12.9 6.46 11.9 7.24 11.17L12 6.5L16.76 11.17C17.54 11.9 18 12.9 18 14H6Z" fill="#9C27B0"/>
  302.  </svg>
  303.  Beauty Products
  304. </a>
  305. <a href="#" class="nav-link">
  306.  <svg width="18" height="18" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
  307.    <path d="M19 9H17V7H19V9ZM19 13H17V11H19V13ZM19 17H17V15H19V17ZM13 9H11V7H13V9ZM13 13H11V11H13V13ZM13 17H11V15H13V17ZM7 9H5V7H7V9ZM7 13H5V11H7V13ZM7 17H5V15H7V17ZM20 5H4C3.45 5 3 5.45 3 6V18C3 18.55 3.45 19 4 19H20C20.55 19 21 18.55 21 18V6C21 5.45 20.55 5 20 5ZM19 19H5V5H19V19Z" fill="#2196F3"/>
  308.  </svg>
  309.  Home Decor
  310. </a>
  311. <a href="#" class="nav-link">
  312.  <svg width="18" height="18" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
  313.    <path d="M9.5 14C9.5 15.1046 10.3954 16 11.5 16C12.6046 16 13.5 15.1046 13.5 14C13.5 12.8954 12.6046 12 11.5 12C10.3954 12 9.5 12.8954 9.5 14Z" fill="#FF9800"/>
  314.    <path fill-rule="evenodd" clip-rule="evenodd" d="M2 5C2 3.34315 3.34315 2 5 2H19C20.6569 2 22 3.34315 22 5V19C22 20.6569 20.6569 22 19 22H5C3.34315 22 2 20.6569 2 19V5ZM5 4H19C19.5523 4 20 4.44772 20 5V19C20 19.5523 19.5523 20 19 20H5C4.44772 20 4 19.5523 4 19V5C4 4.44772 4.44772 4 5 4Z" fill="#FF9800"/>
  315.  </svg>
  316.  Coupons
  317. </a>
  318.    <a href="https://belinkable.blogspot.com/" class="nav-link" target=_blank>Blog</a>
  319.  
  320.  
  321.  <!-- Dropdown
  322.  <div class="affiliate-dropdown">
  323.    <button class="dropdown-btn">
  324.      More
  325.      <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
  326.        <path d="M6 9l6 6 6-6"/>
  327.      </svg>
  328.    </button>
  329.    <div class="dropdown-menu">
  330.      <a href="#">๐Ÿ’„ Beauty & Care</a>
  331.      <a href="#">๐Ÿช” Festive Specials</a>
  332.      <a href="#">๐Ÿ’ Wedding</a>
  333.      <a href="#">๐ŸŽ’ Back to School</a>
  334.      <a href="#">๐Ÿ›’ Clearance Sale</a>
  335.      <a href="#">โญ Verified Reviews</a>
  336.      <a href="#">๐Ÿ’ฐ Money Saving Tips</a>
  337.    </div>
  338.  </div>
  339. </nav> -->
  340.  
  341. <style>
  342. /* Base Styles */
  343. .affiliate-navbar {
  344.  display: flex;
  345.  align-items: center;
  346.  gap: 2px;
  347.  padding: 0 16px;
  348.  background: #ffffff;
  349.  border-bottom: 1px solid #f0f0f0;
  350.  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  351.  height: 56px;
  352. }
  353.  
  354. /* Navigation Links */
  355. .nav-link {
  356.  text-decoration: none;
  357.  color: #4a4a4a;
  358.  font-size: 14px;
  359.  font-weight: 500;
  360.  padding: 8px 12px;
  361.  border-radius: 6px;
  362.  white-space: nowrap;
  363.  transition: all 0.2s ease;
  364.  display: flex;
  365.  align-items: center;
  366.  gap: 6px;
  367. }
  368.  
  369. .nav-link:hover {
  370.  background: blanchedalmond;
  371.  color: #2a2a2a;
  372. }
  373.  
  374. .nav-link.highlight {
  375.  color: #e63946;
  376.  font-weight: 600;
  377. }
  378.  
  379. /* Dropdown Styles */
  380. .affiliate-dropdown {
  381.  position: relative;
  382.  margin-left: 8px;
  383. }
  384.  
  385. .dropdown-btn {
  386.  background: transparent;
  387.  border: none;
  388.  cursor: pointer;
  389.  font-size: 14px;
  390.  font-weight: 500;
  391.  color: #4a4a4a;
  392.  padding: 8px 12px;
  393.  border-radius: 6px;
  394.  display: flex;
  395.  align-items: center;
  396.  gap: 4px;
  397.  transition: all 0.2s ease;
  398. }
  399.  
  400. .dropdown-btn:hover {
  401.  background: #f8f8f8;
  402. }
  403.  
  404. .dropdown-btn svg {
  405.  transition: transform 0.2s ease;
  406. }
  407.  
  408. .affiliate-dropdown:hover .dropdown-btn svg {
  409.  transform: rotate(180deg);
  410. }
  411.  
  412. .dropdown-menu {
  413.  position: absolute;
  414.  top: 100%;
  415.  left: 0;
  416.  background: white;
  417.  min-width: 180px;
  418.  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  419.  border-radius: 8px;
  420.  padding: 8px 0;
  421.  opacity: 0;
  422.  visibility: hidden;
  423.  transform: translateY(8px);
  424.  transition: all 0.2s ease;
  425.  z-index: 100;
  426.  border: 1px solid #f0f0f0;
  427. }
  428.  
  429. .affiliate-dropdown:hover .dropdown-menu {
  430.  opacity: 1;
  431.  visibility: visible;
  432.  transform: translateY(0);
  433. }
  434.  
  435. .dropdown-menu a {
  436.  display: flex;
  437.  align-items: center;
  438.  gap: 8px;
  439.  padding: 8px 16px;
  440.  color: #4a4a4a;
  441.  text-decoration: none;
  442.  font-size: 14px;
  443.  transition: all 0.1s ease;
  444. }
  445.  
  446. .dropdown-menu a:hover {
  447.  background: #f9f9f9;
  448.  color: #e63946;
  449. }
  450.  
  451. /* Responsive Considerations */
  452. @media (max-width: 1200px) {
  453.  .affiliate-navbar {
  454.    overflow-x: auto;
  455.    padding: 0 12px;
  456.    -webkit-overflow-scrolling: touch;
  457.  }
  458.  .affiliate-navbar::-webkit-scrollbar {
  459.    display: none;
  460.  }
  461. }
  462. </style>
  463.  
  464. <script>
  465. // Close dropdown when clicking outside
  466. document.addEventListener('click', function(e) {
  467.  if (!e.target.closest('.affiliate-dropdown')) {
  468.    document.querySelectorAll('.dropdown-menu').forEach(menu => {
  469.      menu.style.opacity = '0';
  470.      menu.style.visibility = 'hidden';
  471.    });
  472.  }
  473. });
  474. </script>
  475. </div>
  476.  
  477.  <!-- Hero Banner -->
  478. <!-- Hero Banner Carousel -->
  479. <div class="hero-carousel">
  480.  <div class="carousel-inner">
  481.    <div class="carousel-item active">
  482.        <img src="shoes1.jpg" alt="Ethnic Footwear">
  483.      <div class="banner-content">
  484.        <h2>Footwear</h2>
  485.        <p>Handcrafted mojris, juttis & more</p>
  486.        <button class="shop-now-btn">Shop Footwear</button>
  487.      </div>
  488.    </div>
  489.    <div class="carousel-item">
  490.      <img src="mensfashion.png" alt="Men's Fashion">
  491.      <div class="banner-content">
  492.        <h2>Men's Fashion</h2>
  493.        <p>Sherwanis, Kurtas & Modern Ethnic Wear</p>
  494.        <button class="shop-now-btn">Explore Now</button>
  495.      </div>
  496.    </div>
  497.    <div class="carousel-item">
  498.      <img src="womensfashion.png" alt="Women's Fashion">
  499.      <div class="banner-content">
  500.        <h2>Women's Fashion</h2>
  501.        <p>Sarees, Lehengas & Contemporary Styles</p>
  502.        <button class="shop-now-btn">Shop Women</button>
  503.      </div>
  504.    </div>
  505.    <div class="carousel-item">
  506.      <img src="kids.jpeg" alt="Kids Fashion">
  507.      <div class="banner-content">
  508.        <h2>Kids Fashion</h2>
  509.        <p>Adorable traditional outfits for little ones</p>
  510.        <button class="shop-now-btn">Shop Kids</button>
  511.      </div>
  512.    </div>
  513.    <div class="carousel-item">
  514.      <img src="beauty and care -1.jpg" alt="Beauty & Care">
  515.      <div class="banner-content">
  516.        <h2>Beauty & Care</h2>
  517.        <p>Ayurvedic products & traditional grooming</p>
  518.        <button class="shop-now-btn">View Collection</button>
  519.      </div>
  520.    </div>
  521.    <div class="carousel-item">
  522.    <img src="Ethnic vwear 5 (1).jpg" alt="Ethnic Fashion">
  523.      <div class="banner-content">
  524.        <h1>Ethnic Fashion</h1>
  525.        <p>Authentic handcrafted traditional outfits</p>
  526.        <button class="shop-now-btn">Shop Now</button>
  527.    </div>
  528.  </div>
  529. </div>
  530.  <button class="carousel-control prev">&#10094;</button>
  531.  <button class="carousel-control next">&#10095;</button>
  532.  <div class="carousel-indicators"></div>
  533. </div>
  534.  
  535.  <!-- Category Tiles -->
  536.  <div class="section-title">
  537.    <h2>Shop by Fashion Category</h2>
  538.    <!-- <a href="#" class="view-all">View All</a> -->
  539.  </div>
  540.  
  541.  <div class="category-tiles">
  542.    <div class="category-tile">
  543.      <img src="kurta -kapa.png" alt="Men's Fashion">
  544.      <div class="tile-overlay">
  545.        <h3>Men's Fashion</h3>
  546. <button onclick="window.location.href='male-fashion'">Shop Now</button>
  547.      </div>
  548.    </div>
  549.    
  550.    <div class="category-tile">
  551.      <img src="womenfashion.png" alt="Women's Fashion">
  552.      <div class="tile-overlay">
  553.        <h3>Women's Fashion</h3>
  554. <button onclick="window.location.href='female-fashion'">Shop Now</button>
  555.      </div>
  556.    </div>
  557.    
  558.    <div class="category-tile">
  559.      <img src="kid1.png" alt="Kids Fashion">
  560.      <div class="tile-overlay">
  561.        <h3>Kids Fashion</h3>
  562. <button onclick="window.location.href='kids-fashion.html'">Shop Now</button>
  563.      </div>
  564.    </div>
  565.    
  566.    <div class="category-tile">
  567.      <img src="https://images.unsplash.com/photo-1460353581641-37baddab0fa2?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60" alt="Footwear">
  568.      <div class="tile-overlay">
  569.        <h3>Footwear</h3>
  570.        <button>Shop Now</button>
  571.      </div>
  572.    </div>
  573.  </div>
  574.  
  575. <div class="section-title">
  576.  <h2>Shop by Product Category</h2>
  577.  <!-- <a href="#" class="view-all">View All</a> -->
  578. </div>
  579.  
  580. <div class="category-tiles">
  581.  <div class="category-tile">
  582.    <img src="ProductCard/beauty-care.avif" alt="Beauty and Care">
  583.    <div class="tile-overlay">
  584.      <h3>Beauty and Care</h3>
  585.      <button onclick="window.location.href='beauty-care'">Shop Now</button>
  586.    </div>
  587.  </div>
  588.  
  589.  <div class="category-tile">
  590.    <img src="ProductCard/home-decor.png" alt="Home Decor">
  591.    <div class="tile-overlay">
  592.      <h3>Home Decor</h3>
  593.      <button onclick="window.location.href='home-decor.html'">Shop Now</button>
  594.    </div>
  595.  </div>
  596.  
  597.  <div class="category-tile">
  598.    <img src="ProductCard/coupon.png" alt="Coupons">
  599.    <div class="tile-overlay">
  600.      <h3>Coupons</h3>
  601.      <button onclick="window.location.href='coupons.html'">Shop Now</button>
  602.    </div>
  603.  </div>
  604.  
  605.  <div class="category-tile">
  606.    <img src="ProductCard/specialp.png" alt="Special Products">
  607.    <div class="tile-overlay">
  608.      <h3>Special Products</h3>
  609.      <button onclick="window.location.href='special-products.html'">Shop Now</button>
  610.    </div>
  611.  </div>
  612. </div>
  613.  
  614.  
  615.  
  616. <div class="section-banner">
  617.  <img src="VIDEO.gif" alt="Banner GIF" class="banner-video" />
  618. </div>
  619.  
  620.  
  621.  
  622.  <div class="brands-grid">
  623.   <!-- Beauty Brands -->
  624. <div class="brand-tile">
  625.  <img src="Logos/logo1.png" alt="Brand 1 Logo" width="150" height="80">
  626. </div>
  627. <div class="brand-tile">
  628.  <img src="Logos/logo2.png" alt="Brand 2 Logo" width="150" height="80">
  629. </div>
  630. <div class="brand-tile">
  631.  <img src="Logos/logo3.png" alt="Brand 3 Logo" width="150" height="80">
  632. </div>
  633.  
  634. <!-- Indian Clothing Brands -->
  635. <div class="brand-tile">
  636.  <img src="Logos/logo4.png" alt="Brand 4 Logo" width="150" height="80">
  637. </div>
  638. <div class="brand-tile">
  639.  <img src="Logos/logo5.png" alt="Brand 5 Logo" width="150" height="80">
  640. </div>
  641. <div class="brand-tile">
  642.  <img src="Logos/logo6.jpg" alt="Brand 6 Logo" width="150" height="80">
  643. </div>
  644. <div class="brand-tile">
  645.  <img src="Logos/logo7.png" alt="Brand 7 Logo" width="150" height="80">
  646. </div>
  647. <div class="brand-tile">
  648.  <img src="Logos/logo8.jpg" alt="Brand 8 Logo" width="150" height="80">
  649. </div>
  650. <div class="brand-tile">
  651.  <img src="Logos/logo9.jpg" alt="Brand 9 Logo" width="150" height="80">
  652. </div>
  653. <div class="brand-tile">
  654.  <img src="Logos/logo10.jpg" alt="Brand 10 Logo" width="150" height="80">
  655. </div>
  656. <div class="brand-tile">
  657.  <img src="Logos/logo11.png" alt="Brand 11 Logo" width="150" height="80">
  658. </div>
  659. <div class="brand-tile">
  660.  <img src="Logos/logo12.jpg" alt="Brand 12 Logo" width="150" height="80">
  661. </div>
  662.  
  663.  </div>
  664.  
  665.  <!-- Testimonials -->
  666.  <div class="section-title">
  667.    <h2>What Our Customers Say</h2>
  668.  </div>
  669.  
  670. <div class="testimonials">
  671.    <div class="testimonial">
  672.      <div class="rating">
  673.        <i class="fas fa-star"></i>
  674.        <i class="fas fa-star"></i>
  675.        <i class="fas fa-star"></i>
  676.        <i class="fas fa-star"></i>
  677.        <i class="fas fa-star"></i>
  678.      </div>
  679.      <p>"The silk saree I bought was even more beautiful in person. Perfect for my sister's wedding!"</p>
  680.      <div class="customer">
  681.        <span>Deepika Iyer</span>
  682.      </div>
  683.    </div>
  684.    
  685.    <div class="testimonial">
  686.      <div class="rating">
  687.        <i class="fas fa-star"></i>
  688.        <i class="fas fa-star"></i>
  689.        <i class="fas fa-star"></i>
  690.        <i class="fas fa-star"></i>
  691.        <i class="fas fa-star-half-alt"></i>
  692.      </div>
  693.      <p>"The sherwani fit perfectly and the embroidery work is exquisite. Highly recommended!"</p>
  694.      <div class="customer">
  695.        <span>Arjun Reddy</span>
  696.      </div>
  697.    </div>
  698.    
  699.    <div class="testimonial">
  700.      <div class="rating">
  701.        <i class="fas fa-star"></i>
  702.        <i class="fas fa-star"></i>
  703.        <i class="fas fa-star"></i>
  704.        <i class="fas fa-star"></i>
  705.        <i class="fas fa-star"></i>
  706.      </div>
  707.      <p>"My daughter looked adorable in the lehenga choli set. The quality exceeded my expectations."</p>
  708.      <div class="customer">
  709.        <span>Neha Kapoor</span>
  710.      </div>
  711.    </div>
  712.  
  713.    <div class="testimonial">
  714.      <div class="rating">
  715.        <i class="fas fa-star"></i>
  716.        <i class="fas fa-star"></i>
  717.        <i class="fas fa-star"></i>
  718.        <i class="fas fa-star"></i>
  719.        <i class="far fa-star"></i>
  720.      </div>
  721.      <p>"Good collection of kurtas for daily wear. Could improve packaging though."</p>
  722.      <div class="customer">
  723.        <span>Vikram Joshi</span>
  724.      </div>
  725.    </div>
  726.  </div>
  727.  
  728. <!-- Newsletter -->
  729. <div class="newsletter">
  730.  <div class="newsletter-content">
  731.    <h3>Subscribe to Our Blog updates</h3>
  732.    <p>Get updates on new arrivals, special offers and fashion trends</p>
  733.    
  734.    <form class="newsletter-form" id="subscribeForm" action="subscribe.php" method="POST" novalidate>
  735.      <input type="email" name="email" placeholder="Your email address" required>
  736.      <button type="submit">Subscribe</button>
  737.    </form>
  738.    
  739.    <!-- Popup Message Box -->
  740.    <!-- <div id="popup" class="popup">
  741.      <div class="popup-content">
  742.        <span id="popup-message"></span><br>
  743.        <button onclick="closePopup()">OK</button>
  744.      </div>
  745.    </div> -->
  746.  </div>
  747. </div>
  748.  
  749.  <!-- Footer -->
  750. <footer>
  751.    <div class="footer-top">
  752.      <div class="footer-column">
  753.        <h4>Shop Categories</h4>
  754.        <ul>
  755.          <li><a href="female-fashion.html">Women's Ethnic Wear</a></li>
  756.          <li><a href="male-fashion.html">Men's Traditional</a></li>
  757.          <li><a href="female-fashion.html">Handcrafted Sarees</a></li>
  758.          <li><a href="index.html">Festive Collection</a></li>
  759.          <li><a href="male-fashion.html">Daily Wear Kurtas</a></li>
  760.        </ul>
  761.      </div>
  762.      
  763.      <div class="footer-column">
  764.        <h4>Help & Support</h4>
  765.        <ul>
  766.          <li><a href="#">WhatsApp: +91 XXXXX XXXXX</a></li>
  767.          <li><a href="#">Email: info@kapaadakart.com</a></li>
  768.          <li><a href="measurement.html">Measurements Guide</a></li>
  769.          <li><a href="careinfo.html">Care Instructions</a></li>
  770.        </ul>
  771.      </div>
  772.      
  773.      <div class="footer-column">
  774.        <h4>About KapadaKart</h4>
  775.        <ul>
  776.          <li><a href="#">My Story</a></li>
  777.          <li><a href="https://www.amazon.in/">Affiliate Partners</a></li>
  778.          <!-- <li><a href="#">Craftsmanship</a></li> -->
  779.          <li><a href="index.html">Testimonials</a></li>
  780.        </ul>
  781.      </div>
  782.      
  783.      <div class="footer-column">
  784.        <h4>Connect With Me</h4>
  785.        <div class="social-links">
  786. <a href="https://www.instagram.com/kapastores"><i class="fab fa-instagram"></i></a>
  787. <a href="https://www.facebook.com/kapaastore"><i class="fab fa-facebook-f"></i></a>
  788. <a href="https://in.pinterest.com/Belinkable/"><i class="fab fa-pinterest"></i></a>
  789. <a href="https://belinkable.blogspot.com/"><i class="fab fa-blogger-b"></i></a>
  790.        </div>
  791.        <h4>Payment Options</h4>
  792.        <div class="payment-methods">
  793.          <i class="fab fa-cc-visa"></i>
  794.          <i class="fab fa-cc-mastercard"></i>
  795.          <i class="fas fa-mobile-alt" title="UPI Payments"></i>
  796.          <i class="fas fa-qrcode" title="QR Code Payments"></i>
  797.        </div>
  798.      </div>
  799.    </div>
  800.    
  801.    <div class="footer-bottom">
  802.      <div class="footer-logo">Kapada<span>Kart</span></div>
  803.      <div class="copyright">
  804.        &copy; 2025 KapadaKart | Website by Keerti Krishna Sreenivas S |
  805.      </div>
  806.      <div class="footer-links">
  807.        <a href="privacy.html">Privacy Policy</a>
  808.        <a href="terms.html">Terms</a>
  809.      </div>
  810.    </div>
  811.  </footer>
  812.  <!-- <script>
  813.  firebase.auth().onAuthStateChanged(function(user) {
  814.    if (user) {
  815.      // Show user-specific content
  816.      const name = user.displayName || "User";
  817.      const email = user.email;
  818.  
  819.      document.getElementById("welcome").innerText = "Welcome, " + name;
  820.      document.getElementById("email").innerText = "Email: " + email;
  821.  
  822.    } else {
  823.      // Redirect to login if not logged in
  824.      window.location.href = "login.html";
  825.    }
  826.  });
  827. </script> -->
  828.  
  829. <script src="search.js"></script>
  830.  
  831.  <script src="script.js"></script>
  832. <script type="module">
  833.  import { initializeApp } from "https://www.gstatic.com/firebasejs/10.11.0/firebase-app.js";
  834.  import { getAuth, onAuthStateChanged, signOut } from "https://www.gstatic.com/firebasejs/10.11.0/firebase-auth.js";
  835.  
  836.  const firebaseConfig = {
  837.    apiKey: "AIzaSyCPiBmhoyvV-XIf67aqRJPloShuZlmAosg",
  838.    authDomain: "kapadakart.firebaseapp.com",
  839.    projectId: "kapadakart",
  840.    storageBucket: "kapadakart.firebasestorage.app",
  841.    messagingSenderId: "530738471909",
  842.    appId: "1:530738471909:web:55f1d21480d7094102450c",
  843.    measurementId: "G-7FNE6H9YW3"
  844.  };
  845.  
  846.  const app = initializeApp(firebaseConfig);
  847.  const auth = getAuth(app);
  848.  
  849.  onAuthStateChanged(auth, (user) => {
  850.    const greeting = document.getElementById("auth-greeting");
  851.    const account = document.getElementById("auth-account");
  852.  
  853.    if (user) {
  854.      // Show profile
  855.      greeting.innerHTML = `Hello, <strong>${user.email.split("@")[0]}</strong>`;
  856.      account.innerHTML = `<a href="#" id="logout-btn">Logout</a>`;
  857.  
  858.      // Wait for logout button to exist before attaching event
  859.      setTimeout(() => {
  860.        const logoutBtn = document.getElementById("logout-btn");
  861.        if (logoutBtn) {
  862.          logoutBtn.addEventListener("click", () => signOut(auth));
  863.        }
  864.      }, 0);
  865.  
  866.    } else {
  867.      // Show login link
  868.      greeting.innerHTML = `Hello, <a href="login.html" id="login-link">Sign in</a>`;
  869.      account.textContent = "Account";
  870.      // Optional: you can add custom behavior here if needed after DOM update
  871.    }
  872.  });
  873. </script>
  874. <!-- <script type='text/javascript'>
  875.      var cId = '165772';
  876.  
  877.      (function(d, t) {
  878.        var s = document.createElement('script');
  879.        s.type = 'text/javascript';
  880.        s.async = true;
  881.        s.src = (document.location.protocol == 'https:' ? 'https://cdn0.cuelinks.com/js/' : 'http://cdn0.cuelinks.com/js/')  + 'cuelinksv2.js';
  882.        document.getElementsByTagName('body')[0].appendChild(s);
  883.      }());
  884. </script>
  885. <script>
  886.  document.addEventListener("DOMContentLoaded", () => {
  887.    const authGreeting = document.getElementById("auth-greeting");
  888.    const authAccount = document.getElementById("auth-account");
  889.    const loginLink = document.getElementById("login-link");
  890.  
  891.    // Get user from localStorage
  892.    const user = JSON.parse(localStorage.getItem("user"));
  893.  
  894.    if (user) {
  895.      const userName = user.name || user.email || "User";
  896.      authGreeting.textContent = `Hello, ${userName.split(" ")[0]}`;
  897.      authAccount.textContent = "Logout";
  898.      loginLink.href = "#"; // Disable link
  899.  
  900.      loginLink.addEventListener("click", (e) => {
  901.        e.preventDefault();
  902.        // Logout logic
  903.        localStorage.removeItem("user");
  904.        window.location.reload();
  905.      });
  906.    }
  907.  });
  908. </script> -->
  909. <!-- <script>
  910.  // Decode JWT token
  911.  function decodeJwtResponse(token) {
  912.    const base64Url = token.split('.')[1];
  913.    const base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/');
  914.    const jsonPayload = decodeURIComponent(atob(base64).split('').map(c =>
  915.      '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2)
  916.    ).join(''));
  917.    return JSON.parse(jsonPayload);
  918.  }
  919.  
  920.  // Handle Google Login
  921.  function handleCredentialResponse(response) {
  922.    const data = decodeJwtResponse(response.credential);
  923.    const user = {
  924.      name: data.name,
  925.      email: data.email,
  926.      picture: data.picture
  927.    };
  928.    localStorage.setItem("user", JSON.stringify(user));
  929.    updateNavbar();
  930.  }
  931.  
  932.  // Update navbar UI
  933.  function updateNavbar() {
  934.    const user = JSON.parse(localStorage.getItem("user"));
  935.    const authGreeting = document.getElementById("auth-greeting");
  936.    const authAccount = document.getElementById("auth-account");
  937.    const loginLink = document.getElementById("login-link");
  938.  
  939.    if (user) {
  940.      const firstName = user.name?.split(" ")[0] || user.email;
  941.      authGreeting.textContent = `Hello, ${firstName}`;
  942.      authAccount.textContent = "Logout";
  943.      loginLink.onclick = (e) => {
  944.        e.preventDefault();
  945.        localStorage.removeItem("user");
  946.        updateNavbar();
  947.      };
  948.    } else {
  949.      authGreeting.textContent = "Hello, Sign in";
  950.      authAccount.textContent = "Account";
  951.      loginLink.onclick = (e) => {
  952.        e.preventDefault();
  953.        google.accounts.id.prompt(); // Trigger Google login popup
  954.      };
  955.    }
  956.  }
  957.  
  958.  document.addEventListener("DOMContentLoaded", updateNavbar);
  959. </script> -->
  960.  
  961. <script>
  962.  if (window.innerWidth <= 1024) {
  963.    window.location.href = "blocked.html";
  964.  }
  965. </script>
  966.  
  967. </body>
  968. </html>
  969.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda