TFMKIT Logo
Home Snippets Application
Cards

Cards

Components Reference

for Application

All components collections for application, to make your beauty web sites.

Card - Image Basic

Preview
ImageDescription

Title Card

Some quick example text to build on the card title and make up the bulk of the card's content.

Card - Image Basic Snippet Code

Card - Basic Only Body

Preview

Some quick example text to build on the card title and make up the bulk of the card's content.

Card - Basic Only Body Snippet Code

Card - Simple

Preview

Title Card

Some quick example text to build on the card title and make up the bulk of the card's content.

Card - Simple Snippet Code

Card - Header & Footer

Preview
Header Card

Title Card

Some quick example text to build on the card title and make up the bulk of the card's content.

Footer Card
Card - Header & Footer Snippet Code

Card - Footer with Link

Preview

Title Card

Some quick example text to build on the card title and make up the bulk of the card's content.

Last updated 5 mins ago
Card - Footer with Link Snippet Code

Card - Navigation Rounded

Preview
Active Link Link

Title Card

Some quick example text to build on the card title and make up the bulk of the card's content.

Card - Navigation Rounded Snippet Code

Card - Navigation

Preview
Active Link Link

Title Card

Some quick example text to build on the card title and make up the bulk of the card's content.

Card - Navigation Snippet Code

Card - Image Bottom

Preview

Title Card

Some quick example text to build on the card title and make up the bulk of the card's content.

ImageDescription
Card - Image Bottom Snippet Code

Card - Image Overlays

Preview

Title Card

Last updated 5 mins ago

Some quick example text to build on the card title and make up the bulk of the card's content.

ImageDescription
Card - Image Overlays Snippet Code

Card - Hover Animation

Preview
ImageDescription

Title Card

Some quick example text to build on the card title and make up the bulk of the card's content.

Card - Hover Animation Snippet Code

Card - Hover Shadow

Preview
ImageDescription

Title Card

Some quick example text to build on the card title and make up the bulk of the card's content.

Card - Hover Shadow Snippet Code

Card - Horizontal

Preview
ImageDescription

Title Card

Some quick example text to build on the card title and make up the bulk of the card's content.

Card - Horizontal Snippet Code

Card - Group

Preview
ImageDescription

Title Card

Some quick example text to build on the card title and make up the bulk of the card's content.

ImageDescription

Title Card

Some quick example text to build on the card title and make up the bulk of the card's content.

Card - Group Snippet Code

Card - With Action

Preview
Header Card

Title Card

Some quick example text to build on the card title and make up the bulk of the card's content.

Card - With Action Snippet Code

Card - With Alert

Preview
Header Card
Attention needed! This is an alert box.

Title Card

Some quick example text to build on the card title and make up the bulk of the card's content.

Card - With Alert Snippet Code

Card - Center Content

Preview

Title Card

Some quick example text to build on the card title and make up the bulk of the card's content.

Card - Center Content Snippet Code

Card - Empty Content

Preview

No data to show

Card - Empty Content Snippet Code

Card - Scrollable

Preview

Title Card

Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesentium recusandae nemo repudiandae eveniet repellat eum dolore doloribus esse id error officia minus incidunt culpa officiis veritatis inventore, ullam at necessitatibus.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesentium recusandae nemo repudiandae eveniet repellat eum dolore doloribus esse id error officia minus incidunt culpa officiis veritatis inventore, ullam at necessitatibus.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesentium recusandae nemo repudiandae eveniet repellat eum dolore doloribus esse id error officia minus incidunt culpa officiis veritatis inventore, ullam at necessitatibus.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesentium recusandae nemo repudiandae eveniet repellat eum dolore doloribus esse id error officia minus incidunt culpa officiis veritatis inventore, ullam at necessitatibus.

Card - Scrollable Snippet Code