Key stats, used to highlight information such as leage table data on course pages.

Facts in alt rows match the background colour that they are on:

in the UK for chemistry

Times and Sunday Times Good University Guide 2020

in the UK for chemistry

Guardian University Guide 2020

in the UK for chemistry

Times and Sunday Times Good University Guide 2020

in the UK for chemistry

Guardian University Guide 2020

in the UK for chemistry

Times and Sunday Times Good University Guide 2020

in the UK for chemistry

Guardian University Guide 2020

<div class="o-grid__row o-grid__row--alt1 js-equal-height-row">
  <div class="o-grid__box o-grid__box--half">
    <div class="c-key-fact o-media">
      <div class="o-media__picture o-media__picture--text">
        <span id="text" class="c-key-fact__text" aria-hidden="true">2<sup>nd</sup></span>
      </div>
      <div class="o-media__body o-media__body--text">
        <span id="title" class="is-hidden"> 2nd in the UK for chemistry</span>
        <h3 aria-labelledby="title" class="c-key-fact__title">in the UK for chemistry</h3>
        <div class="c-key-fact__content">
          <p>Times and Sunday Times Good University Guide 2020</p>
        </div>
      </div>
    </div>
  </div>
  <div class="o-grid__box o-grid__box--half">
    <div class="c-key-fact o-media">
      <div class="o-media__picture o-media__picture--text">
        <span id="text" class="c-key-fact__text" aria-hidden="true">3<sup>rd</sup></span>
      </div>
      <div class="o-media__body o-media__body--text">
        <span id="title" class="is-hidden"> 3rd in the UK for chemistry</span>
        <h3 aria-labelledby="title" class="c-key-fact__title">in the UK for chemistry</h3>
        <div class="c-key-fact__content">
          <p>Guardian University Guide 2020</p>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="o-grid__row o-grid__row--alt2 js-equal-height-row">
  <div class="o-grid__box o-grid__box--half">
    <div class="c-key-fact o-media">
      <div class="o-media__picture o-media__picture--text">
        <span id="text" class="c-key-fact__text" aria-hidden="true">2<sup>nd</sup></span>
      </div>
      <div class="o-media__body o-media__body--text">
        <span id="title" class="is-hidden"> 2nd in the UK for chemistry</span>
        <h3 aria-labelledby="title" class="c-key-fact__title">in the UK for chemistry</h3>
        <div class="c-key-fact__content">
          <p>Times and Sunday Times Good University Guide 2020</p>
        </div>
      </div>
    </div>
  </div>
  <div class="o-grid__box o-grid__box--half">
    <div class="c-key-fact o-media">
      <div class="o-media__picture o-media__picture--text">
        <span id="text" class="c-key-fact__text" aria-hidden="true">3<sup>rd</sup></span>
      </div>
      <div class="o-media__body o-media__body--text">
        <span id="title" class="is-hidden"> 3rd in the UK for chemistry</span>
        <h3 aria-labelledby="title" class="c-key-fact__title">in the UK for chemistry</h3>
        <div class="c-key-fact__content">
          <p>Guardian University Guide 2020</p>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="o-grid__row o-grid__row--alt3 js-equal-height-row">
  <div class="o-grid__box o-grid__box--half">
    <div class="c-key-fact o-media">
      <div class="o-media__picture o-media__picture--text">
        <span id="text" class="c-key-fact__text" aria-hidden="true">2<sup>nd</sup></span>
      </div>
      <div class="o-media__body o-media__body--text">
        <span id="title" class="is-hidden"> 2nd in the UK for chemistry</span>
        <h3 aria-labelledby="title" class="c-key-fact__title">in the UK for chemistry</h3>
        <div class="c-key-fact__content">
          <p>Times and Sunday Times Good University Guide 2020</p>
        </div>
      </div>
    </div>
  </div>
  <div class="o-grid__box o-grid__box--half">
    <div class="c-key-fact o-media">
      <div class="o-media__picture o-media__picture--text">
        <span id="text" class="c-key-fact__text" aria-hidden="true">3<sup>rd</sup></span>
      </div>
      <div class="o-media__body o-media__body--text">
        <span id="title" class="is-hidden"> 3rd in the UK for chemistry</span>
        <h3 aria-labelledby="title" class="c-key-fact__title">in the UK for chemistry</h3>
        <div class="c-key-fact__content">
          <p>Guardian University Guide 2020</p>
        </div>
      </div>
    </div>
  </div>
</div>

Options

Molecules

  • key-stats