<section class="reference"><a href="#" class="reference__link"><img class="reference__image" src="../../assets/business_technology.svg" alt="Business technology"></a>
<p class="reference__description">Spicy jalapeno bacon ipsum dolor amet t-bone sirloin culpa, tenderloin tempor ullamco flank rump. Biltong corned beef pork loin et. Labore dolore laborum pork laboris. Do alcatra ball tip consequat venison spare ribs pig. Bresaola boudin chuck, spare
ribs officia mollit ut esse est jowl minim.
</p>
</section>
<section class="reference">
<a href="#" class="reference__link">
<img class="reference__image" src={context.app.uri("assets/business_technology.svg")} alt="Business technology" />
</a>
<p class="reference__description">
Spicy jalapeno bacon ipsum dolor amet t-bone sirloin culpa, tenderloin tempor ullamco flank rump. Biltong corned beef pork loin et. Labore dolore laborum pork laboris. Do alcatra ball tip consequat venison spare ribs pig. Bresaola boudin chuck, spare ribs officia mollit ut esse est jowl minim.
</p>
</section>
/* No context defined for this component. */
.reference {
display: flex;
flex-direction: column;
justify-content: center;
margin-bottom: 0;
}
.reference__image {
margin: 0 auto $spacer-sm;
max-width: 50%;
}
.reference__link {
@extend %block-link;
text-align: center;
}
.reference__description {
@extend %heading-font-regular;
margin-right: auto;
margin-left: auto;
text-align: center;
line-height: $reference-line-height-small;
font-size: $reference-font-size-small;
}
@media screen and (min-width: $grid-breakpoint-md) {
.reference {
margin-bottom: $spacer-lg;
}
.reference__image {
margin: 0 auto $spacer-base;
max-width: 40%;
}
.reference__description {
max-width: 90%;
line-height: $reference-line-height;
font-size: $reference-font-size;
}
}
There are no notes for this item.