LEARN HOW TO MAKE COMPLETE RESPONSIVE ECOMMERCE WEBSITE USING HTML AND CSS STEP BY STEP TUTORIAL, E-COMMERCE WEB DESIGN IN HTML AND CSS
❤️ SUBSCRIBE: https://goo.gl/tTFmPb
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
Hi, love your tutorial. How will i know, when someone buys something from my store?
why u didnt use flex again for nav tag?
I want to say
Only
Thanku so much ,we require people like you on internet
can i ask why you add extra divs to give width of 1080 px? Cant we just add this 1080 and other properties to the categories div? It seems to work.
Bro which software can be use
Great work thanks a lot for this educative tutorial.
Pls I do have a problem finding the front end design page on the video, can I get help on that?
That's the display page design.
J
If you can, you should also provide the link to the figma or any design from where you create the website. Thanks. 🙂
love from Bangladesh
Bro I can't see output of project ata first run time plz help me
The star symbols are not working for me and I have just invalid cube symbols for some reason:/
Media query for menu problem plz solve the menu bar is not hidden it's still on webpage
What is the name of the program please?
Hi, Im a member now. how to get the source code for this website?
This was a great tutorial. He explains the things that needs to be explained and allows for independent research. I used this program architecture to submit as a bootcamp project. This dude is a goat
люблю тебя индейский брат
Sir my nav menu doesnot work i check all coding lines
You are a very good teacher. I'm learning a lot from you. Thanks! 🙂
Please write the codes in order, do not write a code and write and see and apply it and come back again to write a container that I forgot or anything that is distracted and I feel that the design is lost from me, write all the codes in order
thank u sir
THANKS ☺️
51:53 nota
Sir,I want the source code of this
I need source code please
In this project are you using gateway feature?? Please reply me
images download problem
Your approach to giving clarification is awesome.❤
20:15
DO NOT WASTE TIME DOING THIS. I MADE ONE AND IT LOOKS NOTHING LIKE THE TUTORIALS
Bootstrap images do not load for me.. I've re-watched your tutorial a few times now [right around 36:00]… still not loading. Can you offer suggestions? I notice the bootstrap CSS URL is different now, could that be it? Can I get icons from a different site? So far, your tutorial ROCKS – thank you so much!! I've already watched all of part 1, now I'm re-watching and building as I go.
Thanks sir for such an amazing video, just one problem at end. My menu overlay function goes over the menu button so u can’t close it. What can I do here?
My col-4 expand when I add hover on it. I used the same dimensions but the col-4 contents expand when I hover. They appear to be shifting slightly to left or right even though i added only translateY(-5px)
"How to Create & Link Sql database to Visual studio ?
i coded until 10mins but the logo and name doesnt show up?
why did my footer position isnt on the botton but its at the right
Thank you soo much this helped me alot and I learned a lot from this tutorial MasterPiece for me
15:08
How can i connect a payment method?
the <800px toggle doesnt work for me – ive checked over and over and I didnt everything 1:1 with u – can u hlep?
I am your fan sir sir i need source code of this websie you have given link but it is not working sir kindly give me source code of this website I shall be very thankfull to you ,♥♥♥♥♥♥♥♥
Thank You
How do I upload the site to hosting
Why is the font awesome is not working ? I put the same way you did? Why is that? Please help me ? I love you tutorials i stuck almost 2 days