Implementation of Webpages
1. login.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Login</title>
</head>
<body>
<div>
<h1>PVFC</h1>
<h2>Login</h2>
<form>
<div>
<b>Select User Type:</b><br>
<input type="radio" name="userType" value="customer" checked> Customer
<input type="radio" name="userType" value="employee"> Employee
</div>
<div>
<p>Enter Username: <input type="text" placeholder="Enter username"> </p>
</div>
<div>
<p>Enter Password: <input type="password" placeholder="Enter password"> </p>
</div>
<div>
<button type="submit">Login</button>
</div>
</form>
</div>
</body>
</html>
2. registration.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Registration</title>
</head>
<body>
<div>
<h1>PVFC</h1>
<h2>Registration</h2>
<form>
<div>
<p> Customer ID <input type="text" placeholder="Enter customer ID"> </p>
</div>
<div>
<p>Customer Name <input type="text" placeholder="Enter your name"> </p>
</div>
<div>
<p>Customer Address <input type="text" placeholder="Enter your address"> </p>
</div>
<div>
<p>Customer City <input type="text" placeholder="Enter your city name"> </p>
</div>
<div>
<p>Customer State <input type="text" placeholder="Enter your state name"> </p>
</div>
<div>
<button type="submit">Register</button>
</div>
</form>
<br>
<a href="login.html">Back to login</a>
</div>
</body>
</html>
3. search.html
<!DOCTYPE html>
<html>
<head>
<title>Product Search</title>
</head>
<body>
<h1>Pine Valley Furniture Company</h1>
<h2>Search Products</h2>
<form>
<div>
<p>Product Name: <input type="text" placeholder="search products by name"></p>
</div>
<p>Select Category:</p>
<select name="category">
<option>All Categories</option>
<option>Tables</option>
<option>Chairs</option>
<option>Desks</option>
</select>
<p>Select Price Range:</p>
<select name="priceRange">
<option>$0 - $100</option>
<option>$100 - $500</option>
<option>$500 - $1000</option>
<option>$1000+</option>
</select>
<br><br>
<input type="submit" value="Search">
</form>
<a href="login.html">Back to Home</a>
</body>
</html>