Hello Developers,
Welcome to another post, so in this post, we are gone be discussing how to create an awesome landing page design with HTML & TailwindCSS and some external libraries such as swiper.js for creating slider and animate CSS for animations so let’s get started!
Outline ⏱
- 0:00 : Intro
- 0:11 : Preview
- 1:52 : Asia
- 13:00 : Africa
- 21:48 : Demo with Swiper.js
- 23:51 : Australia
- 31:32 : Animation
Knowledge
We design a landing page design very simply with the help of CSS grid & Flexbox layout system & as well we use the Swiper.js library to make a vertical slider with the fade effect which gives it look pretty interesting & animate CSS for playing those simple animations. I hope you might like this video!
If you want to see/catch the step by tutorial, please check out the below-given tutorial to understand things step by step!
#html #css #tailwindcss #web #javascript #webdesign
