<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.