test/index.html at main · rams-beta/test · GitHub

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
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>Acme — Get Started</title>
  <style>
    body { font-family: Arial; background: #ffffff; margin: 0; }
    .hero { padding: 40px; }
    h1 { color: #222222; font-size: 41px; }
    .sub { color: #b3b3b3; font-size: 13px; }
    .cta { background: #4f46e5; color: #c7c7ff; padding: 8px 14px; border-radius: 4px; display: inline-block; cursor: pointer; }
    .email { font-size: 13px; padding: 6px; border: 1px solid #ddd; }
    .icon-btn { width: 24px; height: 24px; background: #eee; }
  </style>
</head>
<body>
  <div class="hero">
    <img src="/logo.png" />
    <h1>Ship better design, faster.</h1>
    <p class="sub">The fastest way to keep your UI consistent across every release.</p>
    <input class="email" placeholder="you@company.com" />
    <div class="cta" onclick="submitForm()">Get started</div>
    <div class="icon-btn" onclick="openMenu()">≡</div>
  </div>
</body>
</html>