fashion.html

24.35 KB
14/11/2025 14:17
HTML
fashion.html
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <!-- Essential SEO Meta Tags -->
  <title>Electronics - Best Electronic Products & Deals | AffiliateHub</title>
  <meta name="description" content="Discover the latest electronics including smartphones, laptops, headphones, smartwatches and more. Compare prices, read reviews, and find the best deals on electronic products.">
  <meta name="keywords" content="electronics, smartphones, laptops, headphones, smartwatches, tablets, cameras, deals, discounts, 2025">
  <meta name="robots" content="index, follow">
  <meta name="author" content="MiniMax Agent">

  <!-- Canonical URL -->
  <link rel="canonical" href="electronics.html">

  <!-- Open Graph Tags -->
  <meta property="og:title" content="Electronics - Best Electronic Products & Deals | AffiliateHub">
  <meta property="og:description" content="Discover the latest electronics including smartphones, laptops, headphones, smartwatches and more. Compare prices, read reviews, and find the best deals.">
  <meta property="og:image" content="assets/images/og-electronics.jpg">
  <meta property="og:url" content="electronics.html">
  <meta property="og:type" content="website">
  <meta property="og:site_name" content="Affiliate Products Hub">

  <!-- Twitter Card Tags -->
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="Electronics - Best Electronic Products & Deals | AffiliateHub">
  <meta name="twitter:description" content="Discover the latest electronics including smartphones, laptops, headphones, smartwatches and more. Compare prices and find the best deals.">
  <meta name="twitter:image" content="assets/images/twitter-electronics.jpg">

  <!-- Favicon -->
  <link rel="icon" type="image/x-icon" href="assets/images/favicon.ico">

  <!-- Preload Critical Resources -->
  <link rel="preload" href="assets/css/styles.css" as="style">
  <link rel="preload" href="assets/js/app.js" as="script">

  <!-- Stylesheet -->
  <link rel="stylesheet" href="assets/css/styles.css">

  <!-- JSON-LD Structured Data -->
  <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "BreadcrumbList",
        "itemListElement": [
            {
                "@type": "ListItem",
                "position": 1,
                "name": "Home",
                "item": ""
            },
            {
                "@type": "ListItem",
                "position": 2,
                "name": "Electronics",
                "item": "electronics.html"
            }
        ]
    }
    </script>

  <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "ItemList",
        "name": "Electronics Products",
        "description": "Curated collection of top-rated electronic products including smartphones, laptops, headphones, and smart devices",
        "itemListElement": [
            {
                "@type": "Product",
                "position": 1,
                "name": "Wireless Bluetooth Headphones",
                "description": "Premium noise-canceling wireless headphones with 30-hour battery life",
                "image": "assets/images/headphones.jpg",
                "category": "Electronics > Audio > Headphones",
                "offers": {
                    "@type": "Offer",
                    "price": "79.99",
                    "priceCurrency": "USD",
                    "availability": "https://schema.org/InStock",
                    "url": "product/headphones"
                },
                "aggregateRating": {
                    "@type": "AggregateRating",
                    "ratingValue": "4.5",
                    "reviewCount": "1247"
                }
            },
            {
                "@type": "Product",
                "position": 2,
                "name": "Smart Fitness Watch",
                "description": "Advanced fitness tracking smartwatch with heart rate monitoring and GPS",
                "image": "assets/images/smartwatch.jpg",
                "category": "Electronics > Wearables > Smartwatches",
                "offers": {
                    "@type": "Offer",
                    "price": "199.99",
                    "priceCurrency": "USD",
                    "availability": "https://schema.org/InStock",
                    "url": "product/smartwatch"
                },
                "aggregateRating": {
                    "@type": "AggregateRating",
                    "ratingValue": "4.7",
                    "reviewCount": "892"
                }
            },
            {
                "@type": "Product",
                "position": 3,
                "name": "Portable Phone Charger",
                "description": "High-capacity portable charger with fast charging and wireless support",
                "image": "assets/images/charger.jpg",
                "category": "Electronics > Accessories > Power Banks",
                "offers": {
                    "@type": "Offer",
                    "price": "34.99",
                    "priceCurrency": "USD",
                    "availability": "https://schema.org/InStock",
                    "url": "product/charger"
                },
                "aggregateRating": {
                    "@type": "AggregateRating",
                    "ratingValue": "4.3",
                    "reviewCount": "654"
                }
            },
            {
                "@type": "Product",
                "position": 4,
                "name": "Premium Wireless Earbuds",
                "description": "True wireless earbuds with active noise cancellation and premium sound",
                "image": "assets/images/earbuds.jpg",
                "category": "Electronics > Audio > Earbuds",
                "offers": {
                    "@type": "Offer",
                    "price": "249.99",
                    "priceCurrency": "USD",
                    "availability": "https://schema.org/InStock",
                    "url": "product/earbuds"
                },
                "aggregateRating": {
                    "@type": "AggregateRating",
                    "ratingValue": "4.8",
                    "reviewCount": "2034"
                }
            },
            {
                "@type": "Product",
                "position": 5,
                "name": "4K Action Camera",
                "description": "Waterproof 4K action camera with image stabilization and WiFi connectivity",
                "image": "assets/images/action-camera.jpg",
                "category": "Electronics > Cameras > Action Cameras",
                "offers": {
                    "@type": "Offer",
                    "299.99",
                    "priceCurrency": "USD",
                    "availability": "https://schema.org/InStock",
                    "url": "product/action-camera"
                },
                "aggregateRating": {
                    "@type": "AggregateRating",
                    "ratingValue": "4.4",
                    "reviewCount": "567"
                }
            },
            {
                "@type": "Product",
                "position": 6,
                "name": "Bluetooth Speaker",
                "description": "Portable waterproof Bluetooth speaker with 360-degree sound and 20-hour battery",
                "image": "assets/images/speaker.jpg",
                "category": "Electronics > Audio > Speakers",
                "offers": {
                    "@type": "Offer",
                    "price": "89.99",
                    "priceCurrency": "USD",
                    "availability": "https://schema.org/InStock",
                    "url": "product/speaker"
                },
                "aggregateRating": {
                    "@type": "AggregateRating",
                    "ratingValue": "4.6",
                    "reviewCount": "1234"
                }
            }
        ]
    }
    </script>
