Content halves

Digital pattern library

The content halves pattern contains two, equal-width content columns. There is the option of a heading above the columns and a full-width background colour.

Rules for content halves

Must have content in both columns.
Images must not be used in either column.
A video may be used in the right-hand column.
The background must be either white or grey.
Accordions may be used in the right-hand column only on the subjects pages.

Sub-heading only

Sub-heading

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.

Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur?

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores.

Eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.

Code

<!-- Begin pattern: content-halves //-->
    <div class="container">
        <div class="row">
            <div class="col-sm-6 content">
                <h3>Sub-heading</h3><p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p><p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p><p>Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur?</p>
            </div>
            <div class="col-sm-6 content">
                 <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p><p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores.</p><p>Eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p>
            </div>
        </div>
    </div>
<!-- End pattern: content-halves //-->

Heading and background

The heading must be an h2 with sub-headings in the content as h3.

Heading

Sub-heading

sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.

Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure.

.Consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur?

Code

<!-- Begin pattern: content-halves //-->
<section class="sta-grey-light">
    <div class="container">
        <div class="row"><div class="col-xs-12 col-sm-6"><h2>Heading</h2></div></div>
        <div class="row">
            <div class="col-sm-6 content">
                <h3>Sub-heading</h3><p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit.</p><p>sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p><p>Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure.</p>
            </div>
            <div class="col-sm-6 content">
                 <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p><p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet</p><p>.Consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur?</p>
            </div>
        </div>
    </div>
</section>
<!-- End pattern: content-halves //-->

Heading and video

The heading must be an h2 with sub-headings in the content as h3.

Heading

Sub-heading

Adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex.

Code

<!-- Begin pattern: content-halves //-->
    <div class="container">
        <div class="row"><div class="col-xs-12 col-sm-6"><h2>Heading</h2></div></div>
        <div class="row">
            <div class="col-sm-6 content">
                <h3>Sub-heading</h3><p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p><p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur.</p><p>Adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex.</p>
            </div>
            <div class="col-sm-6 content">
                 <div class="embed-responsive embed-responsive-16by9"><iframe src="https://www.youtube.com/embed/bsjsUn61pe4" allowfullscreen=""></iframe></div>
            </div>
        </div>
    </div>
<!-- End pattern: content-halves //-->

Key information section

This option must only be used on the subjects pages.

UCAS code

V110

Course type

Master of Arts (single Honours degree)

Course duration

Four years full time

Entry requirements

SQA Highers	AAAB, including Biology or Human Biology and one other science from the following: Chemistry Mathematics Physics.
GCE A-Levels	AAB, including Biology and one other science from the following: Chemistry Mathematics Physics.
IB points	36, including HL6 in Biology and HL6 in one of the following science subjects: Chemistry Computing Science or equivalent Physics Design Technology Mathematics Further Mathematics.

For degrees combining more than one subject, the subject with the higher entry requirements determines the grades you need. You will also need to meet any further subject specific entrance requirements as outlined on their pages.

Find out more about international entry requirements.

How to apply

Do I need to have studied this subject before?

No prior knowledge of Bionuclear Poetry is required. It is recommended that applicants have a qualification in a modern foreign language at National 5, GCSE level, or equivalent.

Faculty entry requirements

You must also meet the Faculty of Arts minimum qualifications. These vary depending on which qualifications you hold.

SQA Qualifications

GCSE Qualifications

Other qualifications

Passes in other examinations at equivalent levels and subjects may be accepted by the Dean of the Faculty.

Find out more about Faculty of Arts entry requirements.

Code

<!-- Begin pattern: content-halves //-->
<section class="sta-grey-light course">
    <div class="container">
        <div class="row">
            <div class="col-sm-6 content">
                <h3>UCAS code</h3><p>V110</p><h3>Course type</h3><p>Master of Arts (single Honours degree)</p><h3>Course duration</h3><p>Four years full time</p><h3>Entry requirements</h3><table class="table table-bordered"><tbody><tr><th>SQA Highers</th><td><strong>AAAB</strong>, including Biology or Human Biology and one other science from the following:<ul><li>Chemistry</li><li>Mathematics</li><li>Physics.</li></ul></td></tr><tr><th>GCE A-Levels</th><td><strong>AAB</strong>, including Biology and one other science from the following:<ul><li>Chemistry</li><li>Mathematics</li><li>Physics.</li></ul></td></tr><tr><th>IB points</th><td><strong>36</strong>, including HL6 in Biology and HL6 in one of the following science subjects:<ul><li>Chemistry</li><li>Computing Science or equivalent</li><li>Physics</li><li>Design Technology</li><li>Mathematics</li><li>Further Mathematics.</li></ul></td></tr></tbody></table><p>For degrees combining more than one subject, the subject with the higher entry requirements determines the grades you need. You will also need to meet any further subject specific entrance requirements as outlined on their pages.</p><p>Find out more about <a href="#">international entry requirements</a>.</p><a class="btn btn-primary" href="#">How to apply</a>
            </div>
            <div class="col-sm-6 content">
                 <h3>Do I need to have studied this subject before?</h3><p>No prior knowledge of Bionuclear Poetry is required. It is recommended that applicants have a qualification in a modern foreign language at National 5, GCSE level, or equivalent.</p><h3>Faculty entry requirements</h3><p>You must also meet the Faculty of Arts minimum qualifications. These vary depending on which qualifications you hold.</p><div class="accordion"><h3 aria-expanded="false" aria-controls="accordion-2" role="tab" tabindex="0">SQA Qualifications</h3><div id="accordion-2" aria-hidden="true" role="tabpanel" style="display: none;"><p>SQA National 5 (B or above) or equivalent in English and Mathematics (or an approved science). Approved science subjects are:</p><ul><li>Biology</li><li>Chemistry</li><li>Computing Science or equivalent</li><li>Geography</li><li>Geology</li><li>Mathematics</li><li>Physics</li><li>Psychology.</li></ul></div></div><div class="accordion"><h3 aria-expanded="false" aria-controls="accordion-3" role="tab" tabindex="0">GCSE Qualifications</h3><div id="accordion-3" aria-hidden="true" role="tabpanel" style="display: none;"><p dir="ltr">GCSE (B or above) in English Language or Literature and Mathematics (or an approved science). Approved science subjects are:</p><ul><li>Biology</li><li>Chemistry</li><li>Computing Science or equivalent</li><li>Geography</li><li>Geology</li><li>Mathematics</li><li>Physics</li><li>Psychology.</li></ul></div></div><h4>Other qualifications</h4><p>Passes in other examinations at equivalent levels and subjects may be accepted by the Dean of the Faculty.</p><p><a href="#">Find out more about Faculty of Arts entry requirements</a>.</p>
            </div>
        </div>
    </div>
</section>
<!-- End pattern: content-halves //-->