Modern Salon Website Landing Page Design With GSAP Animation | HTML CSS And GSAP

1 Views
Published
In this video, we will design a landing page, for its structure we used the "flex-box" concept. Apart from this, we also put some animations on this landing page. To add animations, we used JavaScript libraries like gsap, lettering.js, jquery, textillate.js, and animation.css. This video will give you enough information about how to design a landing page with the proper structuring of each element. We hope you like it.
Thanks for watching!

Javascript Libraries: https://bit.ly/3FfSrg4
Image: https://bit.ly/3HQDEub

Image credit: https://unsplash.com

==================================

Subscribe, Share And Support!!
YouTube : http://bit.ly/2G7uVYV
Subscribe : http://bit.ly/2DRQjPs
Github : https://github.com/rustcodeweb
CodePen : https://codepen.io/rustcode
Blog : http://rustcodeweb.com
Twitter : https://twitter.com/rustcodeweb
Instagram : https://www.instagram.com/rustcode.web
facebook : https://www.facebook.com/Rustcodeweb

2nd Channel :
YouTube : http://bit.ly/393IYZt
Subscribe : http://bit.ly/38VDTlS

==================================

Web Designing Books :
1. Web Design with HTML, CSS, JavaScript and jQuery [By Jon Duckett ] :
https://amzn.to/38xdTxd
2. Learning Web Design[Jennifer Robbins] :
https://amzn.to/38wFqPn
3. Web Animation using JavaScript (Develop and Design) :
https://amzn.to/3aEqpgf
4. Black Book (HTML5, CSS3, JavaScript, XML, XHTML, AJAX, PHP, jQuery) :
https://amzn.to/2TROFp9

==================================

Playlists :
1. HTML And CSS : http://bit.ly/2v3pohI
2. Navigation Bar : http://bit.ly/2GYKUXy
3. Image Effects : http://bit.ly/373IK3k
4. Landing Page : http://bit.ly/2v34jUD
5. Page Loader : http://bit.ly/2Sh51FA
6. Profile Card : https://bit.ly/2WiiYXa
7. Buttons Design : https://bit.ly/2yBPjiG

==================================

MUSIC CREDIT - CAESAR MILES
Music Link: https://www.youtube.com/watch?v=7zR01fMvL3Y
YT Channel: https://www.youtube.com/channel/UCO5M...
buy / lease: https://caesarmiles.beatstars.com/
contact: [email protected]
SC: https://soundcloud.com/user-134457241
BC: https://caesarmiles.bandcamp.com/rele...

==================================

Tags
how to design a website landing page with animation,
animated landing page design using html css gsap,
landing page animation html css
creative landing page design with animation,
animated landing page html css javascript,
how to design a landing page with gsap animation,
landing page design html css javascript libraries,
how to make a landing page using html css and javascript libraries,

#rustcode #GSAP #landing_Page #web_design #html #css
Category
Web design
Be the first to comment