mirror of
https://github.com/garrytan/gstack.git
synced 2026-05-08 14:34:49 +02:00
Garry Tan
410e116acc
Planted CSS/HTML fixtures with 7 design anti-patterns. E2E test verifies /review catches >= 4 of 7 (Papyrus font, 14px body text, outline:none, !important, purple gradient, generic hero copy, 3-column feature grid).
42 lines
1.3 KiB
HTML
42 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="styles.css">
|
|
<title>Our Platform</title>
|
|
</head>
|
|
<body>
|
|
<!-- Issue 6: [MEDIUM] Generic hero copy ("Welcome to...", "all-in-one solution") -->
|
|
<div class="hero">
|
|
<h1>Welcome to Our Platform</h1>
|
|
<p>Your all-in-one solution for everything you need</p>
|
|
<button>Get Started</button>
|
|
</div>
|
|
|
|
<!-- Issue 7: [LOW] 3-column feature grid with icon-in-circle + title + description -->
|
|
<div class="features">
|
|
<div class="feature-card">
|
|
<div class="icon-circle">★</div>
|
|
<h3>Feature One</h3>
|
|
<p>A short description of this amazing feature that will change your life.</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<div class="icon-circle">⚡</div>
|
|
<h3>Feature Two</h3>
|
|
<p>Another incredible capability that sets us apart from the competition.</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<div class="icon-circle">⚙</div>
|
|
<h3>Feature Three</h3>
|
|
<p>Yet another powerful tool to streamline your workflow effortlessly.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="footer">
|
|
<p class="override">Unlock the power of our platform today</p>
|
|
<a href="#" class="small-link">Terms of Service</a>
|
|
</div>
|
|
</body>
|
|
</html>
|