LEARN HOW TO MAKE COMPLETE RESPONSIVE ECOMMERCE WEBSITE USING HTML AND CSS STEP BY STEP TUTORIAL, E-COMMERCE WEB DESIGN IN HTML AND CSS
❤️ Source Code: https://www.buymeacoffee.com/easytutorials/e/110485
Part 2: https://youtu.be/ZbnvP_hmxfE
Here in this video you will learn to build an eCommerce website step by step using HTML and CSS. In this e-commerce website design we will create Home page of eCommerce 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 scree and we will make this complete website design responsive from mobile devices.
In next part we will make all products page, single product page, shopping cart page, login and registration page for this Ecommerce Website
Download All Images: https://drive.google.com/file/d/1GlfF1Gmd1o_pJgm-xKzyv3V4s3QnrVUC/view?usp=sharing
————————————-
Recommended Videos:
HTML and CSS Full Course For Beginners
► https://www.youtube.com/watch?v=GAZVvpjxYQY
Brackets editor shortcut key for fast coding
► https://www.youtube.com/watch?v=88Xb1fhst2I
Top 5 Full Website Design Tutorial using HTML & CSS
► https://www.youtube.com/watch?v=d5zBkC7peTY
———————————
❤️ Complete website Using HTML and CSS
✔️ 8 Complete website step by step
✔️ Source Code Download
✔️ 76 Lectures, 12 Hours Video
✔️ Course Completion certificate
👉 https://easytutorialspro.com/go/course/
————————————-
My recommended tools and tutorials
👉 https://easytutorialspro.com/
————————————-
◼️ Source code link is shared in community post for all my coding videos exclusively for channel members (only channel members can see)
Join Channel Membership:
► https://www.youtube.com/channel/UCkjoHfkLEy7ZT4bA2myJ8xA/join
————————————-
Time Stamp:
00:00 Website overview
06:40 HTML and CSS File Setup
09:14 Create Header of Website
23:20 Add google fonts on website
27:42 Make Features categories section
31:37 Add Featured products on website
42:35 Design Recent products on site
44:07 Add offer section on web design
49:18 Design testimonial section for website
57:14 Create brands widget for online store
01:00:38 Create footer of eCommerce site
01:11:15 Make the website responsive
————————————-
Image credit:
Banner image created by freepik
https://www.freepik.com/
Products image is used from Myntra.com
————————————-
Like – Follow & Subscribe us:
◼️ YouTube: https://goo.gl/tTFmPb
◼️ Facebook: https://goo.gl/qv7tEQ
◼️ Twitter: https://twitter.com/ItsAvinashKr
source
Even my stars ain't showing
And oh if your images are not the same size as his it will look odd
2 years later and not a lot explained here to make it easy. Way too fast in explaining things for beginners
Sir when you apply properties must explain property work
Awesome. Keep up the good work!
It was my first video that I watched while learning HTML and CSS for the first time and the way you taught was superb, Even though as a hindi and english speaker, We prefer to start consuming content in our native language but still you rocked it in english. thank you so much for creating amazing content.
nice!! loved the walk through.
thank you mate
Please create a video of a shipping company website with chat pop up and it should be able to receive the message from the chat Pop up thanks
the features categorie section. I have a issue with that. my pictures are bigger then yours and they align underneath each other and not next to each other. pls help
I have recreated this website but i face so much trouble in media quarries.
Fascinating video but I'm confused about where/how you sourced Ur pictures for testimonials and products(did u prepare a folder for these prior 🤔
THANK YOU SO MUCH BRO
col-2 img is not working.plz help me
my margin element is not working
thank you so much for the good work. blessings
Good 😊
42
Wow, this is great! Just watching the project evolve … Thank you! A question: Is there any way to make it work without js?
Guys help at the part 27:45 (the category menu) my page break isn't working and the background seems to be repeated, pictures are aligned in 1 position(stack)
What do i do I have a project 😭
Very very helpful
Hopefully someone sees this. My images won’t load no matter what image I picked or converted them to. Any assistance will be much appreciated!
17:48
Thanks for your effort bro
Hey! Thank you for your work here! I've had one problem. With Javascript it doesn't work. I wrote the same code but unfortunately it doesn't work
From where did you have downloaded all the photos and logos?
THANK YOU SO MUCH!
the <img src=""> wont link my image i have also put the image in a folder with the name "images" on it and put <img src"images/catbg2.jpg> and it doesnt link pls help me
mazza aa gya bhai wah kya lecture tha
32:11
Would anyone be able to tell me why the menu icon, when clicked in mobile view covers the entire top of the screen?
Source code pls
Very Informative but how to add a payment gateway and buy the product?
Sir image show nhi ho rhi
very enjoyement video
thank you sir
Really very helpful🤞🏻.. thanks❤️
Hello, The toggle menu for the mobile part is working for me, but it is covering part of the menu icon, how can i fix this?