Card Examples
Bootstrap 4 Card Examples with Material Design UI
Multiple variations of Bootstrap 4 Cards with Material Design UI to display different type of information and content starting from contact details, notifications, blog posts, product information, testimonials, user profile time lines, statistics, offers, lists and more.
Contact Information Card
California
Linda R. Teal
+1 203-288-2836
California
Linda R. Teal
+1 203-288-2836
Linda R. Teal
+1 203-288-2836
Contact Form Card
Contact Form
Blog Post Card
Title goes here
Cards provide context and an entry point to more robust information and views. Don't overload cards with extraneous information or actions.
Posted by Jhon Doe,
Director at Eight Pvt. Ltd.
Title goes here
Posted By Jude Antony, on May 17, 2017
Cards provide context and an entry point to more robust information and views. Don't overload cards with extraneous information or actions.
Title goes here
April 26, 2017 | 20 Comments
Cards provide context and an entry point to more robust information and views. Don't overload cards with extraneous information or actions.
Title goes here
Posted By Jude Antony, on May 17, 2017
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque lobortis turpis vitae augue ultrices vestibulum. Integer nisl sem, dignissim a tincidunt non, fermentum eget libero. Aliquam dictum ligula risus, non hendrerit ipsum maximus in. Fusce magna felis, congue id lectus ac, vehicula feugiat leo.
Read More
Title goes here
Posted By Nirav Prajapati, on May 17, 2017
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque lobortis turpis vitae augue ultrices vestibulum. Integer nisl sem, dignissim a tincidunt non, fermentum eget libero.
Read MoreMost popular post
D'Fair
An event of the people, for the people & by the people of Digicorp!
Testimonial Card
Title goes here
Cards provide context and an entry point to more robust information and views. Don't overload cards with extraneous information or actions.
Diana Mason, Mumbai
Sep 24 2017
Profile Card
Diana Mason
CEO & Founder XYZ Electronics
Keith-Dowd
Peach & Pie
Diana Mason
Co-Founder
done
Diana Mason
Senior Product Designer
Amorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vitae nibh nisl. Cras etitikis mauris eget lorem ultricies ferme ntum a inti diam.
Hire Me-
12.8k
Followers
-
15k
Likes
-
13k
Share
e Design guru
Develop a portal that allows customers to book and pay. Create a quite simple Fire TV app, going...
Icon, Title and Subtitle Card
Ask any technical question
See frequently asked questions
Analytics Services
We offer a customised analytics web app called Data Sense that is delivered in 15 days. We also provide consulting services to identify the most appropriate tool(s) based on your requirements.
Title goes here
Cards provide context and an entry point to more robust information and views. Don't overload cards with extraneous information or actions.
Title goes here
Cards provide context and an entry point to more robust information and views. Don't overload cards with extraneous information or actions.
Title goes here
Cards provide context and an entry point to more robust information and views. Don't overload cards with extraneous information or actions.
Progress Card
Statistics Card
Today's Statistics
-
Previous Balance
₹ 28.00/-
-
Earned
₹ 28.00/-
-
Used
₹ 0.00/-
Education
-
85,000
Students
-
250+
Courses
-
20+
Branch
Browser Usage
Firefox
25%
32%
Safari
13%
Opera
7%
Tablet
4%
Others
2%
-
Posts
65
-
Followers
306
-
Likes
286
170+
Calls from IIFT for the 2017-19 batch
68
Components
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde dolores cupiditate vitae. consectetur adipisicing elit.
Event Card
Burhani Cricket Cup 2018
- today 18-Feb-18 to 12-March-18
- location_on Hyderabad
- directions KRR cricket Ground
Media, Title and Listing Card
Autonomous systems
- Autonomous Vehicles (self driving cars)
- Drones
- Robots
- Industrial Automation
Notifications Card
We offer a customised analytics web app called Data Sense that is delivered in 15 days. We also provide consulting services to identify the most appropriate tool(s) based on your requirements.
Notifications
-
Christopher Columbus
This theme is Awesome!!
5 mins ago
-
Sandra Smith
Hey! I'm thankful to you
6 hours ago
-
Paul Andrew
Nice Work!
13:40 PM
-
PepciCo has been added to 7 Collections
-
PepciCo has 2 Active Trials
-
PepciCo has 4 Recipes
Members (2)
-
John Thanasis
Group Manager at Bionic Systems
-
Diana Mason
Manager at XYZ Electronics
Media, Title and Description Card
Product
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque lobortis turpis vitae augue ultrices vestibulum. Integer nisl sem, dignissim a tincidunt non, fermentum eget libero. Aliquam dictum ligula risus, non hendrerit ipsum maximus in. Fusce magna felis, congue id lectus ac, vehicula feugiat leo.
Product
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque lobortis turpis vitae augue ultrices vestibulum. Integer nisl sem, dignissim a tincidunt non, fermentum eget libero. Aliquam dictum ligula risus, non hendrerit ipsum maximus in. Fusce magna felis, congue id lectus ac, vehicula feugiat leo.
Ask any technical question
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque lobortis turpis vitae augue ultrices vestibulum.
Timeline Card
2016
OCTOBER 26, 2016
Launched Propeller
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque lobortis turpis vitae augue ultrices vestibulum. Integer nisl sem, dignissim a tincidunt non, fermentum eget libero.
Offer Card
Payment Card
Secure Payment
Moving your card details to a much more secured place
Payments Accepted
Product Card
Birthday Cake
$100.00
List Card
Deatiled Information
Institutions
Courses
Enterance Exams
Career Options
Alerts
Coaching Centres
Articles
Knowledge
Date Sheets
Image Overlay
Cards provide context and an entry point to more robust information and views. Don't overload cards with extraneous information or actions.
