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
Card Two
Card Three
Card Four
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
Image Bottom
Image Left
Image Right
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.