Complete Responsive GSAP Website Using HTML/CSS/JavaScript

Complete Responsive GSAP Website Using HTML/CSS/JavaScript In this video, we are going to create production website from scratch. we start this website from making HTML and CSS and then make it ready for GSAP Animation. we are using GSAP to make beautiful animations. This website is completely build from scratch so you can follow along with me from any section of this video. We have build header responsive with hamburger menu, responsive hero section with svg mouse interaction, then we added some text transactions and finished with amazing footer. You can download all the assets of this project the following links. Assets: https://bit.ly/4fHoxVc Download Complete Project https://bit.ly/4eSfsYk GSAP Complete Crash Course - Trending Web Animation https://youtu.be/L4tUG7Jk6g0 ⏱️ Timestamps ⏱️ 00:00 - Introduction 01:02 - Setup Project 07:01 - Header Creation 22:22 - Hero Section 31:50 - Image Section 35:59 - Work Section 41:04 - Brand Infinite Scroll 48:15 - Recent Projects 55:56 - Footer Creation 01:04:18 - Mobile Responsive 1:12:43 - GSAP Animation 01:24:13 - SVG Mouse Interaction ⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑ Subscribe To https://youtube.com/@DailyTuition Join this channel to get access to the perks: https://www.youtube.com/channel/UCrG2Z0usOCCdUTAr4D1A8mw/join 👉 Support Me on Patreon 😊: https://www.patreon.com/dailytuition 🚀 Udemy Courses: https://www.udemy.com/user/akshay-kashyap-6/ 🎅 Playlist : Complete MERN Series https://youtube.com/playlist?list=PLynWqC6VC9KMJ7ffdoGM3LjnYlJPK4kiR ⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑ 🛠️ Tools I use: 🟠 My Theme: https://youtu.be/e2rLmXKgYlE 🟠 Font Family: https://fonts.google.com/specimen/Rubik?query=Rubik ⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑ 👉 Follow us: Instagram : 🟠https://www.instagram.com/akki.2013/ More Videos: 💡 Complete Node Course https://youtu.be/-27HAh8c0YU ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ 💡 React Complete Tutorial https://youtu.be/jWbzbq2C_RY ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ 💡 Complete Mobile Shopee E-Commerce Website Course - PHP & MySQL https://youtu.be/KLWA2vCERSQ ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ 💡 Complete Portfolio Website with Bootstrap - HTML/CSS https://youtu.be/dgKSqz3it50 ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ 💡 Create a Shopping Cart Using PHP and Mysql https://youtu.be/IO5ezsURqyg ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ 💡 Advanced Tic Tac Toe With HTML, CSS & JavaScript - For Beginners [2022] https://youtu.be/kRQEkTHIEyU ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ 💡 Complete CRUD Operation with PHP MySql Database https://youtu.be/JZdMXUIMdQw ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ 💡 Birthday Remainder Application with React - For Beginners https://youtu.be/o2IZaojOz-o ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ 💡 Bootstrap Grid System The Complete Guide - In Action https://youtu.be/hrKMGFkTKF8 Like this video If you find anything useful. Share with your friends that is all for now I will see you In the next one. Thank You...! 🙏 ⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑ Tags: #gsapanimation #gsap #webdevelopment