SkinSense/dashboard.html at main · Hiyamini/SkinSense · 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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Dashboard – SkinSense</title>

  <!-- Bootstrap & Custom CSS -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
  <link rel="stylesheet" href="css/style.css">
</head>
<body>
  <div class="container text-center py-5">
    <img src="images/logo.png" class="img-fluid mb-3" width="80">
    <h2 class="fw-bold mb-4">Welcome to Your Dashboard</h2>

    <div class="d-flex flex-column flex-md-row justify-content-center gap-4">
      <a href="upload.html" class="btn btn-primary px-4 py-2">Upload Skin Image</a>
      <a href="result.html" class="btn btn-success px-4 py-2">View Result</a>
      <a href="appointment.html" class="btn btn-warning px-4 py-2 text-white">Book Appointment</a>
    </div>

    <p class="mt-5 small text-muted">Logged in as: <strong>user@example.com</strong></p>
  </div>

  <script src="js/script.js"></script>
</body>
</html>