University of St Andrews

Featured news

Featured news is used to promote a particular item such as a blog post, news article or story at the top of the page.

Rules for featured news

• The title must be no more than 125 characters.
• The description must be no more than 300 characters.
• The image must be 360 × 240 pixels.
• Should have an associated category link.
• The heading may be changed to the context of the site, e.g. featured news, featured story or featured post.

Options available

• Default

Default

<!-- Begin pattern: featured news //-->
<div id="featured-story">
    <div class="container">
        <div class="row">
            <div class="col-xs-12">
                <h2>Featured item</h2>
            </div>
            <div class="col-xs-12">
                <div class="featured-image">
                    <a href="#"><img src="../../assets/docs/images/placeholders/360x240.jpg" alt="Placeholder image"></a>
                </div>
                <div class="clearfix visible-xs"></div>
                <h3><a href="#">Featured item title</a></h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vehicula nisi ac odio euismod, quis porta felis interdum. Vestibulum euismod neque felis, at condimentum nisi porttitor bibendum. Ut pellentesque ex non ipsum cursus faucibus. Aliquam id viverra massa. Suspendisse tincidunt sed nisi quis hendrerit. Aenean maximus elementum ligula, et viverra…</p>
                <p>Thursday 16 February 2017 | <a href="#">Category</a></p>
            </div>
        </div>
    </div>
</div>
<!-- End pattern: featured news //-->