Boilerplate
Content of the page goes here
Please keep me consistent.
Use this template to get started.
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Service | Bristol City Council</title>
<meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="https://style.bristol.gov.uk/css/styles.css" />
</head>
<body>
<ul id="skip-navigation" class="list-unstyled has-m-0">
<li>
<a href="#main-content" class="skip-link">Skip to content</a>
</li>
<li>
<a href="#main-navigation" class="skip-link">Skip to navigation</a>
</li>
</ul>
<header role="banner" class="header">
<div class="fluid-container has-p-0 bg-black">
<div class="no-nav is-d-flex is-align-start is-align-md-center has-px-4 has-px-md-4">
<a class="brand" href="https://bristol.gov.uk"
aria-label="Bristol City Council home page - bristol.gov.uk Information for residents about Bristol City Council services including council tax, bins and recycling, schools, leisure, streets and parking.">
<div role="img" class="brand-img" aria-label="Bristol City Council">
<svg area-hidden="true">svg or image here</svg>
</div>
<h2 class="brand-text">bristol.gov.uk</h2>
</a>
</div>
</div>
</header>
<main id="main-content" class="main-content">
<section class="name-of-component-block">
<div class="container has-pt-4 has-pt-md-7">
<div class="row">
<h2>Content of the page goes here</h2>
<p>Please keep me consistent.</p>
</div>
</div>
</section>
</main>
<footer class="footer light-footer bg-grey-dark has-p-4">
<div class="container">
<div class="footer-container">
<nav class="footer-nav">
<ul class="nav-items list-unstyled">
<li>
<a class="nav-link" href="https://bristol.gov.uk/contact">Contact</a>
</li>
<li>
<a class="nav-link" href="https://bristol.gov.uk/complaints">Complaints and feedback</a>
</li>
<li>
<a class="nav-link" href="https://bristol.gov.uk/cookies">Cookies</a>
</li>
<li>
<a class="nav-link" href="https://bristol.gov.uk/privacy">Privacy</a>
</li>
<li>
<a class="nav-link" href="https://bristol.gov.uk/accessibility">Accessibility</a>
</li>
<li class="copyright">
<a class="nav-link" href="https://bristol.gov.uk/copyright">Copyright</a>
</li>
</ul>
</nav>
<div class="brand-container">
<a class="brand" href="https://bristol.gov.uk"
aria-label="Bristol City Council home page - bristol.gov.uk Information for residents about Bristol City Council services including council tax, bins and recycling, schools, leisure, streets and parking.">
<div role="img" class="brand-img" aria-label="Bristol City Council">
<svg>img for svg here</svg>
</div>
</a>
</div>
</div>
</div>
</footer>
</body>
</html>