Cards

Cards can be simple as this.

Header

Lorem ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus ut eos molestias tempore maxime ea.


Simple card with extra contents
Brisbane, Australia
4 days ago

Queensland Australia's largest city – been chosen for its winning combination of high-rise modern architecture, lush green spaces and the enormous Brisbane River that snakes its way through the centre before emptying itself into the azure Moreton Bay.

134 votes

Card Classic
Sara
CEO at Touchgue
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Tenetur, facilis!

Card classic with extra contents
Sara
CEO at Touchgue
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Tenetur, facilis!
33 Members

Profile Card

Cards can also include image

Sara Morgan
Joined May 2018
Manager at Global Market

Profile card with extra contents
Sara Morgan
Joined May 2018
Manager at Global Market
20 Likes

They can also be in group
Juliet Derek
Joined May 2018
Visual assistant at Global Market
44 Friends
Karen Drake
Joined May 2018
Editor at Global Market
28 Friends
Anthony White
Joined July 2018
Developer at Global Market
20 Friends

Important note

Cards in uncaught are made responsive with width:auto and height: auto which makes the card scale with the parent element. eg.

Header

A Simple card in Col-3

Header

A Simple card in Col-5

Header

A Simple card in Col-4