1.8 KiB
lntroduction
Requirements:
HTML5, CSS and Bootstrap to implement a responsive sport-wears sellinq website.
Responsive website is a web site implementation that will self-optimize its content display across devices such as mobile, tablet, regular PC and big screen TV.
Website structure.
Home
- Listing Page
- Detail Page (detail of a product)
The web site must contain at least 3 product categories. E g.
- sports shoes,
- T-shirts,
- cap and
- etc.
There must be at least 12 products in the product listing page for each product cateqory.
Homepage (The file name must be index.html)
- An entry page for the web site.
- It must show at least 12 featured/recommended products (They can be from different products cateqories)
Recommendation to do 2 best selling products 12 new products.
Listing Pages
When user clicks a brand, - it shows a responsive listlng Of the selected product category. - lt is your task to judge what basic information should be included fO 「 quick previewing purpose (listing page is for quick browsing).
This brief information could contain a small photo, title or price. Your listing page must be clean but still provide sufficient information for quick browsing purpose. Too much information will compromise the readability Of listing page.
Details Pages (just ONE for each category)
- 6.1 DispIay the complete information Of a product.
- 6.2 Each product must have 3 featured photos. These 3 featured photos must be responsive to optimize their display across devices Of different size. You can do just ONE detail page and all the products will Point to the same details paqe.
You must use bootstrap layout and styling Of your pages.
You must store all your custom css styles in External CSS (lnline CSS is not allowed. There will be mark deduction if you use inline CSS).