Code Implementation
New Customer Registration
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>New Customer Registration</title>
</head>
<body>
<h1>New Customer Registration</h1>
<form>
<label>Name: </label><input type="text" name="name" required><br>
<label>Phone: </label><input type="tel" name="phone" required><br>
<label>Email: </label><input type="email" name="email" required><br>
<label>Username: </label><input type="text" name="username" required><br>
<label>Password: </label><input type="password" name="password" required><br>
<input type="submit" value="Register">
</form>
</body>
</html>
Searching of Products
<!DOCTYPE html>
<html>
<head>
<title>Search Products</title>
</head>
<body>
<h1>Search Products</h1>
<form action="Search.html" method="get">
<label>Search by Product Name: </label><br>
<input type="text" name="product" placeholder="e.g., Chair" required><br>
<input type="submit" value="Search">
</form>
<a href="homepage.html">Back to Homepage</a>
</body>
</html>
Products Selection and Order Placement
<!DOCTYPE html>
<html>
<head>
<title>Place Order</title>
</head>
<body>
<h1>Place Order</h1>
<form action="order.html" method="post">
<label>Product ID: </label><br>
<input type="text" name="product_id" required><br>
<label>Quantity: </label><br>
<input type="number" name="quantity" min="1" required><br>
<label>Customer ID: </label><br>
<input type="text" name="customer_id" required><br>
<input type="submit" value="Place Order">
</form>
<a href="homepage.html">Back to Homepage</a>
</body>
</html>
Product Catalog Update
<!DOCTYPE html>
<html>
<head>
<title>Update Product Catalog</title>
</head>
<body>
<h1>Update Product Catalog</h1>
<form action="catalog.html" method="post">
<label>Product ID: </label><br>
<input type="text" name="product_id" required><br>
<label>New Name: </label><br>
<input type="text" name="new_name"><br>
<label>New Price: </label><br>
<input type="number" name="new_price" step="0.01"><br>
<label>New Description: </label><br>
<textarea name="description" rows="4" cols="30"></textarea><br>
<input type="submit" value="Update Product">
</form>
<a href="homepage.html">Back to Homepage</a>
</body>
</html>
Payment Provision
<!DOCTYPE html>
<html>
<head>
<title>Make Payment</title>
</head>
<body>
<h1>Make Payment</h1>
<form action="Payment.html" method="post">
<label>Order ID: </label><br>
<input type="text" name="order_id" required><br>
<label>Card Number: </label><br>
<input type="text" name="card_number" required><br>
<label>Expiry Date: </label><br>
<input type="month" name="expiry" required><br>
<label>CVV: </label><br>
<input type="password" name="cvv" required><br>
<input type="submit" value="Pay Now">
</form>
<a href="homepage.html">Back to Homepage</a>
</body>
</html>