Section
Example
Services and information
Markup
<div class="container">
<div class="row">
<div class="col-md-8">
<section class="m-module" aria-label="Services and information">
<h2 id="servicesTitle" class="u-visuallyhidden">Services and information</h2>
<div class="row">
<div class="col-sm-4">
<div class="c-teaser">
<h3 class="c-teaser__title"><a href="/consumers/guide-to-aviation/">Guide to aviation</a></h3>
<ul>
<li class="c-teaser__item">
<a href="/consumers/guide-to-aviation/aviation-safety/" class="c-teaser__link">Aviation safety</a>
</li>
<li class="c-teaser__item">
<a href="/consumers/guide-to-aviation/demand-for-additional-runway-capacity/" class="c-teaser__link">Demand for additional runway capacity</a>
</li>
<li class="c-teaser__item">
<a href="/consumers/guide-to-aviation/aircraft/" class="c-teaser__link">Aircraft</a>
</li>
<li class="c-teaser__item">
<a href="/consumers/guide-to-aviation/who-manages-uk-airspace/" class="c-teaser__link">Who manages UK airspace?</a>
</li>
<li class="c-teaser__item">
<a href="/consumers/guide-to-aviation/how-air-traffic-control-works/" class="c-teaser__link">How air traffic control works</a>
</li>
<li class="c-teaser__item">
<a href="/consumers/guide-to-aviation/how-airlines-are-licensed-and-inspected/" class="c-teaser__link">How airlines are licensed and inspected</a>
</li>
<li class="c-teaser__item">
<a href="/consumers/guide-to-aviation/how-airports-work-operationally/" class="c-teaser__link">How airports work operationally</a>
</li>
<li class="c-teaser__item">
<a href="/consumers/guide-to-aviation/pilot-training-and-checks/" class="c-teaser__link">Pilot training and checks</a>
</li>
<li class="c-teaser__item">
<a href="/consumers/guide-to-aviation/weather/" class="c-teaser__link">Weather</a>
</li>
<li class="c-teaser__item">
<a href="/consumers/guide-to-aviation/consumer-challenge-board/" class="c-teaser__link">Consumer Challenge Board</a>
</li>
<li class="c-teaser__item">
<a href="/consumers/guide-to-aviation/improving-resilience-for-uk-airports-and-airspace/" class="c-teaser__link">Improving resilience for UK airports and airspace</a>
</li>
<li class="c-teaser__item">
<a href="/consumers/guide-to-aviation/making-sure-your-flight-is-legal/" class="c-teaser__link">Making sure your flight is legal</a>
</li>
</ul>
</div>
</div>
<div class="col-sm-4">
<div class="c-teaser">
<h3 class="c-teaser__title"><a href="/consumers/environment/">Environment</a></h3>
<ul>
<li class="c-teaser__item">
<a href="/consumers/environment/overview/" class="c-teaser__link">Overview</a>
</li>
<li class="c-teaser__item">
<a href="/consumers/environment/environmental-stakeholders/" class="c-teaser__link">Environmental stakeholders</a>
</li>
<li class="c-teaser__item">
<a href="/consumers/environment/information-on-the-environmental-impact-of-aviation/" class="c-teaser__link">Information on the environmental impact of aviation</a>
</li>
</ul>
</div>
</div>
<div class="col-sm-4">
<div class="c-teaser">
<h3 class="c-teaser__title"><a href="/consumers/noise/">Noise</a></h3>
<ul>
<li class="c-teaser__item">
<a href="/consumers/noise/the-creation-and-effects-of-noise/" class="c-teaser__link">The creation and effects of noise</a>
</li>
<li class="c-teaser__item">
<a href="/consumers/noise/measuring-and-modelling-noise/" class="c-teaser__link">Measuring and modelling noise</a>
</li>
<li class="c-teaser__item">
<a href="/consumers/noise/features-of-the-ancon-noise-modelling-process/" class="c-teaser__link">Features of the ANCON noise modelling process</a>
</li>
<li class="c-teaser__item">
<a href="/consumers/noise/reducing-noise/" class="c-teaser__link">Reducing noise</a>
</li>
<li class="c-teaser__item">
<a href="/consumers/noise/aviation-noise-and-health/" class="c-teaser__link">Aviation noise and health</a>
</li>
</ul>
</div>
</div>
</div>
</section>
</div>
<div class="col-md-3 col-md-offset-1">
</div>
</div>
</div>
Provide page feedback
Please enter your comments below, or use our usual service contacts if a specific matter requires an answer.
Fields marked with an asterisk (*) are required.