Create Listing and Detail Page using HTML/CSS of any e-commerce store

On all ecommerce page, there are two common pages:

1. Products Listing Page. It display list of products when uer choose a product category of search products entering some keywords or applying some filtes e.g. 

2. Product Detail Page - it display individual product detail e.g.
Create these two HTML pages, you can make design yourself or clone an existing e-commerce design but select popular e-commerce website of any country (above links are just examples). Choose a content rich e-commerce website i.e. do not choose a very simple pages layout that display only few attributes of the product. Use images using online URLs.

Particularly focus/practice following:
  1. HTML - div, a, img, etc. 
  2. Applying CSS selector and basic prop to style links, text, etc.
  3. Box Model and Flex Box- to create/manage layout
  4. Positioning (if needed)
  5. It must be responsive for at least one break-point (We would cover this in Media Queries Lecture)
This is your Assignment # 1 of Theory and Lab both.

File name format for submission.
<Your Complete Registration Number> - <Full Name>.zip

The zip file should container two HTML files i.e. list-page.html and product-page.html

Comments

Post a Comment