How to Create a Responsive Online Education Website Design Using HTML/CSS/JS – Header and Footer

Channel	Publish Date	Thumbnail & View Count	Download Video
	Publish Date not found	0 Views	View on YouTube Download Video

how to create a complete responsive multi-page online education / e-learning / online course website design using HTML CSS and Vanilla Javascript from scratch.
create a complete responsive multi-page online course website like YouTube video player and playlist using pure HTML CSS and vanilla javascript, step by step tutorial for beginners.

see the full playlist:
https://youtube.com/playlist?listPLSJxovi1IyDGkHNqlrPSU2kXu1aophIkG

the main features of this site are:
theme switcher using javascript localstorage
responsive sidebar
responsive navigation bar with search box
responsive quick view using CSS grid
responsive to CSS grid usage
responsive reviews using CSS grid
responsive courses using CSS grid
responsive playlist using CSS grid
watch videos and comments using CSS grid
responsive contact using CSS grid
responsive user profile
responsive tutor/teacher profile
responsive login form
responsive update form
responsive registration form

Buy me a coffee:
https://www.buymeacoffee.com/mrwebdesigner

*SOURCE CODES*

DOWNLOAD SOURCE CODE FROM GOOGLE DRIVE (INCLUDES IMAGES):
https://drive.google.com/file/d/1Gnr8joihf-uZ7aVhKy6R8YHTcgraKIEW/view?uspsharing
(*you are free to use this source code)

*How to download*

Step 1:- click on the Google Drive link
Step 2:- click on the download link in Google Drive.
Step 3:- extract the zip file to the desired folder.
Step 4:- open the converted files in your browser.
Step 5:- open your editor and place your unzipped files there, then edit it as you wish.

awesome font cdn link:
https://cdnjs.com/libraries/font-awesome

Google fonts:
https://fonts.google.com/specimen/Rubik

Editor: – visual studio code with Laetus: Dark Vibrant Theme
Browser: – google chrome
User interface tool:- Figma
localhost: xampp
Images / Video / SVG: –
01 – https://www.freepik.com/
02 – https://storyset.com/
03 – https://undraw.co/
04 – https://pixabay.com/
05 – https://unsplash.com/
06 – https://pixabay.com/
07 – https://www.flaticon.com/
08 – https://pngtree.com/
09 – https://www.pngegg.com/

New to my channel, subscribe now and see more stuff like this:
https://www.youtube.com/c/MrWebDesignerAnas

timestamp:
0:00 demo
File structure 5:55
7:22 header section
29:26 sidebar and footer

#front end
#websitedesign
#multipages