Ecommerce Website HTML CSS Javascript - Complete Responsive Multipage

preview_player
Показать описание
In this tutorial video, you will learn how to create ecommerce website built in HTML, CSS and Javascript step by step. This ecommerce website has multiple pages:
1. Home Page
2. Product Page
3. Trending Product Offer Page
4. Category Page
5. Cart Page
6. Checkout Page
This ecommerce video tutorial completely from scratch.

Images asset in this tutorial can be downloaded here:

Watch full video, follow this links below:

Features for this ecommerce website tutorial:
- responsive menu
- mega menu
- all departments menu
- bottom menu bar
- slider
- trending products
- sold/available stock product percentage bar
- overlay and fixed cart

Timestamps:
00:00 - Intro
05:18 - Project Setup
05:39 - CSS Reset
06:39 - Header
20:57 - Mega Menu
31:07 - All Departments Menu
46:25 - Responsive / Mobile Menu
58:30 - Responsive Menu Javascript
01:03:45 - Slider
01:10:30 - Brands
01:12:10 - Trending Products
01:33:30 - Featured Products
01:41:09 - Banners
01:45:17 - Product Categories
01:48:47 - Footer - Newsletter
01:51:40 - Footer - Widgets
01:56:37 - Bottom Navigation Menu

⭐ Get in touch
You have a custom design project? Want to re-design or new website design?

❤️ Support us :

#ecommercewebsite

Creative Commons — Attribution 3.0 Unported — CC BY 3.0

Song: Erik Lund - Summertime (Vlog No Copyright Music)
Music promoted by Vlog No Copyright Music.

Song: MBB - Feel Good (Vlog No Copyright Music)
Music provided by Vlog No Copyright Music.

Song: Ikson - Blue Sky (Vlog No Copyright Music)
Music promoted by Vlog No Copyright Music.

Song: MBB - Beach (Vlog No Copyright Music)
Music provided by Vlog No Copyright Music.

Song: Pierse - Dreams
Music provided by Vlog No Copyright Music.
Creative Commons - Attribution-ShareAlike 3.0 Unported
Рекомендации по теме
Комментарии
Автор

Sorry for intercut clip:
CSS line 37 to 42 code should be:
*{
margin:0;
padding:0;
}

dotWebdesigns
Автор

I'm Highly recommended you bruh because u have an optimus skills to web developing that sidebar in small screens are fabulous to see in a video its oa unique many web developers make a simple sidebar in small screens that hard work which you did in past will reward you one day accomplishly all the

allinone
Автор

Thank you very much once again, I hope to follow all of your Videos 🥰

mohammadrajput
Автор

Your creativity really shines through in this video, I love the unique ideas you came up with.

ThomasBui
Автор

What a level of creativity, I wish I could Design like yours...

rubaiyatfoyez
Автор

From watching this video in detail every second.
I watched it and stopped and re-watched it many times.

Thank you very much, finally I can 100% follow your prototype. Although it may take a very long time to write every line according to the example.

Finally succeeded It took me about 20 hours to code, but it was well worth the learning. and have a beautiful prototype website for use and further development in the future.

verawat
Автор

I've just found your channel and subscribed instantly. You are providing great contents on your channel. Please keep posting more videos like this. Thanks!!

albertgeorge
Автор

this project is so cool bro! nice job🤯🤯

edsHTML
Автор

I really like your video, hope your channel grows more and more, I subscribed

hieuminh
Автор

Best youtube channel on weddesign. Thank you for sharing

frankmwesigwa
Автор

Your power level is clearly *OVER 9000* !

hackerprime
Автор

I will buy you a coffee brother.
Thank you very much for the important videos, I'm recommending you to all my mates at campus.

vawzenmaya
Автор

Hello! Can you give us the link for the base html and css link so I can keep up with your youtube tutorial? Thank you so much for your reply!

reilanocfemia
Автор

Amazing sir your work is too good its help us in our projects plz make a video on dashboard or admin panel😇

kashafiram
Автор

Great video. I just started following you.

emmanuelochuko
Автор

finally you just hit 1 thousand subscriber!

mikha
Автор

can we have the complete css of the project because in videos some parts are not visible please

eveeengineering
Автор

thank you so much for the big help, i wish you the best of luck

toufikcherrani
Автор

do you guys have background repeat y < in you css?

sujinlee
Автор

Thank you very much, finaaly i completed the 1st part...

mohammadrajput
visit shbcf.ru