vision-coder-openenv / data /tests /3 /reference.html
amaljoe88's picture
deploy: sync 712e5bc -> HF
cf6c0e0
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Product</title></head>
<body style="margin:0;font-family:sans-serif;background:#fff;color:#111;max-width:800px;margin:0 auto;padding:40px 20px;">
<div style="display:flex;gap:40px;align-items:flex-start;">
<div style="flex:1;background:#f5f5f5;border-radius:12px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;">
<svg width="80" height="80" viewBox="0 0 24 24" fill="none" stroke="#999" stroke-width="1.5"><rect x="2" y="3" width="20" height="14" rx="2"/><line x1="8" y1="21" x2="16" y2="21"/><line x1="12" y1="17" x2="12" y2="21"/></svg>
</div>
<div style="flex:1;">
<p style="margin:0 0 8px;font-size:13px;color:#999;letter-spacing:.05em;">ELECTRONICS</p>
<h1 style="font-size:26px;margin:0 0 12px;">UltraView Monitor 27"</h1>
<div style="display:flex;align-items:center;gap:8px;margin-bottom:16px;">
<span style="color:#f59e0b;font-size:16px;">★★★★☆</span>
<span style="font-size:13px;color:#888;">4.2 (318 reviews)</span>
</div>
<p style="font-size:28px;font-weight:700;margin:0 0 20px;">$349<span style="font-size:16px;color:#888;font-weight:400;text-decoration:line-through;margin-left:10px;">$429</span></p>
<p style="line-height:1.7;color:#555;font-size:14px;margin-bottom:24px;">4K IPS display with 144Hz refresh rate, HDR400 support, and USB-C connectivity. Perfect for professionals and gamers alike.</p>
<button style="width:100%;padding:14px;background:#4f46e5;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;margin-bottom:12px;">Add to Cart</button>
<button style="width:100%;padding:14px;background:#fff;color:#111;border:1px solid #ddd;border-radius:8px;font-size:15px;cursor:pointer;">Save for Later</button>
</div>
</div>
</body>
</html>