district base

 <footer role="contentinfo" class="page__footer" id="footer">
 <div class="page__footer-top">
   <div class="container">
     <div class="page__footer-brand">
       <a href="/" class="footer-logo"></a>
       <div class="region region-footer-top">
         <div class="social-media-footer block block-doghouse-social-media-block block-social-media-block">
           <div class="social-media-block">
             <link itemprop="url" href="http://varnish">
             <ul class="social-media-block__content">
               <li><a href="#" class="icon-facebook" target="_blank"><span>facebook</span></a></li>
               <li><a href="#" class="icon-twitter" target="_blank"><span>twitter</span></a></li>
               <li><a href="#" class="icon-instagram" target="_blank"><span>instagram</span></a></li>
             </ul>
           </div>
         </div>
       </div>
     </div>
     <div class="page__footer-mid">
       <div class="region region-footer-mid">
         <div class="newsletter-subscription-footer">
           <a aria-hidden="true"></a><div class="webform-ajax-form-wrapper" data-progress-type="throbber">
           <form>
             <div class="js-form-item form-item js-form-type-email form-type-email js-form-item-email form-item-email form-no-label" data-children-count="1">
               <input autocomplete="off" data-webform-required-error="A valid email address is required" type="email" id="edit-email" name="email" value="" size="60" maxlength="254" placeholder="Enter your email to subscribe to our newsletter" class="form-email required" required="required" aria-required="true">
             </div>
             <div class="form-actions webform-actions js-form-wrapper form-wrapper">
               <input class="webform-button--submit button button--primary js-form-submit form-submit" type="submit" id="edit-actions-submit--2" name="op" value="Submit">
             </div>
             <input autocomplete="off" type="hidden" name="form_build_id">
             <input type="hidden" name="form_id">
           </form>
         </div>
         </div>
       </div>
     </div>
     <div class="page__footer-links">
       <div class="region region-footer-links">
         <nav role="navigation" class="block block-menu navigation menu--footer">
           <h2 class="visually-hidden">Footer</h2>
           <ul class="menu">
             <li class="menu-item menu-item--expanded">
               <a href="#">Living &amp; Community</a>
               <ul class="menu">
                 <li class="menu-item">
                   <a href="#">Animals &amp; pets</a>
                 </li>
                 <li class="menu-item">
                   <a href="#">Roads, parking &amp; transport</a>
                 </li>
                 <li class="menu-item">
                   <a href="#">Facilities</a>
                 </li>
                 <li class="menu-item">
                   <a href="#">Family services</a>
                 </li>
                 <li class="menu-item">
                   <a href="#">Community engagement</a>
                 </li>
                 <li class="menu-item">
                   <a href="#">Emergencies</a>
                 </li>
               </ul>
             </li>
             <li class="menu-item menu-item--expanded">
               <a href="#">Recycling &amp; Waste</a>
               <ul class="menu">
                 <li class="menu-item">
                   <a href="#">Bin collection</a>
                 </li>
                 <li class="menu-item">
                   <a href="#">Bins</a>
                 </li>
                 <li class="menu-item">
                   <a href="#">Other waste types</a>
                 </li>
                 <li class="menu-item">
                   <a href="#">Environment</a>
                 </li>
                 <li class="menu-item">
                   <a href="#">Waste centres</a>
                 </li>
                 <li class="menu-item">
                   <a href="#">Recycle centres</a>
                 </li>
               </ul>
             </li>
             <li class="menu-item menu-item--expanded">
               <a href="#">Building &amp; Planning</a>
               <ul class="menu">
                 <li class="menu-item">
                   <a href="#">Building vs planning</a>
                 </li>
                 <li class="menu-item">
                   <a href="#">Planning information</a>
                 </li>
                 <li class="menu-item">
                   <a href="#">Building information</a>
                 </li>
                 <li class="menu-item">
                   <a href="#">Major developments</a>
                 </li>
                 <li class="menu-item">
                   <a href="#">Have your say</a>
                 </li>
                 <li class="menu-item">
                   <a href="#">Infrastructure</a>
                 </li>
               </ul>
             </li>
             <li class="menu-item menu-item--expanded">
               <a href="#">Our Council</a>
               <ul class="menu">
                 <li class="menu-item">
                   <a href="#">Councillors and meetings</a>
                 </li>
                 <li class="menu-item">
                   <a href="#">About the council</a>
                 </li>
                 <li class="menu-item">
                   <a href="#">Council news</a>
                 </li>
                 <li class="menu-item">
                   <a href="#">What's on</a>
                 </li>
                 <li class="menu-item">
                   <a href="#">Careers</a>
                 </li>
                 <li class="menu-item">
                   <a href="#">Contact us</a>
                 </li>
               </ul>
             </li>
             <li class="menu-item menu-item--expanded">
               <a href="#">Online Services</a>
               <ul class="menu">
                 <li class="menu-item">
                   <a href="#">My Council</a>
                 </li>
                 <li class="menu-item">
                   <a href="#">Make a request or registration</a>
                 </li>
                 <li class="menu-item">
                   <a href="#">File a report</a>
                 </li>
                 <li class="menu-item">
                   <a href="#">Make a payment</a>
                 </li>
                 <li class="menu-item">
                   <a href="#">Make a booking</a>
                 </li>
                 <li class="menu-item">
                   <a href="#" "="">Get help</a>
                 </li>
               </ul>
             </li>
           </ul>
         </nav>
       </div>
     </div>
   </div><footer role="contentinfo" class="page__footer" id="footer">
   <div class="page__footer-top">
   </div>
   <div class="page__footer-bottom">
     <div class="container">
       <div class="page__footer-bottom-pre-content">
         <p class="page__footer-bottom-copyright">
           © 2021 DistrictCMS - Powered by <a href="#">DistrictCMS</a>
         </p>
         <p class="page__footer-bottom-links">
           <a href="#">Sitemap</a>
         </p>
       </div>
       <div class="region region-bottom">
         <div>
           <div>
             <div>
               <div class="view-content">
                 <div class="views-row">
                   <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>We acknowledge the traditional owners of Country throughout Australia and their continuing connection to land, sea and community; we pay respect to them and their cultures and to their elders both past and present.</p></div>
                 </div>
               </div>
             </div>
           </div>
         </div>
       </div>
     </div>
   </div>
 </footer>
   <div class="kss-modifier__example-footer"></div>
 </div>
</footer>