Materialize CSS Card Panel

Cards are a convenient means of displaying content composed of different types of objects. They’re also well-suited for presenting similar objects whose size or supported actions can vary considerably, like photos with captions of variable length.

http://materializecss.com/cards.html

// Add Shortcode
function materialize_card_shortcode( $atts , $content = null ) {

	// Attributes
	$atts = shortcode_atts(
		array(
			'color' => 'light-green',
			'darkorlight' => 'darken-1',
			'hoverable' => 'false',
		),
		$atts,
		'card'
	);

	$hoverable = ($atts['hoverable']) ? 'hoverable' : '';
	return '<div class="card-panel ' . $atts['color'] . ' ' . $atts['darkorlight'] . ' '.$hoverable.'">'.$content.'</div>';

}
add_shortcode( 'card', 'materialize_card_shortcode' );