Description
Simple .block_a module.
HTML(click to show/hide)
<link rel="stylesheet" type="text/css" href="default.css">
<div class="block_a">
<h3>Quality</h3>
<p>Tint dolutm si dolut lam lorem ipsum dolorem am iam lorem ipsum Tint.</p>
<a href="#">Learn more >>>></a>
</div>
generated CSS(click to show/hide)
.block_a {
display: inline-block;
width: 200px;
padding: 25px;
background: #ebf0f5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
position: relative;
text-align: left;
margin: 0 16px;
}
.block_a h3 {
color: #000;
}
.block_a p {
color: #484848;
font-size: 16px;
margin: 10px 0;
}
.block_a a {
font-weight: bold;
}
.block_a:after {
content: '';
background: url('../../img/sprite.png') -111px 0 no-repeat;
width: 56px;
height: 56px;
position: absolute;
left: 97px;
top: -23px;
}
@media screen and (max-width: 940px) {
.block_a {
width: auto;
}
}