MENU

Fun & Interesting

HTML & Tailwind CSS Landing Page for Podcast | Tailwind Project

WEB CIFAR 9,536 2 years ago
Video Not Working? Fix It Now

Today we are going to create a podcast landing page using HTML & Tailwind CSS. This will be completely responsive. In this video, we will see how to create a layout and grid and how to make it responsive using tailwind CSS. Hope you guys will like it. ♥ Support the Content Creator: ☕ Buy Me A Coffee: https://www.buymeacoffee.com/shaifarfan08 🔔subscribe and turn on the notification bell 👉 source code: https://github.com/ShaifArfan/tailwind-podcast-landing-page 👉 Live Preview: https://tailwind-podcast-landingpage.surge.sh/ 👉 Lite Server Tut: https://youtube.com/shorts/fvfsx2rwdMk Follow Shaif Arfan 👇👇 Instagram: https://www.instagram.com/shaifarfan08/ Facebook: https://www.facebook.com/fb.ShaifArfan08 Twitter: https://twitter.com/shaifarfan08/ ▶ Also Watch : HTML CSS Portfolio Project: https://youtu.be/78l05_nuDIg One Page HTML & CSS Project: https://youtu.be/ZFQkb26UD1Y HTML & CSS Landing Page : https://youtu.be/6SCV-JXNvXI Mini Project for HTML & CSS : https://youtu.be/7ylX8R0RENo How To Make A WordPress website: https://youtu.be/DtHDhDJYOfA ▶ Some useful Playlist : HTML & CSS: https://www.youtube.com/playlist?list=PLRv_Gd5w9e7mmrNLpQTB9RWMsVoRt2moe Vanilla JavaScript : https://www.youtube.com/playlist?list=PLRv_Gd5w9e7mmALZQWt_DJErngAFLp-aV Frontend Mentor Challenges: https://www.youtube.com/playlist?list=PLRv_Gd5w9e7liRWZfoXX1MgNztk2HPMVp 30days30submits Challenge: https://www.youtube.com/playlist?list=PLRv_Gd5w9e7m7wokXmB9fGtGYw100UKc0 🌐 Join The Community : Our website : https://webcifar.com/ Facebook Page : https://facebook.com/webcifar Facebook group : http://bit.ly/fb-group-webcifar Instagram : https://www.instagram.com/web_cifar/ twitter : https://twitter.com/webcifar GitHub: https://github.com/WebCifar & https://github.com/shaifarfan ⏰ timestamps 00:00 - intro 01:36 - Tailwind Setup 10:36 - Hero Section 28:17 - Hosts Section 37:48 - Most Listened Section 50:40 - Stats Section 56:01 - CTA 59:01 - Footer #webcifar #tailwindcss #htmlcss

Comment