Cards

Different types of cards.

laptop
Developer laptop
By developer team
This laptop will help you develop websites really faster. With Axentix already installed on it, its performances are enhanced by nearly 250%.
</> Show code

Simple cards

Axentix basic cards are made to be used inside a grix. They are usefull to display text.

Card header

Lorem ipsum dolor sit amet consectetur adipisicing elit. Non veritatis excepturi natus impedit distinctio quidem, nesciunt id possimus quia, tempore fuga doloribus reiciendis facilis voluptate accusantium! Adipisci est nam soluta!

Image cards

Axentix image cards are made to be used inside a grix. They are usefull to easily display images.
You can create special cards using our .card-header, .card-content, and .card-footer classes.

logo
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eligendi suscipit harum repellat architecto unde vel numquam rem doloribus maiores deserunt tenetur labore.

Horizontal cards

Create horizontal cards using flexbox !

Left side

Header

Lorem ipsum dolor sit amet consectetur adipisicing elit.

Rounded cards

Axentix cards can be rounded using the rounded classes.

Card header

Lorem ipsum dolor sit amet consectetur adipisicing elit. Non veritatis excepturi natus impedit distinctio quidem, nesciunt id possimus quia, tempore fuga doloribus reiciendis facilis voluptate accusantium! Adipisci est nam soluta!

Hoverable cards

Use the hoverable classes to create a great effect when hovered.

Card header

Lorem ipsum dolor sit amet consectetur adipisicing elit. Non veritatis excepturi natus impedit distinctio quidem, nesciunt id possimus quia, tempore fuga doloribus reiciendis facilis voluptate accusantium! Adipisci est nam soluta!