How To Make A Responsive Online Education Website Design Using HTML – CSS – JavaScript Step By Step

how to make a complete responsive online education / e-learning / online study website design using html css and vanilla javascript from scratch.
create complete responsive online education website design template using html css and javascript step by step

the main feature of this website are:
✅ responsive header with toggle menu effect using vanilla javascript.
✅ responsive home section using css flexbox.
✅ responsive about section using css flexbox.
✅ responsive courses section with touch slider.
✅ responsive teachers section with touch slider.
✅ responsive reviews section with touch slider.
✅ responsive contact section using flexbox.

Buy Me A Coffee :



( *you are free to use this source code )

*How To Download*

Step 1 :- click the google drive link ☝☝☝
Step 2 :- click on download link in the google drive.
Step 3 :- extract the zip file into your desired folder.
Step 4 :- open the converted files into your browser.
Step 5 :- open your editor and put your unzipped files into it and then edit it as you like.

font awesome cdn link:

google fonts:

clip-path generator:

Editor : – visual studio code with Laetus: Dark Vibrant Theme
Browser : – google chrome
UI Tool : – Figma
localhost : xampp
Images / Video / SVG : –
01 –
02 –
03 –
04 –
05 –
06 –
07 –
08 –
09 –

New To My Channel Subscribe Now And See More Stuff Like This:

0:00 demo
1:57 file structure
3:07 header
14:32 home
18:53 counter
23:01 about
26:03 courses
35:21 teachers
42:42 reviews
48:54 contact
59:54 footer
1:03:43 final demo



  1. As you make website after zooming all the stuff get spoil you know about it if we zoom after making website using htm k and css

    Plz reply and have me solution plz reply 🙏

  2. awesome.. @Mr.Web, i am gonna make a tutorial on my channel with Fullstack Ruby on rails or MERN stack, so i wanna ask your permission that if it's ok if i create a front-end same as yours.? maybe it's not 100% same as yours. if it's ok, i will mention you / your channel in every video that i create as reference for front-end.

  3. @mr. Web Designer, you created a lot of websites creation video's using html, css and js. They all including this one are best, it helps me a lot to improve my designing, css skills and a little bit js but I have one request to you that's please create some video by using js framework like React js. Please brother ❤️… Your one of subscriber Rizwan Jamadar 🙏🏻…. please 🥺

Leave a comment

Your email address will not be published.