Exploring the Versatility of Tailwind CSS Framework

  • No Rating
  • (0 Reviews)
  • 1 students enrolled

Exploring the Versatility of Tailwind CSS Framework

Master Tailwind CSS with our ISO certified course only at Inbox Learners Hub and master how to build responsive, utility-first design with ease. Enroll now for expert-led training.

  • No Rating
  • (0 Reviews)
  • 1 students enrolled
  • Free


Course Content

6 sections • 22 lectures • 02h 25m total length
Introduction
02:20min
Project Setup
08:07min
Create the navbar and Logo
12:29min
Apply google form the tailwind project
02:39min
Create the first menu item, classes, on hover
07:13min
Finish the menu Item
10:03min
Create the sub menu item
06:17min
Create the mobile menu Item
05:53min
Animate Mobile Menu Icon
08:44min
Extend Tailwind CSS
10:15min
Implement Mobile Sub Menu
08:44min
Create the hero section and background
07:49min
Add the hero content
07:29min
Create the waveform logo animation
10:41min
Create the custom animation delay tailwind css plugin with match utilities
07:00min
Default base styles for headings
04:27min
Create a scrollable and snappable carousel in tailwind css
07:09min
Implementing light and dark mode on user a local machine settings
03:04min
Toggle button for Light and Dark Mode
03:04min
Create the tickets table and custom tailwind plugin with addUtilities
06:30min
Start the lineup timeline
06:23min
Finish the lineup timeline
07:23min

Requirements

  • HTML, CSS, and JavaScript knowledge A code editor or IDE, A web browser

Description

 

SVG Icon
Tailwind CSS
Overview
Learn Tailwind CSS
Duration 2 hours 25 Mins
Total Fee Free
Mode of learning Online
Difficulty level Beginner
Official Website Go to Our Course
Credential Certificate
SVG Icon
Tailwind CSS
Highlights
Discover More
  • Interactive content
  • Industry-relevant projects
  • Peer reviews and feedback
  • Shareable Certificate
  • Earn a Certificate upon completion
  • 100% online courses
SVG Icon
Tailwind CSS
Course Details
Skills you will learn
  • HTML, CSS, and JavaScript knowledge

More about this course
  • Tailwind CSS is an open-source CSS framework that provides a list of "utility" CSS classes to style each element by mixing and matching.
SVG Icon
Tailwind CSS
Curriculum
Course 1: Introduction
  • Introduction
  • Project Setup
Course 2: Building The Navbar
  • Create the navbar and Logo
  • Apply google form the tailwind project
  • Create the first menu item, classes, on hover
  • Finish the menu Item
  • Create the sub menu item
  • Create the mobile menu Item
  • Animate Mobile Menu Icon
  • Extend Tailwind CSS
  • Implement Mobile Sub Menu
Course 3: Building The Hero Section
  • Create the hero section and background
  • Add the hero content
  • Create the waveform logo animation
  • Create the custom animation delay tailwind css plugin with match utilities
Course 4: Building The Headliners Set
  • Default base styles for headings
  • Create a scrollable and snappable carousel in tailwind css
Course 5: Light and Dark Mode
  • Implementing light and dark mode on user a local machine settings
  • Toggle button for Light and Dark Mode
Course 6: Building The Tickets & Lineup Time Line Sections
  • Create the tickets table and custom tailwind plugin with addUtilities
  • Start the lineup timeline
  • Finish the lineup timeline
SVG Icon
Tailwind CSS
Entry Requirements
Eligibility Criteria
  • Good knowledge of HTML, its structure, and how it works

Recent Courses

blog
  • January, 3rd 2025
  • 0

Discover the essentials of business accounting and finance. Our comprehensive resources will help you master key concepts and..

  • 199.00₹
  • 1990.00₹
blog
  • January, 3rd 2025
  • 0

Elevate your business acumen with our Business Strategy Consulting Masterclass. Gain insights and skills to drive success and..

  • 199.00₹
  • 1990.00₹
blog
  • January, 3rd 2025
  • 0

Discover how to craft compelling business cases that drive success. Our expert insights on business analysis will elevate you..

  • 199.00₹
  • 1990.00₹
blog
  • January, 3rd 2025
  • 0

Discover your ideal business niche with our expert guidance. Unlock profitable opportunities and elevate your entrepreneurial..

  • 199.00₹
  • 1990.00₹
blog
  • January, 3rd 2025
  • 0

Take charge of your financial future with expert tips and strategies to save capital and manage your finances effectively. St..

  • 199.00₹
  • 1990.00₹

About Instructor

instructor
About Instructor

Inbox Learners Hub specialize in Training and Human Resource consulting, for both management and technical skills. In addition to the extensive industrial experience in Technical and human resources management, we have a pool of experts in our faculty specializing in specific areas that serve both students and organizations of IT industry.

Key Highlights

  • Skilled Instructors
  • Professional Trainings
  • Live Projects
  • Placement Assistance

World-Class Instructors |  1:1 with Industry Mentors | 400+ Global Hiring Partners | 55% Avg. Salary Hike

Accelerate your Career & Growth  With Inbox