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

Make two HTML pages i.e. Products Listing Page and Product Detail Page.

Listing Page is one where list of products appear when you search or filter some products on an ecommerce store. e.g.

Product Detail page is one that display individual product detail. e.g. 

Make clone of these two pages using any ecommerce store. Do not use what your friend is using. Select a unique and popular e-commerce website of any country (above links are just example). Please choose a content rich e-commerce website. Means, do not choose a very simple pages layout that display only few attributes of the product.

Topics to focus:

· HTML - div, a, img, etc.

· CSS selector and basic props.

· Box Model

· Positioning, styling links, images, and text, etc.

· Flex box

Comments

Post a Comment