What will you Learn in the E-commerce website project?
- How to work with a Nav Bar?
- How to work with HTML Tags?
- How to work with images?
- How to work with the display and position property?
- How to work with positions fixed positions in CSS?
- How to make UI in a Responsive way?
- How to make styling using CSS?
Tools and Technology Used
- Visual Studio Code
As part of this project, we will be performing the following tasks:
Task-1: Create a Folder Directory and set up a project using HTML create a header and menu add some styling using CSS
Task-2: Create a Hero section and align the position as sticky in the CSS
Task-3: Create a Features section and add the items and make styling using CSS
Task-4: Create a Featured product section and add the product images, name, price, and rating
Task-5: Create a Call to action banner and make the section id as banner
Task-6: Create new arrival Products it is displayed bottom of the banner and call to Action banners
Task-7: Create Text Banners and create a Newsletter section in it
Task-8: Create a footer section and add images, address and follow us
Task-9: Create a Responsive break point and Responsive sidebar menu
Task-10: Create a Responsive Breakpoint