DEV Community

Cover image for Animated Education Website with HTML CSS JS
Sadee
Sadee

Posted on

Animated Education Website with HTML CSS JS

How to make animated education website using html css javascript

In this video, I will show you how to create (mobile-first responsive) animated education website.


HI πŸ‘‹
I'm Sadee (webdev)
In this channel I make videos about Complete Responsive website.
You can checkout my channel πŸ‘‡

πŸ“Ί My Channel : codewithsadee
πŸ”” Subscribe : subscribe now
πŸ• New Videos Every Week


πŸ”— Essential links

All Images
Text
Font - Roboto
Font - Jost
Ionicon
Source Code


⏱️ Timestamps

0:00 - Demo
3:18 - File structure
3:50 - Html initial
4:28 - Css variables & reset
7:21 - Header section
18:31 - Home section
30:34 - Category section
38:14 - About section
44:11 - Course section
58:17 - Event section
1:07:22 - Features section
1:13:32 - Instructor section
1:21:08 - Testimonials section
1:26:25 - Blog section
1:33:29 - Contuct section
1:36:13 - Footer seciotn
1:45:59 - Css Animation
1:52:49 - Javascript
1:53:55 - Media queries


πŸ’œ Like - Follow & Subscribe Me

Twitter : https://twitter.com/codewithsadee
Github : https://github.com/codewithsadee
YouTube : codewithsadee
Buy Me A Coffee : https://www.buymeacoffee.com/codewithsadee
Patreon : https://www.patreon.com/codewithsadee


Buy Me A Coffee

Discussion (17)

Collapse
sirneij profile image
John Idogun

This is awesome πŸ‘. The source code isn't accessible though

Collapse
codewithsadee profile image
Sadee Author

Thank you John!
Check out the Source code link, it's completely free. πŸ˜‡

Collapse
sirneij profile image
John Idogun

Page

That's the page response

Thread Thread
codewithsadee profile image
Sadee Author

I checked out the link, I think It's network issue 😊

Collapse
pawatng profile image
Pawatng

Thanks for sharing.

Collapse
codewithsadee profile image
Sadee Author

You're most welcome πŸ’œ

Collapse
jair profile image
Jair

nice <3

Collapse
sabihasamha profile image
Sabiha Samha

wow

Collapse
datfake profile image
Dat Ngo

that's great <3

Collapse
codewithsadee profile image
Sadee Author

Thank you πŸ’œ

Collapse
omkaroc27 profile image
Onkar Charate

Nice webo

Collapse
codewithsadee profile image
Sadee Author

thanks

Collapse
ganeshpatil386386 profile image
Ganesh Patil

Thankyou sadee for sharing its looks very cool and clean website

Collapse
codewithsadee profile image
Sadee Author

you're are most welcome Ganesh πŸ’œ

Collapse
jenny_james_b4e1cd4fd2d1d profile image
Jenny James

Thaaaaanks for sharing!

Collapse
tokee profile image
Tokee

excellent job πŸ”₯