A Responsive Multipage Education Website Design - HTML / CSS /JavaScript #css #html #javascript

Learn how to create a complete responsive multi-page education/school website using HTML, CSS, and javascript. This is a step-by-step beginner web development project tutorial on how to build a modern school or education website using html5, css3, and ES6 javascript.

This complete website tutorial will teach you how to make a responsive multipage website from scratch. This website will have a Home page, About page, a Courses page, and a Contact page with a fully functioning Contact Form.

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 *

DOWNLOAD THE SOURCE CODE FROM GITHUB( INCLUDES IMAGES ):
https://github.com/as5773716/EDUCATION

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/
If you enjoyed this video, then please please