12 days ago

You are required to develop a simple web interface for a product feedback site called: “Mini-Market” This site allows users to: 1. View product details 2. Submit their own reviews 3. Upload product images 1. Page 1: index.html Purpose: Product showcase + navigation to review page Content Requirements: 1. Website Title: Mini-Market 2. Main Heading: Welcome to the Store 3. Paragraph describing the featured product (e.g., “SmartWatch X300”) 4. Include a product image with height and width set 5. Text hyperlink to “Learn more about SmartWatch X300” 6. Image hyperlink that links to the product manufacturer page or internal file Interactive Elements: 1. Button: "Switch to Dark Mode" (JavaScript toggles background and text colors) 2. Button: "Show Product Specs" (on click, it displays hidden specs using JavaScript) 2. Page 2: review.html Purpose: Product review submission form Form Requirements: 1. Text input for Name 2. Email input for contact 3. Password field (to simulate account login) 4. Dropdown for selecting a product (e.g., SmartWatch X300, Phone Z1, Headset Pro) 5. Radio buttons for satisfaction level (e.g., Very Satisfied, Neutral, Dissatisfied) 6. Checkboxes for product features liked (e.g., Battery Life, Design, Durability) 7. Text area for writing a review 8. File upload field to upload a product photo 9. Submit button

Fork

Windframe is a drag and drop builder for rapidly building tailwind css websites and UIs

Start building stunning tailwind UIs! 

Build from scratch or select prebuilt tailwind templates