</head>

<body>
  <!-- Header -->
  <header class="header">
    <div class="header-top">
      <div class="container">
        <span>🎯 Best Deals Updated Daily</span>
        <span>💰 Free Shipping on Orders $50+</span>
      </div>
    </div>

    <div class="header-main">
      <div class="container">
        <div class="flex-between">
          <a href="index.html" class="logo">AffiliateHub</a>

          <nav>
            <ul class="nav">
              <li><a href="index.html">Home</a></li>
              <li><a href="category.html">Categories</a></li>
              <li><a href="electronics.html">Electronics</a></li>
              <li><a href="fashion.html" class="active">Fashion</a></li>
              <li><a href="about.html">About</a></li>
              <li><a href="contact.html">Contact</a></li>
            </ul>
          </nav>

          <button class="mobile-menu-toggle" aria-label="Toggle mobile menu">
            <span></span>
            <span></span>
            <span></span>
          </button>
        </div>
      </div>
    </div>
  </header>

  <!-- Main Content -->
  <main>
    <!-- Breadcrumbs -->
    <nav class="breadcrumbs" aria-label="Breadcrumb navigation">
      <div class="container">
        <ol class="breadcrumbs-list">
          <li><a href="index.html">Home</a></li>
          <li><a href="category.html">Categories</a></li>
          <li class="current" aria-current="page">Electronics</li>
        </ol>
      </div>
    </nav>

    <!-- Category Header -->
    <section class="section">
      <div class="container">
        <div class="section-header">
          <div style="font-size: 4rem; margin-bottom: 1rem;">📱</div>
          <h1>Electronics</h1>
          <p class="section-subtitle">Discover cutting-edge technology and innovative electronic products. From smartphones to smart home devices, find the latest electronics with the best deals and reviews.</p>
        </div>

        <!-- Subcategories -->
        <div class="category-grid" style="margin-bottom: 3rem;">
          <a href="electronics/smartphones.html" class="category-card">
            <span class="category-icon">📱</span>
            <h3 class="category-title">Smartphones</h3>
            <p class="category-count">456 products</p>
          </a>

          <a href="electronics/laptops.html" class="category-card">
            <span class="category-icon">💻</span>
            <h3 class="category-title">Laptops</h3>
            <p class="category-count">234 products</p>
          </a>

          <a href="electronics/audio.html" class="category-card">
            <span class="category-icon">🎧</span>
            <h3 class="category-title">Audio</h3>
            <p class="category-count">678 products</p>
          </a>

          <a href="electronics/wearables.html" class="category-card">
            <span class="category-icon">⌚</span>
            <h3 class="category-title">Wearables</h3>
            <p class="category-count">189 products</p>
          </a>

          <a href="electronics/cameras.html" class="category-card">
            <span class="category-icon">📷</span>
            <h3 class="category-title">Cameras</h3>
            <p class="category-count">156 products</p>
          </a>

          <a href="electronics/smart-home.html" class="category-card">
            <span class="category-icon">🏠</span>
            <h3 class="category-title">Smart Home</h3>
            <p class="category-count">312 products</p>
          </a>
        </div>
      </div>
    </section>

    <!-- Products Section -->
    <section class="section">
      <div class="container">
        <!-- Sort and Filter Bar -->
        <div class="flex-between mb-4" style="flex-wrap: wrap; gap: 1rem;">
          <div>
            <h2 style="margin-bottom: 0;">Electronics Products</h2>
            <p class="text-small" style="color: #666;">Showing 2,847 products</p>
          </div>

          <div class="flex" style="gap: 1rem; align-items: center;">
            <label for="sort-select" class="sr-only">Sort products</label>
            <select id="sort-select" class="form-input" style="padding: 0.5rem; min-width: 150px;">
              <option value="featured">Featured</option>
              <option value="price-low">Price: Low to High</option>
              <option value="price-high">Price: High to Low</option>
              <option value="rating">Highest Rated</option>
              <option value="newest">Newest</option>
            </select>
          </div>
        </div>

        <!-- Active Filters -->
        <div class="flex flex-wrap mb-4" style="gap: 0.5rem;">
          <span class="text-small" style="color: #666; margin-right: 1rem;">Active filters:</span>
          <span class="filter-tag" style="background: #E5E7EB; padding: 0.25rem 0.75rem; border-radius: 20px; font-size: 0.875rem;">
            Electronics <button aria-label="Remove Electronics filter" style="margin-left: 0.5rem; background: none; border: none; cursor: pointer;">×</button>
          </span>
        </div>

        <!-- Product Grid -->
        <div class="product-grid">
          <!-- Product Card 1 -->
          <article class="product-card" data-category="electronics" data-price="79.99" data-base-price="79.99">
            <div class="product-image">
              <img src="assets/images/product-1.jpg" alt="Wireless Bluetooth Headphones - Premium noise-canceling design" width="400" height="250" loading="lazy">
              <span class="product-badge">Best Seller</span>
            </div>
            <div class="product-content">
              <h3 class="product-title">
                <a href="product.html">Wireless Bluetooth Headphones</a>
              </h3>
              <p class="product-description">Premium noise-canceling wireless headphones with 30-hour battery life and exceptional sound quality.</p>
              <div class="product-rating">
                <span class="stars">★★★★★</span>
                <span class="rating-count">(1,247 reviews)</span>
              </div>
              <div class="product-price">
                <span class="price-current">$79.99</span>
                <span class="price-original">$129.99</span>
                <span class="price-discount">38% OFF</span>
              </div>
              <div class="product-actions">
                <a href="product.html" class="btn btn-primary affiliate-btn">View Details</a>
                <button class="btn btn-secondary">♡</button>
              </div>
            </div>
          </article>

          <!-- Product Card 2 -->
          <article class="product-card" data-category="electronics" data-price="199.99" data-base-price="199.99">
            <div class="product-image">
              <img src="assets/images/product-2.jpg" alt="Smart Fitness Watch - Advanced tracking with GPS and heart rate monitoring" width="400" height="250" loading="lazy">
              <span class="product-badge" style="background: #7C3AED;">New</span>
            </div>
            <div class="product-content">
              <h3 class="product-title">
                <a href="product.html">Smart Fitness Watch</a>
              </h3>
              <p class="product-description">Advanced fitness tracking smartwatch with heart rate monitoring, GPS, and 7-day battery life.</p>
              <div class="product-rating">
                <span class="stars">★★★★★</span>
                <span class="rating-count">(892 reviews)</span>
              </div>
              <div class="product-price">
                <span class="price-current">$199.99</span>
                <span class="price-original">$299.99</span>
                <span class="price-discount">33% OFF</span>
              </div>
              <div class="product-actions">
                <a href="product.html" class="btn btn-primary affiliate-btn">View Details</a>
                <button class="btn btn-secondary">♡</button>
              </div>
            </div>
          </article>

          <!-- Product Card 3 -->
          <article class="product-card" data-category="electronics" data-price="34.99" data-base-price="34.99">
            <div class="product-image">
              <img src="assets/images/product-3.jpg" alt="Portable Phone Charger - High-capacity fast charging power bank" width="400" height="250" loading="lazy">
            </div>
            <div class="product-content">
              <h3 class="product-title">
                <a href="product.html">Portable Phone Charger</a>
              </h3>
              <p class="product-description">High-capacity 20000mAh portable charger with fast charging and wireless support for all devices.</p>
              <div class="product-rating">
                <span class="stars">★★★★☆</span>
                <span class="rating-count">(654 reviews)</span>
              </div>
              <div class="product-price">
                <span class="price-current">$34.99</span>
                <span class="price-original">$54.99</span>
                <span class="price-discount">36% OFF</span>
              </div>
              <div class="product-actions">
                <a href="product.html" class="btn btn-primary affiliate-btn">View Details</a>
                <button class="btn btn-secondary">♡</button>
              </div>
            </div>
          </article>

          <!-- Product Card 4 -->
          <article class="product-card" data-category="electronics" data-price="249.99" data-base-price="249.99">
            <div class="product-image">
              <img src="assets/images/product-4.jpg" alt="Wireless Earbuds - Premium sound with noise cancellation" width="400" height="250" loading="lazy">
              <span class="product-badge" style="background: #059669;">Editor Choice</span>
            </div>
            <div class="product-content">
              <h3 class="product-title">
                <a href="product.html">Premium Wireless Earbuds</a>
              </h3>
              <p class="product-description">True wireless earbuds with active noise cancellation, 24-hour battery, and premium sound quality.</p>
              <div class="product-rating">
                <span class="stars">★★★★★</span>
                <span class="rating-count">(2,034 reviews)</span>
              </div>
              <div class="product-price">
                <span class="price-current">$249.99</span>
                <span class="price-original">$349.99</span>
                <span class="price-discount">29% OFF</span>
              </div>
              <div class="product-actions">
                <a href="product.html" class="btn btn-primary affiliate-btn">View Details</a>
                <button class="btn btn-secondary">♡</button>
              </div>
            </div>
          </article>

          <!-- Product Card 5 -->
          <article class="product-card" data-category="electronics" data-price="299.99" data-base-price="299.99">
            <div class="product-image">
              <img src="assets/images/product-5.jpg" alt="4K Action Camera - Waterproof camera with image stabilization" width="400" height="250" loading="lazy">
              <span class="product-badge" style="background: #EF4444;">Sale</span>
            </div>
            <div class="product-content">
              <h3 class="product-title">
                <a href="product.html">4K Action Camera</a>
              </h3>
              <p class="product-description">Waterproof 4K action camera with advanced image stabilization and built-in WiFi connectivity.</p>
              <div class="product-rating">
                <span class="stars">★★★★☆</span>
                <span class="rating-count">(567 reviews)</span>
              </div>
              <div class="product-price">
                <span class="price-current">$299.99</span>
                <span class="price-original">$449.99</span>
                <span class="price-discount">33% OFF</span>
              </div>
              <div class="product-actions">
                <a href="product.html" class="btn btn-primary affiliate-btn">View Details</a>
                <button class="btn btn-secondary">♡</button>
              </div>
            </div>
          </article>

          <!-- Product Card 6 -->
          <article class="product-card" data-category="electronics" data-price="89.99" data-base-price="89.99">
            <div class="product-image">
              <img src="assets/images/product-6.jpg" alt="Bluetooth Speaker - Portable waterproof speaker with 360-degree sound" width="400" height="250" loading="lazy">
            </div>
            <div class="product-content">
              <h3 class="product-title">
                <a href="product.html">Bluetooth Speaker</a>
              </h3>
              <p class="product-description">Portable waterproof Bluetooth speaker with 360-degree sound and 20-hour battery life.</p>
              <div class="product-rating">
                <span class="stars">★★★★★</span>
                <span class="rating-count">(1,234 reviews)</span>
              </div>
              <div class="product-price">
                <span class="price-current">$89.99</span>
                <span class="price-original">$129.99</span>
                <span class="price-discount">31% OFF</span>
              </div>
              <div class="product-actions">
                <a href="product.html" class="btn btn-primary affiliate-btn">View Details</a>
                <button class="btn btn-secondary">♡</button>
              </div>
            </div>
          </article>
        </div>

        <!-- Pagination -->
        <nav class="flex-center mt-5" aria-label="Product pagination">
          <div class="flex" style="gap: 0.5rem;">
            <button class="btn btn-secondary" disabled aria-label="Previous page">← Previous</button>
            <button class="btn btn-primary" aria-label="Page 1">1</button>
            <button class="btn btn-secondary" aria-label="Page 2">2</button>
            <button class="btn btn-secondary" aria-label="Page 3">3</button>
            <button class="btn btn-secondary" aria-label="Page 4">4</button>
            <button class="btn btn-secondary" aria-label="Page 5">5</button>
            <button class="btn btn-secondary" aria-label="Next page">Next →</button>
          </div>
        </nav>
      </div>
    </section>
  </main>

  <!-- Footer -->
  <footer class="footer">
    <div class="container">
      <div class="footer-content">
        <div class="footer-section">
          <h3>AffiliateHub</h3>
          <p>Your trusted source for finding the best affiliate products and deals. We help you make informed purchasing decisions with detailed reviews, price comparisons, and expert recommendations.</p>
        </div>

        <div class="footer-section">
          <h3>Categories</h3>
          <ul>
            <li><a href="electronics.html">Electronics</a></li>
            <li><a href="fashion.html">Fashion</a></li>
            <li><a href="home.html">Home & Garden</a></li>
            <li><a href="sports.html">Sports & Outdoors</a></li>
            <li><a href="books.html">Books & Media</a></li>
            <li><a href="health.html">Health & Beauty</a></li>
          </ul>
        </div>

        <div class="footer-section">
          <h3>Company</h3>
          <ul>
            <li><a href="about.html">About Us</a></li>
            <li><a href="contact.html">Contact</a></li>
            <li><a href="privacy.html">Privacy Policy</a></li>
            <li><a href="terms.html">Terms of Service</a></li>
            <li><a href="affiliate.html">Affiliate Disclosure</a></li>
          </ul>
        </div>

        <div class="footer-section">
          <h3>Connect With Us</h3>
          <p>Follow us for the latest deals and product updates:</p>
          <ul>
            <li><a href="https://facebook.com/affiliatehub" target="_blank" rel="noopener">Facebook</a></li>
            <li><a href="https://twitter.com/affiliatehub" target="_blank" rel="noopener">Twitter</a></li>
            <li><a href="https://instagram.com/affiliatehub" target="_blank" rel="noopener">Instagram</a></li>
            <li><a href="https://youtube.com/affiliatehub" target="_blank" rel="noopener">YouTube</a></li>
          </ul>
        </div>
      </div>

      <div class="footer-bottom">
        <p>&copy; 2025 AffiliateHub. All rights reserved. | Designed and developed by MiniMax Agent</p>
        <p><small>This site contains affiliate links. We may earn a commission from purchases made through these links at no extra cost to you.</small></p>
      </div>
    </div>
  </footer>

  <!-- JavaScript -->
  <script src="assets/js/app.js"></script>
</body>

</html>