Skip to content

Instantly share code, notes, and snippets.

@freakflames29

freakflames29/order.html

Created December 2, 2023 09:35
Show Gist options
  • Save freakflames29/9266840227e2f03a32bd11ab5bd7b525 to your computer and use it in GitHub Desktop.
Save freakflames29/9266840227e2f03a32bd11ab5bd7b525 to your computer and use it in GitHub Desktop.
Download ZIP
order tracker html
Raw
order.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Order Tracker</title>
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container mt-5">
<form id="form">
<div class="mb-3">
<label for="exampleInputEmail1" class="form-label">ORDER ID</label>
<input
type="text"
class="form-control"
id="inp"
aria-describedby="emailHelp"
/>
</div>
<button type="submit" class="btn btn-primary" id="subbtn">Submit</button>
<button type="reset" class="btn btn-danger " id="resbtn">Reset</button>
</form>
<table class="table" id="table">
<thead>
<tr>
<th scope="col">ID</th>
<th scope="col">ORDER ID</th>
<th scope="col">Name</th>
<th scope="col">Price</th>
</tr>
</thead>
<tbody id="tbody">
<tr>
</tr>
</tbody>
</table>
<h2 class="title" id="error">No orders found !</h2>
</div>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
crossorigin="anonymous"
></script>
<script src="app.js"></script>
</body>
</html>
@amitroy06
Copy link

kamon acho dada

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment