<![CDATA[ <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>E-Commerce - 100% Fixed Image</title>
<link href="https://fonts.googleapis.com" rel="stylesheet">
<style>
body { font-family: 'Poppins', sans-serif; background-color: #ffffff; color: #000000; }
.bg-navy { background-color: #1A1A3D; }
.text-yellow { color: #FFD700; }
.bg-yellow { background-color: #FFD700; }
.hero-gradient { background: linear-gradient(135deg, #E0E7FF 0%, #FBCFE8 100%); }
/* Tamam prices aur titles ko pakka black karne ke liye */
.text-black-bold { color: #000000 !important; font-weight: 800; }
.card-shadow { box-shadow: 0 10px 40px rgba(0,0,0,0.1); }
</style>
</head>
<body>
<!-- 1. Top Bar -->
Help CenterOrder Status
LoginMy Account
<!-- 2. Navbar -->
<nav>
E-Commerce.
<a href="#">HOME</a>
<a href="#">CATEGORIES</a>
🛒3
</nav>
<!-- 3. Hero Section (iPhone) -->
<section>
NEW ARRIVAL
<h1>iPhone 13<br>Pro Max</h1>
$1,200
<button>BUY NOW</button>
<!-- iPhone SVG (100% Working) -->
<svg viewBox="0 0 400 600">
<rect x="50" y="50" width="300" height="550" rx="50" fill="#111" />
<rect x="65" y="65" width="270" height="520" rx="40" fill="#A2C2E8" />
<rect x="140" y="65" width="120" height="30" rx="15" fill="#111" />
</svg>
</section>
<!-- 4. Product Grid -->
<section>
<h2>Everything That You Need</h2>
<!-- NIKE REACT (SVG SHOE - 100% WORKING) -->
<!-- High Quality Shoe SVG Code -->
<svg viewBox="0 0 512 512">
<path d="M450 300 Q480 350 400 400 L100 400 Q50 400 80 320 L150 200 Q200 150 300 180 L450 300" fill="#333" />
<path d="M100 400 L400 400 L420 420 L80 420 Z" fill="#FFD700" />
<circle cx="200" cy="220" r="10" fill="white" opacity="0.5" />
<circle cx="230" cy="240" r="10" fill="white" opacity="0.5" />
</svg>
<h3>Nike React</h3>
<p>PREMIUM EDITION</p>
$150
<button>Add To Cart</button>
<!-- Laptop Item -->
💻
<h3>Surface Pro</h3>
$850
<button>Add</button>
<!-- Headset Item -->
🎧
<h3>Beats Headset</h3>
$200
<button>Add</button>
<!-- Camera Item -->
📷
<h3>Sony Alpha</h3>
$1,100
<button>Add</button>
</section>
<!-- 5. Testimonials (3 Boxes) -->
<section>
<h4>Testimonials</h4>
<h2>What Our Client's Say</h2>
<p>"The Nike shoes I ordered fit perfectly. Fast delivery!"</p>
<p>Jane Smith</p>
<p>"E-Commerce is the best platform for premium gadgets. Highly recommended!"</p>
<p>Alex Brown</p>
<p>"Amazing prices and 100% authentic products. Love it."</p>
<p>Sara Wilson</p>
</section>
<!-- 7. Footer -->
<footer>
E-Commerce.
<p>The ultimate destination for premium shopping.</p>
<h4>Company</h4><ul><li>Home</li><li>Products</li><li>Policy</li></ul>
<h4>Follow</h4>📘 📸 🐦
<h4>Newsletter</h4><input type="text"><button>➔</button>
<p>© 2026 E-Commerce Premium Store</p>
</footer>
</body>
</html>]]>
