Lab 3 Code

Catelog.html

code

<!DOCTYPE html> <html> <head> <title>Catalog Update</title> <link rel="stylesheet" href="style.css"> </head> <body> <nav>...</nav> <div class="container"> <h2>Update Product Catalog</h2> <form> <label>Product ID:</label><br> <input type="text" name="productid"><br><br> <label>New Name:</label><br> <input type="text" name="name"><br><br> <label>New Price:</label><br> <input type="text" name="price"><br><br> <input type="submit" value="Update"> </form> </div> </body> </html>

help.html

code

<!DOCTYPE html> <html> <head> <title>Help</title> <link rel="stylesheet" href="style.css"> </head> <body> <nav class="topnav">...</nav> <div class="wrapper"> <h2>Help & Guidance</h2> <p>Need assistance? Follow these steps:</p> <ul> <li>To register, go to the Register page.</li> <li>Use the Search page to look up products.</li> <li>Place orders via the Order page.</li> <li>Update products via the Catalog page (admin only).</li> <li>Use the Payment page to pay for your orders.</li> </ul> </div> </body> </html>

index.html

code

<!DOCTYPE html> <html> <head> <title>Pine Valley Furniture</title> <link rel="stylesheet" href="style.css"> </head> <body> <nav class="topnav"> <ul> <li><a href="register.html">Register</a></li> <li><a href="search.html">Search Products</a></li> <li><a href="order.html">Order Products</a></li> <li><a href="catalog.html">Update Catalog</a></li> <li><a href="payment.html">Payment</a></li> <li><a href="help.html">Help</a></li> </ul> </nav> <div class="wrapper"> <h1>Welcome to Pine Valley Furniture</h1> <p>Select an option from the menu to proceed.</p> </div> </body> </html>

order.html

code

<!DOCTYPE html> <html> <head> <title>Place Order</title> <link rel="stylesheet" href="style.css"> </head> <body> <nav class="topnav">...</nav> <div class="wrapper"> <h2>Order Products</h2> <form> <label>Product ID:</label><br> <input type="text" name="productid"><br><br> <label>Quantity:</label><br> <input type="number" name="quantity"><br><br> <input type="submit" value="Add to Cart"> </form> </div> </body> </html>

payment.html

code

<!DOCTYPE html> <html> <head> <title>Payment</title> <link rel="stylesheet" href="style.css"> </head> <body> <nav class="topnav">...</nav> <div class="wrapper"> <h2>Payment</h2> <form> <label>Card Number:</label><br> <input type="text" name="card"><br><br> <label>Expiry Date:</label><br> <input type="month" name="expiry"><br><br> <label>CVV:</label><br> <input type="text" name="cvv"><br><br> <input type="submit" value="Pay Now"> </form> </div> </body> </html>

register.html

code

<!DOCTYPE html> <html> <head> <title>Register</title> <link rel="stylesheet" href="style.css"> </head> <body> <nav class="topnav">...</nav> <div class="wrapper"> <h2>Customer Registration</h2> <form> <label>Full Name:</label><br> <input type="text" name="fullname"><br><br> <label>Email:</label><br> <input type="email" name="email"><br><br> <label>Password:</label><br> <input type="password" name="password"><br><br> <input type="submit" value="Register"> </form> </div> </body> </html>

search.html

code

<!DOCTYPE html> <html> <head> <title>Search Products</title> <link rel="stylesheet" href="style.css"> </head> <
Web hosting by Somee.com