Brewing...

Cards

Display content in blocks with Cards.

Live Demo

Basic

This is an example of basic cards. Each "card", or content block has a different colour background, a header, some body text and a link. Basic cards can also have a hover effect; demo'd in card three: Hover your mouse over it to see.


Card One

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Card Two

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Card Three

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Card Four

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Basic Parallax

If you want to add some movement to basic cards, we can use a clever system called "Parallax". With this applied the cards appear to move up and down independently as the page scrolls.


Basic Image

Basic cards can also have images, with the image and text arrangement changed to suit.


Image Top

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.

Image Bottom

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.

Image Left

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.

Image Right

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.

Product / Service Cards

Cards are a great way to display products or services. This is a simple example. Cards can contain links to buy products, or to view more details.


PRODUCT TITLE

Cu pri ridens doctus, in vix idque periculis. Brute mazim ne cum. Corrumpit scripserit sed ei, mei eu modus

Cu pri ridens doctus, in vix idque periculis. Brute

£20

ITEM NAME

Cu pri ridens doctus, in vix idque periculis. Brute mazim ne cum. Corrumpit scripserit sed ei, mei eu modus

Cu pri ridens doctus, in vix idque periculis. Brute mazim ne cum. Corrumpit scripserit sed ei, mei eu modus

£49

SERVICE LEVEL

Cu pri ridens doctus, in vix idque periculis. Brute mazim ne cum. Corrumpit scripserit sed ei, mei eu modus

Corrumpit scripserit sed ei, mei eu modus

£10

LEVEL ONE

Cu pri ridens doctus, in vix idque periculis. Brute mazim ne cum. Corrumpit scripserit sed ei, mei eu modus

Cu pri ridens doctus, in vix idque periculis. Brute mazim ne cum. Corrumpit scripserit sed ei, mei eu modus

£39

Cards

About Cards

Made popular by Facebook and other social networks, cards are a simple yet highly effective way to display blocks of content in a stylish, easy to read layout.

Cards have hundreds of uses, from product displays, team member details, services and so on. Above are just a few examples.

If you have uniformed blocks of content to display, we can make you a set of cards that work perfectly.

Newsletter Sign-up

© v2.2.7
  • Facebook
  • Facebook
  • This website only uses essential third party cookies and all requests are anonymised so no user identifying data is shared.

    BY CONTINUING TO USE THIS SITE YOU ACKNOWLEDGE ACCEPTANCE.