~cytrogen/gstack

ref: 6169273d16b7ab8690943241fa802e5a1ca85305 gstack/test/fixtures/review-eval-design-slop.html -rw-r--r-- 1.3 KiB
6169273d — Garry Tan feat: /design-html works from any starting point (v0.15.1.0) (#734) 8 days ago 
                                                                                
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41

<!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">&#9733;</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">&#9889;</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">&#9881;</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>