Create a Website in HTML CSS and JavaScript | Dark/Light Mode

34 34 views
1m Sep 13, 2021

In this video tutorial of the HTML CSS JavaScript project, I have created a website and it can changes into dark and light mode(light and dark theme). Also, you can set or change the color theme of this website as you like. There are four beautiful colors I have added to this website and you can choose your favorite color with one click.

Subscribe For More Free Tutorials and Source Code:

Download Codes From Here
➤ The source code link will be uploaded soon.

Responsive Navigation Bar

Simple Website Design

Animated Product Card

#CreateWebsite #DarkLighMode #HTMLCSSJs

Music Credit:
Song: Ikson - Anywhere (Vlog No Copyright Music)
Music promoted by Vlog No Copyright Music.
➤ Video Link: https://youtu.be/UY08PUqArZI​

Levianth & Axol - Remember (feat. The Tech Thieves) [NCS Release]

Lost Sky - Dreams pt. II (feat. Sara Skinner) [NCS Release ]
➤ Watch:https://youtu.be/L7kF4MXXCoA

Track: Lost Sky - Vision [NCS Release]
Music provided by NoCopyrightSounds.
➤ Watch: https://youtu.be/7RU1l8GtGO

Song: Ehrling - You And Me (Vlog No Copyright Music)
Music provided by Vlog No Copyright Music.
➤ Video Link: https://youtu.be/8HJSl7AiJNg

Diviners - Savannah (feat. Philly K) [NCS Release]
Music provided by Vlog No Copyright Music.

Table of Contents

Timecode Title
00:00 Demo of the website with colour switcher theme and dark light mode
01:20 HTML code for website design
02:18 How to import Icons for the website
03:00 How to create navigation menu bar for the website
03:28 How to create a colour variable for the website
09:24 How to make colour switcher theme for the website
16:14 How to add home content or section in the website
19:56 How to make a button for the website
21:37 JavaScript code to make colour switcher and dark light mode for the website

About CodingLab

Welcome to our channel "CodingLab". Here you can learn HTML, CSS, and JavaScript along with creative CSS Animations and Effects. We provide free resources to inspire design-focused frontend developers.


Markdown is supported.