v1.0

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Shipiful Delivery</title> <link rel="stylesheet" href="styles.css"> </head> <body> <header class="header"> <div class="container"> <h1>Shipiful Delivery</h1> <button class="signup-button" onclick="openSignupModal()">Sign Up</button> </div> </header> <div class="container"> <button onclick="openModal()">Add a Product to Sell</button>  <div id="product-modal" class="modal" style="display: none;"> <form id="product-form"> <h2>Add a Product</h2> <label for="name">Product Name:</label> <input type="text" id="name" required> <label for="price">Price (Ksh):</label> <input type="number" id="price" required> <label for="description">Description:</label> <textarea id="description" required></textarea> <label for="media">Media (Image or Video):</label> <input type="file" id="media" multiple accept="image/, video/" required> <label for="category-select">Category:</label> <select id="category-select" required> <option value="">Select Category</option> <option value="Electronics">Electronics</option> <option value="Clothing">Clothing</option> <option value="Accessories">Accessories</option> </select> <label for="phone-number">Your Phone Number:</label> <input type="tel" id="phone-number" pattern="[0-9]{10}" placeholder="Enter 10-digit phone number" required> <button type="submit">Submit Product</button> <button type="button" onclick="closeModal()">Cancel</button> </form> </div>  <h2>Available Products</h2> <div id="product-container"></div>  <h2>Shopping Cart (<span id="cart-count">0</span> items)</h2> <button onclick="openCartModal()">View Cart</button>  <div id="cart-modal" class="modal" style="display: none;"> <div> <h3>Your Cart</h3> <div id="cart-items"></div> <label for="buyer-name">Name:</label> <input type="text" id="buyer-name" required> <label for="buyer-age">Age:</label> <input type="number" id="buyer-age" required> <label for="delivery-address">Delivery Address:</label> <input type="text" id="delivery-address" required> <label for="contact-info">Contact Info (Phone Number):</label> <input type="tel" id="contact-info" pattern="[0-9]{10}" placeholder="Enter 10-digit phone number" required> <label for="confirm-price">Confirm total price:</label> <input type="checkbox" id="confirm-price" required> <button onclick="completePurchase()">Complete Purchase</button> <button onclick="closeCartModal()">Close</button> </div> </div> </div> <script src="scripts.js"></script> </body> </html>  <footer> <p>© 2024 Shipiful Delivery. All Rights Reserved. | Kenya</p> </footer> <script src="https://widget.galichat.com/gali-embeded.min.js" chat-hash="tkg7xc12qsjioqizer684r" defer> </script>

Dependencies: