Animated Portfolio Website HTML CSS JS | No Frameworks

codewithsadee

Sadee

Posted on October 13, 2022

Animated Portfolio Website HTML CSS JS | No Frameworks

How to Build Build an Aminated Portfolio Website HTML CSS JS | Without any framework

This video will show you how to build an animated portfolio website using html css javascript

Github Repo


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


🔗 Essential links

Download the starter file to practice


⏱️ Timestamps

0:00 - Demo
6:06 - Download the sturter file before starting project
6:21 - File structure
7:21 - Project initial
15:08 - HTML - Preloading
16:10 - CSS - Preloading
20:10 - JS - Preloading
21:41 - HTML - Header
26:09 - CSS - Header
38:25 - JS - Header
43:29 - HTML - Hero section
45:43 - CSS - Hero section
49:53 - JS - Hero text animation
1:03:28 - HTML - Gallery section
1:09:21 - CSS - Gallery section
1:21:22 - HTML - Category section
1:26:03 - CSS - Category section
1:28:18 - HTML - About section
1:33:01 - CSS - About section
1:36:57 - HTML - Service section
1:40:14 - CSS - Service section
1:45:36 - HTML - Portfolio section
1:50:00 - CSS - Portfolio section
1:53:56 - HTML - Footer
1:59:18 - CSS - Footer
2:04:48 - HTML, CSS - Back to top
2:08:18 - JS - Back to top
2:12:19 - CSS - Scroll reveal
2:14:23 - JS - Scroll reveal
2:17:53 - Media queries
2:42:33 - Custom cursor
2:51:39 - Media queries


Become a patreon

💖 💪 🙅 🚩
codewithsadee
Sadee

Posted on October 13, 2022

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related