Featured

Responsive Pendant Light Ecommerce Website | On Off Light Using HTML CSS JS



Published
Responsive Pendant Light Ecommerce Website | On Off Light Using HTML CSS JS

In this tutorial video, you will learn how to create pendant light ecommerce website from scratch using HTML, CSS and Javascript. This pendant light portfolio website i include ON/OFF light shades to perform a better design.

Features for this pendant light website:
- Responsive website
- Header menu with shopping cart icon
- Pendant light shades with ON/OFF toggle
- Responsive product carousel


00:00 - Demo
01:50 - HTML Code Structure
07:36 - CSS Styling
13:50 - Menu Styling
18:46 - Hero Section
23:05 - Lamp Light
27:50 - Carousel
34:50 - Javascript Responsive Menu
40:02 - Javascript Lamp Light Button
43:37 - Javascript Carousel

Music credit:
Slow Down by LiQWYD https://soundcloud.com/liqwyd
Creative Commons — Attribution 3.0 Unported — CC BY 3.0
Free Download / Stream: https://bit.ly/3icR1Le
Music promoted by Audio Library https://youtu.be/SACaeGNNBmM

Song: Erik Lund - Summertime (Vlog No Copyright Music)
Music promoted by Vlog No Copyright Music.
Video Link: https://youtu.be/E338aF6QHu8

Song: Ikson - Blue Sky (Vlog No Copyright Music)
Music promoted by Vlog No Copyright Music.
Video Link: https://youtu.be/WlqmtiHygGM
Category
Web design
Be the first to comment