How To Make a Website Landing Page With GSAP Animations | HTML and CSS Tutorial
Today we will create a website landing page that uses gsap animations.
Disclaimer: Demo built based on the Jevelin WordPress theme. In no way shape or form did I try to replicate this demo exactly like the website it is based on so do not expect it to be 100% accurate.
Jevelin ► https://jevelin.shufflehound.com/single-product/
[SOURCE CODE ]
Files ► https://github.com/jlop007/jevelin
[ SOCIAL MEDIA ]
Instagram ► https://www.instagram.com/juliocodes
[ HOSTGATOR ]
Get affordable domain and web hosting with HostGator. Save up to 60% off of your entire purchase with the coupon code below.
HostGator ► https://bit.ly/2ZfR0u3
Coupon code ► JULIOCODES60
Video tutorial ► https://youtu.be/5B_LQqR0zsE
[ MY GEAR ]
Programming/Video editing laptop Specs & extras
Laptop: Dell XPS 15 7590
Processor: 9th Generation Intel Core i7-9750h
RAM: 32GB (Upgraded)
Graphics Card: Nvidia GeForce GTX 1650 4GB GDDR5
Storage: 500GB M. 2 PCIe NVMe SSD (Upgraded)
--- Extras ---
Monitor: Dell Ultrasharp 27"
Keyboard: Logitech MX Keys
Mouse: Logitech MX Master 3
Microphone: Blue Yeti
[ DISCLAIMER No. 1 ]
In order to speed up the development process CSS prefix are not used. In order to ensure cross browser compatibility please use prefixes where necessary.
[ DISCLAIMER No. 2 ]
This video description contain affiliate links, which means that if you click on one of the product links, I’ll receive a small commission. This helps support the channel and allows me to continue to make videos like this. Thank you for the support!
Видео How To Make a Website Landing Page With GSAP Animations | HTML and CSS Tutorial канала Julio Codes
Disclaimer: Demo built based on the Jevelin WordPress theme. In no way shape or form did I try to replicate this demo exactly like the website it is based on so do not expect it to be 100% accurate.
Jevelin ► https://jevelin.shufflehound.com/single-product/
[SOURCE CODE ]
Files ► https://github.com/jlop007/jevelin
[ SOCIAL MEDIA ]
Instagram ► https://www.instagram.com/juliocodes
[ HOSTGATOR ]
Get affordable domain and web hosting with HostGator. Save up to 60% off of your entire purchase with the coupon code below.
HostGator ► https://bit.ly/2ZfR0u3
Coupon code ► JULIOCODES60
Video tutorial ► https://youtu.be/5B_LQqR0zsE
[ MY GEAR ]
Programming/Video editing laptop Specs & extras
Laptop: Dell XPS 15 7590
Processor: 9th Generation Intel Core i7-9750h
RAM: 32GB (Upgraded)
Graphics Card: Nvidia GeForce GTX 1650 4GB GDDR5
Storage: 500GB M. 2 PCIe NVMe SSD (Upgraded)
--- Extras ---
Monitor: Dell Ultrasharp 27"
Keyboard: Logitech MX Keys
Mouse: Logitech MX Master 3
Microphone: Blue Yeti
[ DISCLAIMER No. 1 ]
In order to speed up the development process CSS prefix are not used. In order to ensure cross browser compatibility please use prefixes where necessary.
[ DISCLAIMER No. 2 ]
This video description contain affiliate links, which means that if you click on one of the product links, I’ll receive a small commission. This helps support the channel and allows me to continue to make videos like this. Thank you for the support!
Видео How To Make a Website Landing Page With GSAP Animations | HTML and CSS Tutorial канала Julio Codes
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![The only CSS animations course you'll ever need | Trailer and giveaway](https://i.ytimg.com/vi/UUl0UphAdKc/default.jpg)
![Create elegant borders using this CSS property!](https://i.ytimg.com/vi/Fyf7gCQCzjE/default.jpg)
![HTML tutorial for complete beginners: Metadata](https://i.ytimg.com/vi/6B2AXfskZ8g/default.jpg)
![Write large CSS selectors in a more compact way](https://i.ytimg.com/vi/WXd96fibPk0/default.jpg)
![HTML tutorial for complete beginners: The document structure](https://i.ytimg.com/vi/JufrE735Mqw/default.jpg)
![Build a responsive NFT marketplace website with animations | HTML5 and CSS3 Tutorial](https://i.ytimg.com/vi/3b1pMcb0apM/default.jpg)
![Build And Deploy A Responsive Personal Portfolio Website For Free | HTML & CSS](https://i.ytimg.com/vi/T4P7aS4PuSw/default.jpg)
![Build A Responsive Food Delivery Service Website With HTML & CSS 2022](https://i.ytimg.com/vi/euuZJIEz_Ak/default.jpg)
![Build a Responsive Hotel Website | HTML and CSS Tutorial](https://i.ytimg.com/vi/LexaJ-PLrpY/default.jpg)
![Build A Responsive Travel Website With HTML, CSS, and JavaScript | Full Tutorial](https://i.ytimg.com/vi/3-t3Zmtsvb8/default.jpg)
![Build a responsive personal portfolio website using HTML, CSS & JavaScript](https://i.ytimg.com/vi/E1ZjV2oVTY0/default.jpg)
![Build A Responsive Travel Website With HTML, CSS, and JavaScript | Full Tutorial](https://i.ytimg.com/vi/1GukDOICJg4/default.jpg)
![Responsive Personal Portfolio Website [PART 2] | HTML and CSS Tutorial](https://i.ytimg.com/vi/inCl01EJkts/default.jpg)
![Refactoring your CSS: Beginner vs Advanced](https://i.ytimg.com/vi/zYX2QByvaMg/default.jpg)
![Build A Responsive Dashboard Website With HTML, CSS, and JavaScript | Full Tutorial](https://i.ytimg.com/vi/rkkxpGEYDFo/default.jpg)
![Build a Responsive Website with Animations | HTML 5 and CSS 3 Tutorial](https://i.ytimg.com/vi/FZQxPTV3cFk/default.jpg)
![Let's Build A Clone Of The Discord Nitro Website With HTML, SCSS & JavaScript!](https://i.ytimg.com/vi/oBKs1ef0LzI/default.jpg)
![Responsive Personal Portfolio Website [PART 1] | HTML and CSS Tutorial](https://i.ytimg.com/vi/T7PnWnTgusc/default.jpg)
![This JavaScript API makes currency formatting easy #shorts](https://i.ytimg.com/vi/9cyMrh1-rTk/default.jpg)
![Build A Responsive Website With Animations | HTML & CSS Tutorial](https://i.ytimg.com/vi/qUlk8q-lvgA/default.jpg)