# Card

# Simple Card with image

Hello there

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloribus quae sequi maxime deserunt! Tempore porro, quaerat dolorum labore fuga voluptates ab commodi. Assumenda aliquam provident velit quaerat veniam, officia voluptate.

<div class="_card">
	<img class="_img" src="https://tailwindcss.com/img/card-top.jpg" alt="">
	<div class="card_content">
		<div class="card_title">
			Hello there
		</div>
		<div class="card_text">
			Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloribus quae sequi maxime deserunt! Tempore porro, quaerat dolorum labore fuga voluptates ab commodi. Assumenda aliquam provident velit quaerat veniam, officia voluptate.
		</div>
	</div>
</div>

._card {
	box-shadow: 0 15px 30px 0 rgba(0,0,0,.11),0 5px 15px 0 rgba(0,0,0,.08);
	overflow: hidden;
	max-width: 30rem;
	border-radius: .25rem;
	line-height: 1.5;
}

._img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

.card_content {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.card_title {
	font-size: 1.25rem;
	margin-bottom: .5rem;
	font-weight: 700;
}

.card_text {
	font-size: 1rem;
	color: #606f7b;
	margin: 0;
}