Aminated Portfolio Website HTML CSS JS | No Frameworks
35.5 هزار بار بازدید -
2 سال پیش
-
How to Build Build an
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: https://github.com/codewithsadee/rich...
Support My Work: Patreon: codewithsadee
HI 👋
I'm Sadee(web dev)
In this channel, I make videos about the Complete Responsive website.
You can check out my channel 👇
📺 My Channel: @codewithsadee
🔔 Subscribe: @codewithsadee
🔗 Essential links
-----------------------------
Download the starter file to practice: https://drive.google.com/file/d/1QDms...
⏱️ Timestamps
-----------------------------
0:00 - Demo
6:06 - Download the starter 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
🎶 Music
-----------------------------
- Yasumu - Moonshadow
- Provided by Lofi Records
- Watch: Yasumu - Moonshadow
- Download/Stream: https://fanlink.to/EscapingReality
💜 Like - Follow & Support
-----------------------------
Twitter: Twitter: codewithsadee
Github: https://github.com/codewithsadee
YouTube: @codewithsadee
Buy Me A Coffee: https://www.buymeacoffee.com/codewith...
⚠️ Disclaimer
-----------------------------
Disclaimer video is for educational purposes only. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favour of fair use
#codewithsadee
#responsivewebsite
#animatedportfolio
This video will show you how to build an animated portfolio website using html css javascript
Github Repo: https://github.com/codewithsadee/rich...
Support My Work: Patreon: codewithsadee
HI 👋
I'm Sadee(web dev)
In this channel, I make videos about the Complete Responsive website.
You can check out my channel 👇
📺 My Channel: @codewithsadee
🔔 Subscribe: @codewithsadee
🔗 Essential links
-----------------------------
Download the starter file to practice: https://drive.google.com/file/d/1QDms...
⏱️ Timestamps
-----------------------------
0:00 - Demo
6:06 - Download the starter 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
🎶 Music
-----------------------------
- Yasumu - Moonshadow
- Provided by Lofi Records
- Watch: Yasumu - Moonshadow
- Download/Stream: https://fanlink.to/EscapingReality
💜 Like - Follow & Support
-----------------------------
Twitter: Twitter: codewithsadee
Github: https://github.com/codewithsadee
YouTube: @codewithsadee
Buy Me A Coffee: https://www.buymeacoffee.com/codewith...
⚠️ Disclaimer
-----------------------------
Disclaimer video is for educational purposes only. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favour of fair use
#codewithsadee
#responsivewebsite
#animatedportfolio
2 سال پیش
در تاریخ 1401/07/21 منتشر شده
است.
35,542
بـار بازدید شده