Order-Management-System-UI/order.html at main · Hemanth0701/Order-Management-System-UI · 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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Order Details | Tenjiku</title>
  <link rel="stylesheet" href="css/order.css" />
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" />
</head>
<body>
  <div class="container my-5">
    <h2 class="mb-4 text-center">Your Order</h2>

    <div id="orderDetails" class="card shadow p-4"></div>

    <div class="text-center mt-4 d-flex justify-content-center gap-3">
      <button id="cancelOrderBtn" class="btn btn-danger">Cancel Order</button>
      <button id="orderHistoryBtn" class="btn btn-secondary">Order History</button>
    </div>
  </div>

  <script type="module" src="js/order.js"></script>
</body>
</html>