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

4.0 (0)

7 learners

What you'll learn

This course includes

218 hours of video
Certificate of completion
Access on mobile and TV

Summary

Keywords

education website design education website html css javascript education website using html and css how to make a education website build education website create education website online education website html css education website development online education website design free education website online education website using html and css responsive education website

Full Transcript

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/mrwebdesigner/e/127486 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: https://www.youtube.com/c/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

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Related Courses

Direção de Arte no Cinema e Jogos: Fundamentos Essenciais

Transforme sua criatividade em carreira: descubra os segredos da Direção de Arte no cinema, jogos e design gráfico com especialistas e aprenda a criar mundos visuais incríveis. Inscreva-se agora e revolucione sua visão artística!

⭐ 4.0

29 ratings

0 min

30-Day Beginner Guitar Challenge for New Players

Master the Guitar in 30 Days: Your Ultimate Beginner Challenge! Unleash your inner guitarist with step-by-step lessons designed to transform you from novice to confident player. Join Your Guitar Academy and kickstart your musical journey today!

⭐ 4.3

36 ratings

7 hours