Gucci8989
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HTML to JSON Extraction Test</title>
<style>
.hidden { display: none; }
</style>
</head>
<body>
<!-- ===== Basic Text Extraction ===== -->
<h1 id="pageTitle">Product Catalog</h1>
<!-- ===== Product Cards ===== -->
<div class="container">
<div class="card product" data-id="101">
<h2 class="product-name">Laptop</h2>
<span class="price">$1200</span>
<a class="buy-link" href="/buy/laptop">Buy Now</a>
</div>
<div class="card product" data-id="102">
<h2 class="product-name">Mobile Phone</h2>
<span class="price">$800</span>
<a class="buy-link" href="/buy/mobile">Buy Now</a>
</div>
<div class="card product" data-id="103">
<h2 class="product-name">Headphones</h2>
<span class="price">$150</span>
<a class="buy-link" href="/buy/headphones">Buy Now</a>
</div>
</div>
<!-- ===== List Extraction ===== -->
<ul class="features">
<li class="feature">Fast Delivery</li>
<li class="feature">1 Year Warranty</li>
<li class="feature">24/7 Support</li>
</ul>
<!-- ===== Form & Attribute Extraction ===== -->
<form id="signupForm">
<input type="text" name="username" placeholder="Enter username">
<input type="email" name="email" placeholder="Enter email">
<input type="password" name="password">
<button type="submit">Sign Up</button>
</form>
<!-- ===== Nested Elements ===== -->
<div class="order">
<span class="order-id">ORD-9001</span>
<div class="customer">
<span class="name">Rohit</span>
<span class="city">Bangalore</span>
</div>
</div>
<!-- ===== Special Characters ===== -->
<p class="note">Price includes tax & shipping.</p>
<!-- ===== Script & Style (Should not execute) ===== -->
<script>
console.log("This script should not execute during parsing");
</script>
</body>
</html>
