X
Back to the
Component Shop Read this first! Accordion Alert / Callout Another Lightbox Gallery Audio Player with Playlist Auto Sidebar Backbutton Basic Form Before/After Comparison Buttons Collapsible Alert Contact Form Count-down Script Crossfade Slider CSS Parallax Cut-out Text Decorative Background Details/Summary Classes Drilldown Menu Drop-down Easy Mega Menu Equal Height Columns Filtered Portfolio Flip-cards Glossary Table Hamburger Menu HTML Quiz Horizontal Tabs Image Gallery Image Modal Image Shapes Image Slider with Fade Jquery Parallax Lazy Loading Lightbox Gallery Magnifying Glass Masonry Grid Gallery Mega Menu Modal Optimal Image Sizes Oval Image PHP Includes Range Slider Read More Button Responsive Card Table Responsive Navbar Responsive Shrinknav Responsive Sidebar Responsive Table Round Image Scroll to Top Searchbox Simple Shapes Simple Cards Simple Slider Skill Bars Slide-in Nav Sticky Mega Menu Sticky Vertical Menu Subnav in Dropdowns Tabbed Gallery Tab Navigation Text on Image Translucent Image Translucent Text Layer Vertical Tabs Video Video Scroller Wrapping Text Years Completed Zebra Striped Table
☰

Simple Cards

Albert Einstein

Albert Einstein

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et metus.

Lisa del Giocondo

AKA Mona Lisa

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et metus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nibh risus, sagittis nec suscipit nec, mollis laoreet eros. Donec faucibus, libero id faucibus scelerisque, justo justo nullam sodales.

Mona Lisa
Cards can be a very useful format for presenting bits of imformation that belong together, like e.g. business cards with an image, the name and some info or contact details for each person. You can give the cards a vertical or a horizontal look. In the horizontal card 40% width has been given to the image and 60% to the text. It can be changed to whatever will best fit the contents.

The images used here are from Pixabay.

Download the component.