Learn how to make a website using HTML, CSS, Javascript, and GSAP animations. The site is fully responsive and uses CSS Grid + Flexbox for the design.
Access Source Code (Scroll to bottom of page)
https://www.codavilla.com/posts/build-a-responsive-website-using-html-css-javascript-and-gsap-animations
Timeline:
0:00 What we are making
5:03 Creating Navbar Section
20:04 Creating Mobile Menu
32:30 Creating Hero Section
44:52 Creating Services Section
54:16 Creating Membership Section
1:08:35 Creating Team Section
1:30:00 Creating Email Section
1:40:15 Creating Footer Section
1:53:43 Adding Animations
If you want to follow me along my coding journey, be sure to subscribe :)
https://www.youtube.com/channel/UCsKsymTY_4BYR-wytLjex7A?sub_confirmation=1
My VS Code Theme
https://youtu.be/6etaWaiMkvM
How to Host your Website for Free
https://youtu.be/C0CNIhRzhYg
Build a website without any code
https://youtu.be/qUwbABPKMi0
Access Source Code (Scroll to bottom of page)
https://www.codavilla.com/posts/build-a-responsive-website-using-html-css-javascript-and-gsap-animations
Timeline:
0:00 What we are making
5:03 Creating Navbar Section
20:04 Creating Mobile Menu
32:30 Creating Hero Section
44:52 Creating Services Section
54:16 Creating Membership Section
1:08:35 Creating Team Section
1:30:00 Creating Email Section
1:40:15 Creating Footer Section
1:53:43 Adding Animations
If you want to follow me along my coding journey, be sure to subscribe :)
https://www.youtube.com/channel/UCsKsymTY_4BYR-wytLjex7A?sub_confirmation=1
My VS Code Theme
https://youtu.be/6etaWaiMkvM
How to Host your Website for Free
https://youtu.be/C0CNIhRzhYg
Build a website without any code
https://youtu.be/qUwbABPKMi0
- Category
- Web design
Be the first to comment