• Patterns
  • Boxes

Standard box

Regional Gross Value Added (Income Approach)

  • In 2012 the South East had the largest increase in GVA
  • Between 1997 and 2011 the contribution of building to total GVA decreased in each of the NUTS1 regions.

Usage notes

Boxes are components that can be used to visually compartmentalise different sections of the page.

Their look can be extended in a number of ways to place emphasis on different areas of the page.

  
<article class="box">
  <header class="box__header">
    <h3 class="gamma">
      Regional Gross Value Added (Income Approach)
    </h3>
  </header>
  <!-- /box__header -->

  <div class="box__content">
    <ul class="list--bullet">
      <li>In 2012 the South East had the largest increase in GVA</li>
      <li>Between 1997 and 2011 the contribution of building to total GVA decreased in each of the NUTS1 regions. </li>
    </ul>
    <!--  /list-bullet -->
  </div>
  <!-- /box__content -->

  <footer class="box__footer box__actions">
    <a class="btn btn--primary btn--small btn--narrow" href="#">
      Download .xls
      <span class="icon icon-download icon--button-inline"></span>
    </a>
  </footer>
  <!-- /box__actions -->
</article>