What will you Learn in the Project?
- How to work with a Nav Bar?
- How to work with the HTML Tags?
- How to work with images?
- How to work with the display and position property?
- How to work with stpositions fixed position in CSS?
- How to make UI in 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 setup a project using HTML create header and menu add some styling using CSS
Task-2: Create Hero section and align position as sticky in CSS
Task-3: Create 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 Call to action banner and make 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 Newsletter section in it
Task-8: Create a footer section and add images, address and follow us
Task-9: Create Responsive break point and Responsive sidebar menu
Task-10: Create Responsive Break point