Navigation lists

Navigation Lists is the styling used for navigation, and usually found on T3 level pages. The List component should be restricted to only child menu items of the page it has been added to.

Styling wise this component will require just some bootstrap styling.

• Bins and recycling collection dates

  See when the next waste collection from your home will be

• Order new bins, boxes and lids

  Get replacements for lost or damaged bins, boxes, bags or lids and how to cancel an order.

• Missed bin or recycling collection

  Report a missed collection, when we’ll return to collect and how to help make sure we don’t miss your collections.

<section class="navigation-lists-block">
    <div class="container">
        <ul class="row g-0 gx-md-4 gx-lg-4 articles list-unstyled">
            <li class="article col-12 col-md-4">
                <div class="has-mb-5 has-mr-5">
                    <header>
                        <h3>
                            <a href="/bins-recycling/bins-and-recycling-collection-dates">
                                Bins and recycling collection dates
                            </a>
                        </h3>
                    </header>
                    <p>See when the next waste collection from your home will be</p>
                </div>
            </li>
            <li class="article col-12 col-md-4">
                <div class="has-mb-5 has-mr-5"> 
                    <header>
                        <h3>
                            <a href="/bins-recycling/order-new-bins-boxes-and-lids">
                                Order new bins, boxes and lids
                            </a>
                        </h3>
                    </header>
                    <p>Get replacements for lost or damaged bins, boxes, bags or lids and how to cancel an order.</p>
                </div>
            </li> 
        </ul>
    </div>
    </section>