← back to the module index

Test: card

Basic card


Card Title

Some text

Additional text



Basic card with feature title


Some heading

Some text

Additional text



Basic card with centered content


Some heading

Some text

Additional text



Basic card with centered header but not body


Some heading

Some text

Additional text



Dark Card


Card title

Some text


Alt card


Card title

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsum, assumenda?



Basic card with a box shadow


Card title


Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam illum illo quis magnam sapiente ipsum quos aperiam quas. Tempora delectus nemo sequi quisquam sapiente sed nesciunt! Amet, voluptatem. Dolore, corrupti?



Basic card with call to action link and footer


Some heading

Lorem ipsum dolor, sit amet consectetur adipisicing elit. In, voluptatibus.



Basic card with image and CTA


Some heading

Placeholder image 1200 by 500

Some text

Additional text



Sign up


Basic card with full width images


Placeholder image 1200 by 500

Card title

Some text

Additional text



Link cards

Card wrapped around an anchor tag


Card title


Some text

Additional text



Card wrapped around an anchor tag, with image


Placeholder image 1200 by 500

Card title

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quia voluptatibus nemo excepturi adipisci accusamus aut.



Card with a single anchor, with hit area wrapping card


Placeholder image 1200 by 500

Some heading

Some text

Additional text



Card with a single anchor, with hit area wrapping card --alt


Placeholder image 1200 by 500

Some heading

Some text

Additional text



Card List example