Create A Responsive Multipage Education Website Design - HTML / CSS / SASS / JavaScript From Scratch

Published: 02 January 2022
on channel: Mr. Web Designer

158,211

4.5k

how to make a complete responsive multi pages online education / university / college website design using html css / sass and vanilla javascript step by step.
create a complete responsive online education / online learning / e-learning / college / university / school website design using html css / sass and vanilla javascript tutorial for beginner.

the main feature of this website are:
✅ responsive header with toggle menu effect using vanilla javascript.
✅ responsive login / register form with toggle / switch effect using vanilla javascript.
✅ responsive home slider using swiper.js.
✅ responsive subjects slider using css grid.
✅ responsive home courses slider using swiper.js.
✅ responsive about section / page using css flexbox.
✅ responsive teacher section slider using swiper.js.
✅ responsive reviews / testimonial section slider using swiper.js.
✅ responsive courses section / page with load more button using css grid and javascript.
✅ responsive contact section / page using css flexbox.
✅ responsive FAQ section with accordion effect using vanilla javascript.
✅ responsive logo section slider using swiper.js.
✅ responsive footer section with css grid.

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

swiper.js link:
https://swiperjs.com/

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

google fonts:
https://fonts.google.com/specimen/Nunito

Editor : - visual studio code with Laetus: Dark Vibrant Theme
Browser : - google chrome
UI Tool : - Figma
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:
/ mrwebdesigneranas

Timestamp:
0:00 demo
4:29 file structure
5:57 header
21:33 account form
37:02 footer
48:15 home
57:33 subjects
1:02:58 home courses
1:11:03 about
1:21:37 teachers
1:31:25 reviews
1:38:48 courses
1:50:30 contact
2:01:11 FAQ
2:09:49 logo slider
2:12:43 final demo

#EducationWebsite
#FrontEnd
#MultiPages

On this page of the site you can watch the video online Create A Responsive Multipage Education Website Design - HTML / CSS / SASS / JavaScript From Scratch with a duration of hours minute second in good quality, which was uploaded by the user Mr. Web Designer 02 January 2022, share the link with friends and acquaintances, this video has already been watched 158,211 times on youtube and it was liked by 4.5 thousand viewers. Enjoy your viewing!

587