Boilerplate
Content of the page goes here
Please keep me consistent.
Use this template to get started.
The HTML code snippet below requires the Bristol City Council logo file, which you can download from this link.
Make sure to save the logo file in the root directory of your project before using the HTML snippet, as the image path in the source attribute of the image element assumes its presence there.
<!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://design.bristol.gov.uk/stylesheets/bcc-design.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="container-fluid g-0 bg-black">
<div class="container">
<div
class="no-nav is-d-flex is-align-start is-align-md-center is-justify-between has-px-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"
>
<img
src="/BCC_logo_color_negative.svg"
width="80px"
alt="Bristol City Council - colour logo"
title="Bristol City Council - colour logo"
/>
</div>
<h2 class="brand-text">bristol.gov.uk</h2></a
>
</div>
</div>
</div>
</header>
<main id="main-content" class="main-content">
<div class="container has-pt-4 has-pt-md-5 has-p-md-5">
<h2>Content of the page goes here</h2>
<p>Please keep me consistent.</p>
</div>
</main>
<footer class="footer light-footer bg-grey-dark has-p-4">
<div class="container">
<div class="footer-container">
<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"
>
<img
src="/BCC_logo_color_negative.svg"
width="80px"
alt="Bristol City Council - colour logo"
title="Bristol City Council - colour logo"
/></div
></a>
</div>
<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>
</div>
</footer>
</body>
</html>