Digital pattern library

Featured media

This pattern is for displaying content such as testimonials or reputations with full width background. Text is displayed within the left or right column with an image or video beside it, in a separate column.


Colour background with video on right

Code
<!-- Begin pattern: featured media //-->

<div class="featured-media sta-blue">
    <div class="container">
        <div class="col-md-7"><p><strong>The School of English at the University of St&nbsp;Andrews enjoys an international reputation as a centre for both academic research and literary creativity.</strong></p><p>The School of English was ranked first in Scotland and second in the UK by the <a href="#">Guardian University Guide 2017</a>, and first in Scotland and third in the UK by the <a href="#">Complete University Guide 2016</a>. The <a href="#">2014 Research Excellence Framework (REF)</a> rated 86% of research from the School as world leading and internationally excellent.</p><p>The University of St&nbsp;Andrews as a whole was voted top for student satisfaction in The National Student Survey 2016 as 94% of St&nbsp;Andrews final years gave the University top marks for the quality of the learning and teaching experience</p></div>
        <div class="col-md-5"><div class="embed-responsive embed-responsive-16by9"><iframe src="https://www.youtube.com/embed/bsjsUn61pe4" allowfullscreen=""></iframe></div></div>
    </div>
</div>

<!-- End pattern: featured media //-->

Image background with video on left

Code
<!-- Begin pattern: featured media //-->

<div class="featured-media" style="background-image: url(../../assets/core/images/secondary-call/9.jpg); background-size: cover;">
    <div class="container">
        <div class="col-md-5"><div class="embed-responsive embed-responsive-16by9"><iframe src="https://www.youtube.com/embed/bsjsUn61pe4" allowfullscreen=""></iframe></div></div>
        <div class="col-md-7"><p><strong>The School of English at the University of St&nbsp;Andrews enjoys an international reputation as a centre for both academic research and literary creativity.</strong></p><p>The School of English was ranked first in Scotland and second in the UK by the <a href="#">Guardian University Guide 2017</a>, and first in Scotland and third in the UK by the <a href="#">Complete University Guide 2016</a>. The <a href="#">2014 Research Excellence Framework (REF)</a> rated 86% of research from the School as world leading and internationally excellent.</p><p>The University of St&nbsp;Andrews as a whole was voted top for student satisfaction in The National Student Survey 2016 as 94% of St&nbsp;Andrews final years gave the University top marks for the quality of the learning and teaching experience</p></div>
    </div>
</div>

<!-- End pattern: featured media //-->

Colour background with image on right

Code
<!-- Begin pattern: featured media //-->

<div class="featured-media sta-blue">
    <div class="container">
        <div class="col-md-7"><p>"Having originally applied to read English Literature, the chance to take Philosophy modules at sub-honours ignited an interest in that subject and therefore I am now studying a Joint Honours degree. I feel that the flexibility of the degree programmes, and the support for any difficulties you may have along the way, is what makes a degree at St Andews unlike many others. Students encouraged to embark on an independent journey of academic and self-discovery whilst having access to a network of academic, social and welfare support."</p><p><strong>Francesca</strong> (Tadworth, Surrey, England)</p></div>
        <div class="col-md-5"><div class="img-responsive"><img src="../../assets/docs/images/placeholders/445x297.jpg"></div></div>
    </div>
</div>

<!-- End pattern: featured media //-->

Image background with image on left

Code
<!-- Begin pattern: featured media //-->

<div class="featured-media" style="background-image: url(../../assets/core/images/secondary-call/9.jpg); background-size: cover;">
    <div class="container">
        <div class="col-md-5"><div class="img-responsive"><img src="../../assets/docs/images/placeholders/445x297.jpg"></div></div>
        <div class="col-md-7"><p>"Having originally applied to read English Literature, the chance to take Philosophy modules at sub-honours ignited an interest in that subject and therefore I am now studying a Joint Honours degree. I feel that the flexibility of the degree programmes, and the support for any difficulties you may have along the way, is what makes a degree at St Andews unlike many others. Students encouraged to embark on an independent journey of academic and self-discovery whilst having access to a network of academic, social and welfare support."</p><p><strong>Francesca</strong> (Tadworth, Surrey, England)</p></div>
    </div>
</div>

<!-- End pattern: featured media //-->