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

Veröffentlicht am: 02 Januar 2022
auf dem Kanal: 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

Auf dieser Seite können Sie das Online-Video Create A Responsive Multipage Education Website Design - HTML / CSS / SASS / JavaScript From Scratch mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Mr. Web Designer 02 Januar 2022 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 158,211 Mal angesehen und es wurde von 4.5 tausend den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

40,576

118