HCI/components.html at master · Mustafa-K4/HCI · 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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1" />
  <title>EcoBin – Key Components</title>
  <link rel="stylesheet" href="css/styles.css" />
  <style>
    .components-list {
      list-style: none;
      padding: 0;
      margin: 1rem 0;
    }
    .components-list li {
      padding: 0.5rem 0;
      border-bottom: 1px solid rgba(255,255,255,0.1);
      font-size: 1rem;
      color: #fff;
    }
    .components-list li:last-child {
      border-bottom: none;
    }
  </style>
</head>
<body>

  <div class="glow-box" style="margin-top:2rem;">
    <header><h1>EcoBin Business</h1></header>
  </div>

  <main style="max-width:600px; margin:0 auto; padding:1rem;">
    <div class="highlight">
      <h2>Key Components</h2>
      <ul class="components-list">
        <li>Battery Pack</li>
        <li>Logic Board</li>
        <li>SSD Module</li>
        <li>Display Assembly</li>
      </ul>
    </div>

    <button class="btn" onclick="location.href='index.html'">
      Finish
    </button>
    <a href="nearby.html" class="back-btn" style="margin-top:0.5rem; display:inline-block;">
      ← Back
    </a>
  </main>
</body>
</html>