--- name: card url: /card ---
The most basic elements in the Foundation for Apps grid are the Group and Block.
Wrapping your content with the card
class creates the basic structure. Your text will be contained in a card-section
class to give it the proper padding. You can create Tabs with this basic HTML:
The most basic elements in the Foundation for Apps grid are the Group and Block.
The most basic elements in the Foundation for Apps grid are the Group and Block.
card-divider
class and you have one fancy looking Card. You can create advanced versions of Card with this HTML:
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi iusto reprehenderit voluptatem odio deleniti provident aliquam qui magnam aspernatur necessitatibus.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi iusto reprehenderit voluptatem odio deleniti provident aliquam qui magnam aspernatur necessitatibus.
You can easily customize Card with these color classes:
The most basic elements in the Foundation for Apps grid are the Group and Block.
The most basic elements in the Foundation for Apps grid are the Group and Block.
The most basic elements in the Foundation for Apps grid are the Group and Block.
The most basic elements in the Foundation for Apps grid are the Group and Block.
The most basic elements in the Foundation for Apps grid are the Group and Block.
Use our mixins to build a card with a custom class.
You can customize cards with these variables in _settings.scss: