Featured media

Digital pattern library

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

Rules for featured media

One column must contain text and the other column must contain an image or a video.
Images must be sized 445 × 297 pixels.
The background must be either an image or coloured – the colour background must not be white, grey or yellow.
If using a coloured background all text, including links, must be white and links must be underlined.

Options available

Colour background with video on right
Image background with video on left
Image background with video in centre
Image background with photosphere in centre
Colour background with image on right
Image background with image on left
Colour background with button and image on right

Colour background with video on right

The School of English at the University of St Andrews enjoys an international reputation as a centre for both academic research and literary creativity.

The School of English was ranked first in Scotland and second in the UK by the Guardian University Guide 2017, and first in Scotland and third in the UK by the Complete University Guide 2016. The 2014 Research Excellence Framework (REF) rated 86% of research from the School as world leading and internationally excellent.

The University of St Andrews as a whole was voted top for student satisfaction in The National Student Survey 2016 as 94% of St Andrews final years gave the University top marks for the quality of the learning and teaching experience

Code

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

<!-- Google VR view code for use with photosphere option -->
<script src="https://storage.googleapis.com/vrview/2.0/build/vrview.min.js"></script>

<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/JxHfSwpddCU" allowfullscreen=""></iframe></div></div>
    </div>
</div>
<!-- End pattern: featured media //-->

Image background with video on left

The School of English at the University of St Andrews enjoys an international reputation as a centre for both academic research and literary creativity.

Code

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

<!-- Google VR view code for use with photosphere option -->
<script src="https://storage.googleapis.com/vrview/2.0/build/vrview.min.js"></script>

<div class="featured-media featured-image">
    <div class="container">
        <div class="col-md-5"><div class="embed-responsive embed-responsive-16by9"><iframe src="https://www.youtube.com/embed/JxHfSwpddCU" 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 //-->

Image background with video in centre

What is David Russell Apartments like?

Code

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

<!-- Google VR view code for use with photosphere option -->
<script src="https://storage.googleapis.com/vrview/2.0/build/vrview.min.js"></script>

<div class="featured-media featured-image">
    <div class="container">
        <div class="col-md-8 col-md-offset-2"><h3>What is David Russell Apartments like?</h3><div class="embed-responsive embed-responsive-16by9"><iframe src="https://www.youtube.com/embed/JxHfSwpddCU" allowfullscreen=""></iframe></div></div>
        
    </div>
</div>
<!-- End pattern: featured media //-->

Image background with photosphere in centre

For more information, visit the Photosphere pattern.

What is David Russell Apartments like?

Code

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

<!-- Google VR view code for use with photosphere option -->
<script src="https://storage.googleapis.com/vrview/2.0/build/vrview.min.js"></script>

<div class="featured-media featured-image">
    <div class="container">
        <div class="col-md-8 col-md-offset-2"><h3>What is David Russell Apartments like?</h3><div class="embed-responsive embed-responsive-16by9"><div id="photosphere"></div></div></div>
        
    </div>
</div>
<!-- End pattern: featured media //-->

Colour background with image on right

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

Francesca (Tadworth, Surrey, England)

Code

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

<!-- Google VR view code for use with photosphere option -->
<script src="https://storage.googleapis.com/vrview/2.0/build/vrview.min.js"></script>

<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&nbsp;Andrews 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" alt="Placeholder image"></div></div>
    </div>
</div>
<!-- End pattern: featured media //-->

Image background with image on left

Francesca (Tadworth, Surrey, England)

Code

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

<!-- Google VR view code for use with photosphere option -->
<script src="https://storage.googleapis.com/vrview/2.0/build/vrview.min.js"></script>

<div class="featured-media featured-image">
    <div class="container">
        <div class="col-md-5"><div class="img-responsive"><img src="../../assets/docs/images/placeholders/445x297.jpg" alt="Placeholder image"></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&nbsp;Andrews 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 //-->

Colour background with button and image on right

Francesca (Tadworth, Surrey, England)

Other student testimonials

Code

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

<!-- Google VR view code for use with photosphere option -->
<script src="https://storage.googleapis.com/vrview/2.0/build/vrview.min.js"></script>

<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&nbsp;Andrews 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><a type="button" class="btn btn-lg btn-tertiary-1" href="#">Other student testimonials</a></div>
        <div class="col-md-5"><div class="img-responsive"><img src="../../assets/docs/images/placeholders/445x297.jpg" alt="Placeholder image"></div></div>
    </div>
</div>
<!-- End pattern: featured media //-->