Scribd
Upload
16 views

Track Ur Order

The document contains HTML and CSS code to create a web page interface allowing users to track orders by entering an order number. The interface includes a form with an input field for the order number and a button to track the order, with the order status displayed below.

Uploaded by

mikementzerprogram
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
16 views

Track Ur Order

The document contains HTML and CSS code to create a web page interface allowing users to track orders by entering an order number. The interface includes a form with an input field for the order number and a button to track the order, with the order status displayed below.

Uploaded by

mikementzerprogram
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 1

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Track Your Order</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
.container {
max-width: 600px;
margin: 50px auto;
padding: 20px;
border: 1px solid #ccc;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
input[type="text"] {
width: calc(100% - 70px);
padding: 10px;
margin-bottom: 10px;
border: 1px solid #ccc;
border-radius: 5px;
box-sizing: border-box;
}
button {
padding: 10px 20px;
background-color: #007bff;
color: #fff;
border: none;
border-radius: 5px;
cursor: pointer;
}
button:hover {
background-color: #0056b3;
}
#order-status {
margin-top: 20px;
}
</style>
</head>
<body>
<div class="container">
<h2>Track Your Order</h2>
<form id="track-order-form">
<input type="text" name="orderNumber" id="orderNumber"
placeholder="Enter your order number">
<button type="button" onclick="trackOrder()">Track Order</button>
</form>
<div id="order-status"></div>
</div>

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

You might also like