UIUXFILES
<!DOCTYPE html>
<html>
<head>
<title>Login</title>
<style>
body { font-family: sans-serif; }
.container { width: 200px; margin: 50px auto; }
input { width: 100%; padding: 8px; margin-bottom: 10px; box-sizing: border-box; }
button { width: 100%; padding: 10px; background-color: #007bff; color: white; border: none; cursor: pointer; }
</style>
</head>
<body>
<div class="container">
<h2>Login</h2>
<form>
<input type="text" placeholder="Username" required>
<input type="password" placeholder="Password" required>
<button type="submit">Log In</button>
</form>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Register</title>
<style>
body { font-family: sans-serif; }
.container { width: 250px; margin: 50px auto; }
input { width: calc(100% - 16px); padding: 8px; margin-bottom: 10px; border: 1px solid #ccc; box-sizing: border-box; border-radius: 4px; }
button { width: 100%; padding: 10px; background-color: #28a745; color: white; border: none; cursor: pointer; border-radius: 4px; }
button:hover { background-color: #1e7e34; }
</style>
</head>
<body>
<div class="container">
<h2>Register</h2>
<form>
<input type="text" placeholder="Username" required>
<input type="email" placeholder="Email" required>
<input type="password" placeholder="Password" required>
<button type="submit">Register</button>
</form>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Login</title>
<style>
body {
font-family: sans-serif;
background-color: #f0f0f0; /* Light background */
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
margin: 0;
}
.container {
background-color: #fff;
padding: 20px;
border-radius: 5px; /* Slightly rounded corners */
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Subtle shadow */
width: 250px;
text-align: center; /* Center text inside */
}
h2 {
color: #333;
margin-bottom: 15px;
}
input {
width: calc(100% - 16px);
padding: 8px;
margin-bottom: 10px;
border: 1px solid #ccc;
border-radius: 3px;
box-sizing: border-box;
}
button {
width: 100%;
padding: 10px;
background-color: #007bff; /* Blue button */
color: white;
border: none;
border-radius: 3px;
cursor: pointer;
transition: background-color 0.3s ease; /* Smooth hover */
}
button:hover {
background-color: #0056b3;
}
</style>
</head>
<body>
<div class="container">
<h2>Login</h2>
<form>
<input type="text" placeholder="Username" required>
<input type="password" placeholder="Password" required>
<button type="submit">Log In</button>
</form>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Register</title>
<style>
body { font-family: sans-serif; background-color: #f4f4f4; display: flex; justify-content: center; align-items: center; min-height: 100vh; margin: 0; }
.container { background-color: #fff; padding: 20px; border-radius: 5px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); width: 300px; }
h2 { color: #333; text-align: center; margin-bottom: 20px; }
input { width: calc(100% - 16px); padding: 8px; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 3px; box-sizing: border-box; }
button { width: 100%; padding: 10px; background-color: #28a745; color: white; border: none; border-radius: 3px; cursor: pointer; transition: background-color 0.3s ease; }
button:hover { background-color: #1e7e34; }
</style>
</head>
<body>
<div class="container">
<h2>Register</h2>
<form>
<input type="text" placeholder="Customer Name" required>
<input type="email" placeholder="Email" required>
<input type="tel" placeholder="Mobile Number" required>
<input type="text" placeholder="Address" required>
<input type="password" placeholder="Password" required>
<button type="submit">Register</button>
</form>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Payment</title>
<style>
body { font-family: sans-serif; background-color: #f4f4f4; display: flex; justify-content: center; align-items: center; min-height: 100vh; margin: 0; }
.container { background-color: #fff; padding: 20px; border-radius: 5px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); width: 250px; text-align: center; }
h2 { color: #333; margin-bottom: 15px; }
input { width: calc(100% - 16px); padding: 8px; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 3px; box-sizing: border-box; }
button { width: 100%; padding: 10px; background-color: #5cb85c; color: white; border: none; border-radius: 3px; cursor: pointer; }
</style>
</head>
<body>
<div class="container">
<h2>Payment</h2>
<div>Total: ₹ [Amount]</div>
<form>
<input type="text" placeholder="Card Number" required>
<input type="text" placeholder="Expiry MM/YY" required>
<input type="number" placeholder="CVV" required>
<button type="submit">Pay Now</button>
</form>
</div>
</body>
</html>
Since you haven't provided the "Parcel.txt" file, I will create some example data that fits the column structure you requested. Please note that this is not based on any actual file content and is purely for illustrative purposes.
Customer ID | Booking ID | Booking Date | Receiver Name | Delivered Address | Amount | Status
------------|------------|--------------|---------------|-----------------------------|--------|---------
CUST001 | BOOK123 | 2025-05-10 | John Smith | 123 Main St, Anytown, USA | 150.75 | Delivered
CUST002 | BOOK124 | 2025-05-11 | Alice Brown | PO Box 456, Otherville, CAN | 75.20 | Shipped
CUST003 | BOOK125 | 2025-05-12 | Bob Williams | 789 Pine Ln, Somecity, AUS | 210.50 | Delivered
CUST004 | BOOK126 | 2025-05-13 | Eva Garcia | 10 Downing St, London, UK | 99.99 | Processing
CUST005 | BOOK127 | 2025-05-14 | Kenji Tanaka | Shibuya Crossing, Tokyo, JPN| 345.00 | Delivered
CUST006 | BOOK128 | 2025-05-15 | Sara Miller | Champs-Élysées, Paris, FRA | 125.80 | Shipped
Explanation of the Example Data:
* Customer ID: Unique identifier for the customer.
* Booking ID: Unique identifier for the specific booking or order.
* Booking Date: The date when the booking was made.
* Receiver Name: The name of the person who will receive the parcel.
* Delivered Address: The full address where the parcel is to be delivered.
* Amount: The total amount associated with the booking (could be the cost of goods or shipping).
* Status: The current status of the parcel delivery.
If you have the actual "Parcel.txt" file, please share its content, and I will generate the table based on that data. The way I process the file will depend on its format (e.g., comma-separated, tab-separated, fixed width, etc.).
Comments
Post a Comment