In this video you will see how to build an E-commerce website step by step using HTML and CSS. In this e-commerce website design we will create Home page of E-commerce website with banner section, some featured categories images, then some featured products with product price, image and rating.
Then there will be more latest products, and one offer section with exclusive product. After that there will be testimonials and top brands section. At the bottom of website we will make footer with 4 columns.
After that we will make the drop down menu for mobile screen and we will make this complete website design responsive from mobile devices.
Later we will make product page. On this web page, we will add multiple shopping products, will design one drop-down products shorting options and at the bottom we will create pagination link with hover effect.
After that we will make detail page of any product.On this web page, we will one products images gallery, product’s name, price, add to cart button and at the bottom there will be some related products of this eCommerce store.
Later on we will make cart for the product. On this web page, we will add products images, product’s name, price, quantity and remove link. After that there will be one HTML table to display subtotal price, Tax and total cost for shopping cart.
And at last we will make account page. On this web page, we will add login and Sign up form. We will add login and registration button that will allow user to switch between login and registration form.
Main camera images was downloaded from pexels. Later i have layered and masked that images with the help of photoshop by using quick selection tool. you can even use lasso tool or magic selection tool.
Other product images were downloaded from Myntra.
For more such videos click link below:
CSS Designs: https://www.youtube.com/playlist?list…
Web Development: https://www.youtube.com/playlist?list…
Python Projects: https://www.youtube.com/playlist?list…
Demo Click Here: https://cutt.ly/2vFKuxe
#portfolio website html css #personal website html css #personal portfolio website #how to create a complete peronal portfolio website #responsive portfolio website html css #responsive personal portfolio website html css
#responsive website using html5 and css3 #portfolio website #one page personal website html css #portfolio website design in html css #css responsive website design #responsive website html css
#glassmorphism #glass morphism 2021 #how to make a website using html and css #how to create a website using html and css step by step website tutorial #video background website #glass website