No notes defined.
<figure class=" testimonial">
<blockquote class="testimonial__quote">
It was an honor to work with Imarc. They demonstrated, very early on, a true ability to understand our business and solve for our needs—create a new intranet site, one that would increase engagement and foster community. Imarc delivered incredible results, taking our former site to new heights. We couldn’t be happier with their work and subject matter expertise.
</blockquote>
<figcaption>
<div class="avatar -horizontal testimonial__attribution">
<img class="avatar__photo" src="/media/dossier-1.jpg" alt="Jane Doe" />
<div class="avatar__info">
<h2 class="avatar__name">
Jane Doe
</h2>
<div class="avatar__title">
Executive Vice President of Operations
</div>
</div>
</div>
</figcaption>
</figure>
@mixin testimonial {
&__quote {
border: 0;
font-size: 1.25rem;
max-width: 66.67%;
margin-left: auto;
margin-right: auto;
&::after,
&::before {
color: $secondary;
content: '”';
display: inline-block;
font-size: 400%;
height: 1rem;
line-height: 0;
transform: translateY(150%);
vertical-align: middle;
}
&::before {
content: '“';
text-indent: -2.5rem;
}
}
&__attribution {
justify-content: center;
max-height: 8rem;
}
}
.testimonial {
@include testimonial;
}