# Cards

Show content inside cards for a organized and beautiful design. From a simple to a more advanced card with flip effect.

View Examples Buy Porto

#### Default

#### Card Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur rhoncus nulla dui, in dapi.

Button

#### Colors

#### Card Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur rhoncus nulla dui, in dapi.

Button

#### Rounded

#### Card Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur rhoncus nulla dui, in dapi.

#### Thin Borders

#### Card Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur rhoncus nulla dui, in dapi.

#### Border Bottom

#### Card Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur rhoncus nulla dui, in dapi.

#### Border Top

#### Card Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur rhoncus nulla dui, in dapi.

#### Shadow

#### Card Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur rhoncus nulla dui, in dapi.

#### Hover Shadow

#### Card Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur rhoncus nulla dui, in dapi.

#### Hover Color + Shadow

#### Card Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur rhoncus nulla dui, in dapi.

#### Hover Shadow Anim Up

#### Card Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur rhoncus nulla dui, in dapi.

#### Hover Shadow Anim Up Border Bottom

#### Card Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur rhoncus nulla dui, in dapi.

#### Hover Shadow Anim Up Border Top

#### Card Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur rhoncus nulla dui, in dapi.

#### Image Top

#### Card Title

Lorem ipsum dolor sit amet, consectetur adipiscing onsectetur adipiscing elit elit onsectetur adipiscing lit onsectetur adipiscing elit.

Read More

#### Image Horizontal

#### Card Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur rhoncus nulla dui, in dapi

Read More

#### Card Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur rhoncus nulla dui, in dapi

Read More

#### Image Bottom

#### Card Title

Lorem ipsum dolor sit amet, consectetur adipiscing onsectetur adipiscing elit elit onsectetur adipiscing lit onsectetur adipiscing elit. Curabitur rhoncus nulla dui, in dapi.

Read More

#### Image Background

#### Card Title

Lorem ipsum dolor sit amet, consectetur adipiscing onsectetur adipiscing elit elit onsectetur adipiscing lit onsectetur adipiscing elit.

Button

#### Header + Footer

Header Title

#### Card Title

Lorem ipsum dolor sit amet, consectetur adipiscing onsectetur adipiscing elit elit onsectetur adipiscing lit onsectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing onsectetur adipiscing elit elit onsectetur.

Button

#### Flip Card

01

#### FIRST STEP

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus blandit massa enim. Nullam id varius.

#### FIRST MEETING

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus blandit massa enim. Nullam id varius.

LEARN MORE

#### Flip Card Vertical

02

#### SECOND STEP

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus blandit massa enim. Nullam id varius.

#### FIRST MEETING

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus blandit massa enim. Nullam id varius.

LEARN MORE

#### Flip Card 3D

03

#### THIRD STEP

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus blandit massa enim. Nullam id varius.

#### FIRST MEETING

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus blandit massa enim. Nullam id varius.

LEARN MORE

#### Glass Morphism

#### Default

#### Card Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur rhoncus nulla dui, in dapi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur rhoncus nulla dui, in dapi.

Button

#### No Borders

#### Card Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur rhoncus nulla dui, in dapi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur rhoncus nulla dui, in dapi.

Button

## Porto Elements

Porto comes with several elements options, it's easy to customize
and create the content of your website's pages.

Accordions
Toggles
Tabs
Icons
Icon Boxes
Carousels
Modals
Lightboxes
Buttons
Badges
Lists
Cards
Image Gallery
Image Frames
Image Hotspots
Testimonials
Blockquotes
Word Rotator
Before / After
Typography
Call to Action
Pricing Tables
Tables
Progress Bars
Process
Counters
Countdowns
Countdowns
Sections
Parallax
Tooltips & Popovers
Sticky Elements
Headings
Dividers
Animations
Particles
Medias
Maps
Arrows
Star Ratings
Alerts
Posts
Forms
360º Image Viewer
Shape Dividers
Read More
Cascading Images
Random Images

## Build your website with Porto

#### Purchase now. Only $14!

#### Porto Template has been available on ThemeForest since 2013 and is one of the top sellers with more than 50K+ sales.

##### SUPER HIGH PERFORMANCE

##### Strict Coding Standards

##### Free Lifetime Updates

BUY PORTO NOW

#### Customer Showcase(SAMPLE SITES)

#### Support Center

#### Online Documentation

#### Video Tutorials
(coming soon)

- Porto Versions:
- ADMIN HTML
- SHOP HTML
- WORDPRESS
- MAGENTO
- SHOPIFY
- DRUPAL