Create A Responsive ' Online Education ' Website Design Using [ HTML CSS JS ] - Step By Step

Опубликовано: 10 Март 2021
на канале: Mr. Web Designer

116,015

2.4k

how to make an online education website design using html css and javascript / jquery from scratch.
create a complete responsive website design from scratch step by step.
responsive online study website design layout tutorial for beginners.

the main feature of this website are:

✔ responsive header / navbar with toggle menu bar effect.
✔ responsive home / hero section.
✔ responsive about section using flexbox.
✔ responsive course section using flexbox.
✔ responsive about section.
✔ responsive contact section using flexbox.
✔ responsive footer section section using flexbox.

SOURCE CODES *
https://www.buymeacoffee.com/mrwebdes...

about image link:
https://storyset.com/illustration/stu...

course images are from freepic:
https://www.freepik.com/

fonts are from google fonts:
https://fonts.google.com/specimen/Ope...

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

jquery cdn link:
https://cdnjs.com/libraries/jquery

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

timestamps:
0:00 demo
3:55 file structure
5:41 header / navbar section
14:00 login form
20:20 home section
25:14 about section
27:09 course section
33:20 teachers section
34:58 contact section
39:28 scroll spy
41:19 footer section
45:25 final demo

#FrontEnd
#MultiPages
#CompleteWebsite
#LandingPage
#ResponsiveWebsite
#WebDesign
#WebDevelopment
#HTML5
#CSS3
#Javascript
#JQUERY