Build a Modern Landing Page With Tailwind CSS

Опубликовано: 17 Ноябрь 2024
на канале: John Komarnicki

195,773

3.9k

In this video we build out a modern landing page using the utility first css framework, Tailwind CSS.
-----------------------------------------------------------------------------------------------------
Repo: https://github.com/johnkomarnicki/mod...
Project source: https://tinyurl.com/modernlandingpage
-----------------------------------------------------------------------------------------------------
Referenced/helpful videos to watch based on this project:
Accordion Menu:    • Create an Accordion Menu in 15 minute...
Mobile Navigation:    • Animated Responsive Navigation Bar wi...
-----------------------------------------------------------------------------------------------------
Website: https://johnkomarnicki.com/
Patreon:   / johnkomarnicki
Twitter:   / john_komarnicki
LinkedIn:   / john-komarnicki
-------------------------------------------------------------------------------------------------------
Timestamps:
0:00 Introduction
2:57 Brief Introduction to TailwindCSS
5:51 Setup Tailwind with NPM
10:47 Setup Tailwind Configuration (Container, Custom Colors & Font )
23:20 Header/Naivgation
38:16 Hero
46:00 Tailwind Base Styles (Button Classes)
49:15 Hero (...Continued)
1:01:24 Features Section
1:16:05 Download Section
1:29:42 FAQ Section
1:35:53 Contact Us
1:43:35 Footer
1:49:25 Whats Next?
-------------------------------------------------------------------------------------------------------
#tailwind #tailwindcss #tailwinds
Current Subscribers: 1,273