This is a simple HTML-based online store webpage. It displays a list of products in a table format, including images, prices, and links to purchase items. The page also includes a checkout form where users can enter their details.
-
Clean and simple HTML structure
-
Product listing using a table
-
Images for each product
-
External purchase links (Amazon)
-
Checkout form with:
- Email input
- Username input
- Date selection
-
Basic inline styling
- HTML5
- Inline CSS
project-folder/
βββ index.html
βββ assets/
β βββ Iphone.jpg
β βββ Samsung.jpg
β βββ Playstation.jpg
β βββ Xbox.jpg
β βββ Laptop.jpg
- Download or clone the project.
- Make sure the
assetsfolder is in the same directory as the HTML file. - Open
index.htmlin any web browser.
- iPhone
- Samsung
- PlayStation
- Xbox
- Laptop
- Fix typo in the
nameattribute (naemβnamefor Email input) - Improve styling using external CSS
- Add responsive design for mobile devices
- Replace placeholder links with real product pages
- Implement backend for actual checkout functionality
-
The form submits data via POST method to:
https://google.com/CheckoutItem -
Currently, this is just a placeholder and does not process real orders.
This project is for educational purposes only.
If you want, I can also upgrade this into a modern version with CSS styling or JavaScript features.