HCI/scanner-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" />
</head>
<body>
  <div class="glow-box">
    <header><h1>EcoBin</h1></header>
  </div>

  <main>
    <div class="highlight">
      <h2>Good News! We Have Your Device</h2>
      <img
        src="assets/macbook-pro.png"
        alt="MacBook Pro"
        style="width:150px; display:block; margin:1rem auto;"
      />
      <h3>Key Components</h3>
      <ul style="list-style:none; padding:0;">
        <li style="display:flex; align-items:center; margin:0.75rem 0;">
          <img src="assets/component-battery.png" alt="Battery" style="width:40px; margin-right:1rem;" />
          Battery Pack
        </li>
        <li style="display:flex; align-items:center; margin:0.75rem 0;">
          <img src="assets/component-board.png" alt="Logic Board" style="width:40px; margin-right:1rem;" />
          Logic Board
        </li>
        <li style="display:flex; align-items:center; margin:0.75rem 0;">
          <img src="assets/component-ssd.png" alt="SSD" style="width:40px; margin-right:1rem;" />
          SSD Module
        </li>
        <li style="display:flex; align-items:center; margin:0.75rem 0;">
          <img src="assets/component-display.png" alt="Display" style="width:40px; margin-right:1rem;" />
          Display Assembly
        </li>
      </ul>
    </div>

    <button class="btn" onclick="location.href='index.html'">
      Finish
    </button>
  </main>

  <a href="scanner-nearby.html" class="back-btn">← Back</a>
</body>
</html>