Lens design system

Case Study

Case study

A case study stratum can contain:

  • An image
  • A video
  • Text only

When used on courses and subjects the .bg-coral class should be applied.

An optional call to action button can be applied.

<section class="case-study bg-coral medium-padding" id="case-study">
    <div class="row column">
        <div class="flex-wrapper">
            <div class="single-item">
                <figure class="quote reverse">
                    <img src="https://farm5.staticflickr.com/4271/34806253426_ea4d0b3e71_o_d.jpg" alt="A student">
                    <blockquote>
                        &lsquo;Lorem ipsum dolor sit amet consectetur adipiscing elit rutrum class aliquam montes conubia risus torquent.&rsquo;
                    </blockquote>
                    <figcaption>
                        <div class="quote-attribution">
                            <span>—</span>
                            Amanda Person
                            <span>BSc Course name (2015)</span>
                        </div>
                    </figcaption>
                </figure>
            </div>
        </div>
        <footer class="text-center">
            <!-- COMPONENT: Ghost button -->
            <a href="#" class="ghost-button">Lorem ipsum dolor sit</a>
            <!-- End component: Ghost button -->
        </footer>
    </div>
</section>