{% set nav_sections = get_navigation(request.path).nav_sections %}

{% block footer %}

  <footer class="is-dark p-strip u-clearfix" style="background-color: #2d2d2d;">
    <nav aria-label="Footer navigation" id="main-navigation" class="p-footer__nav p-section">
      {% with section=nav_sections.openstack %}
        {% include 'templates/_footer_item.html' %}
      {% endwith %}
      {% with section=nav_sections.ceph %}
        {% include 'templates/_footer_item.html' %}
      {% endwith %}
      {% with section=nav_sections.kubernetes %}
        {% include 'templates/_footer_item.html' %}
      {% endwith %}
      {% with section=nav_sections.managedapps %}
        {% include 'templates/_footer_item.html' %}
      {% endwith %}
      {% with section=nav_sections.ai %}
        {% include 'templates/_footer_item.html' %}
      {% endwith %}
      {% with section=nav_sections.robotics %}
        {% include 'templates/_footer_item.html' %}
      {% endwith %}
      {% with section=nav_sections.iot %}
        {% include 'templates/_footer_item.html' %}
      {% endwith %}
      {% with section=nav_sections.core %}
        {% include 'templates/_footer_item.html' %}
      {% endwith %}
      {% with section=nav_sections.desktop %}
        {% include 'templates/_footer_item.html' %}
      {% endwith %}
      {% with section=nav_sections.server %}
        {% include 'templates/_footer_item.html' %}
      {% endwith %}
      {% with section=nav_sections.cloud %}
        {% include 'templates/_footer_item.html' %}
      {% endwith %}
      {% with section=nav_sections.security %}
        {% include 'templates/_footer_item.html' %}
      {% endwith %}
      {% with section=nav_sections.landscape %}
        {% include 'templates/_footer_item.html' %}
      {% endwith %}
      {% with section=nav_sections.containers %}
        {% include 'templates/_footer_item.html' %}
      {% endwith %}
      {% with section=nav_sections.download %}
        {% include 'templates/_footer_item.html' %}
      {% endwith %}
      {% with section=nav_sections.support %}
        {% include 'templates/_footer_item.html' %}
      {% endwith %}
      {% with section=nav_sections.observability %}
        {% include 'templates/_footer_item.html' %}
      {% endwith %}
      {% with section=nav_sections.pricing %}
        {% include 'templates/_footer_item.html' %}
      {% endwith %}
    <!-- The following 3 sections are custom and cannot be pulled from nav.yaml -->
    <div class="row">
      <hr class="p-rule--muted" />
      <div class="col-3 col-medium-2">
        <h2 class="p-heading--5">
          Solutions
        </h2>
      </div>
      <div class="col-9 col-medium-4">
        <ul class="p-inline-list p-footer-list u-responsive-realign">
          <li class="p-inline-list__item">
            <a href="https://canonical.com/solutions/ai">AI</a>
          </li>
          <li class="p-inline-list__item">
            <a href="https://canonical.com/data">Data</a>
          </li>
          <li class="p-inline-list__item">
            <a href="https://canonical.com/solutions/infrastructure">Infrastructure</a>
          </li>
          <li class="p-inline-list__item">
            <a href="https://canonical.com/solutions/secure-open-source">Secure open source</a>
          </li>
        </ul>
      </div>
    </div>
    
    <div class="row">
      <hr class="p-rule--muted" />
      <div class="col-3 col-medium-2">
        <h2 class="p-heading--5">
          Sectors
        </h2>
      </div>
      <div class="col-9 col-medium-4">
        <ul class="p-inline-list p-footer-list u-responsive-realign">
          <li class="p-inline-list__item">
            <a href="/automotive">Automotive</a>
          </li>
          <li class="p-inline-list__item">
            <a href="/industrial">Industrial</a>
          </li>
          <li class="p-inline-list__item">
            <a href="/gov">Government</a>
          </li>
          <li class="p-inline-list__item">
            <a href="/telco">Telco</a>
          </li>
          <li class="p-inline-list__item">
            <a href="/financial-services">Finance</a>
          </li>
        </ul>
      </div>
    </div>

    </nav>

    <nav aria-label="Resources navigation">
      <div class="row p-section">
        <hr class="p-rule--muted" />
          <div class="col-3 col-medium-2 col-small-2">
            <a class="p-button--positive" href="/contact-us">Contact us</a>
          </div>
          <div class="col-6 col-large-2 col-medium-4">
            <ul class="p-inline-list u-responsive-realign">
              <li class="p-inline-list__item">
                <a href="/about">About us</a>
              </li>
              <li class="p-inline-list__item">
                <a href="/community">Community</a>
              </li>
              <li class="p-inline-list__item">
                <a href="https://www.canonical.com/careers">Careers</a>
              </li>
              <li class="p-inline-list__item">
                <a href="/blog">Blog</a>
              </li>
              <li class="p-inline-list__item">
                <a href="/engage">Resources</a>
              </li>
              <li class="p-inline-list__item">
                <a href="/blog/press-centre">Press centre</a>
              </li>
            </ul>
          </div>
          <div class="col-3 col-large-2 col-start-medium-3 col-medium-4">
            <ul class="p-inline-list-icons u-no-margin--left u-no-padding--left">
              <li class="p-inline-list__item">
                <a class="p-inline-list__link--twitter"
                  title="Follow Ubuntu on Twitter"
                  href="https://twitter.com/ubuntu">
                  <svg xmlns="http://www.w3.org/2000/svg" height="25" width="25" viewBox="0 0 375 374.9999">
                    <defs>
                    <style>
                      .twitter-icon {
                        fill: #666666;
                      }
    
                      .cls-2 {
                        fill: #e5e5e5;
                      }
                    </style>
                    </defs>
                    <g>
                    <path class="twitter-icon" d="M 187.46875 7.09375 C 87.851562 7.09375 7.09375 87.851562 7.09375 187.46875 C 7.09375 287.085938 87.851562 367.84375 187.46875 367.84375 C 287.085938 367.84375 367.84375 287.085938 367.84375 187.46875 C 367.84375 87.851562 287.085938 7.09375 187.46875 7.09375" />
                    </g>
                    <g class="cls-2" transform="translate(85, 75)">
                    <svg xmlns="http://www.w3.org/2000/svg"
                        x="-32"
                        y="-30"
                        height="280"
                        width="280"
                        viewBox="0 0 50 50">
                      <path d="M 6.9199219 6 L 21.136719 26.726562 L 6.2285156 44 L 9.40625 44 L 22.544922 28.777344 L 32.986328 44 L 43 44 L 28.123047 22.3125 L 42.203125 6 L 39.027344 6 L 26.716797 20.261719 L 16.933594 6 L 6.9199219 6 z" />
                    </svg>
                    </g>
                  </svg>
                </a>
              </li>
              <li class="p-inline-list__item">
                <a class="p-inline-list__link--facebook"
                  title="Follow Ubuntu on Facebook"
                  href="https://www.facebook.com/ubuntulinux/">
                  <svg xmlns="http://www.w3.org/2000/svg" height="25" width="25" viewbox="0 0 32 32">
                    <defs>
                    <style>
                      .facebook-icon {
                        fill: #666666;
                      }
    
                      .cls-2 {
                        fill: #fff;
                      }
                    </style>
                    </defs>
                    <g>
                    <path class="facebook-icon" d="M15.947 0C7.14 0 0 7.143 0 15.95 0 24.76 7.142 31.9 15.95 31.9s15.948-7.14 15.948-15.95c0-4.23-1.68-8.286-4.672-11.277C24.234 1.68 20.176 0 15.946 0z" />
                    </g>
                    <path class="cls-2" d="M18.632 5.102c-2.91 0-4.904 1.776-4.904 5.04v2.55h-3.293v3.814h3.293V26.87c1.353-.18 2.678-.53 3.942-1.045v-9.31h3.285l.492-3.812h-3.784v-2.18c0-1.104.357-2.238 1.894-1.855h2.02V5.252c-.978-.103-1.96-.154-2.943-.15h-.002z" />
                  </svg>
                </a>
              </li>
              <li class="p-inline-list__item">
                <a class="p-inline-list__link--linkedin"
                  title="Find Canonical on LinkedIn"
                  href="https://www.linkedin.com/company/234280">
                  <svg xmlns="http://www.w3.org/2000/svg" height="25" width="25" viewbox="0 0 33 33">
                    <defs>
                    <style>
                      .linkedin-icon {
                        fill: #666666;
                      }
    
                      .cls-2 {
                        fill: #fff;
                      }
                    </style>
                    </defs>
                    <g>
                    <path class="linkedin-icon" d="M16.26 0C7.28 0 0 7.28 0 16.26s7.28 16.262 16.26 16.262 16.262-7.28 16.262-16.26C32.522 7.28 25.242 0 16.262 0z" />
                    </g>
                    <path class="cls-2" d="M7 8.512v16.38c0 .758.63 1.37 1.404 1.37h16.192c.775 0 1.404-.612 1.404-1.37V8.512c0-.755-.63-1.37-1.404-1.37H8.404C7.63 7.143 7 7.757 7 8.513zm5.76 14.636H9.89v-8.634h2.87v8.634zm-1.435-9.812h-.02c-.962 0-1.585-.663-1.585-1.492 0-.847.642-1.492 1.624-1.492s1.586.645 1.604 1.492c0 .83-.623 1.492-1.623 1.492zm3.022 9.812s.038-7.824 0-8.634h2.87v1.252h-.02c.38-.59 1.058-1.454 2.607-1.454 1.888 0 3.303 1.234 3.303 3.885v4.95h-2.87V18.53c0-1.162-.415-1.953-1.453-1.953-.793 0-1.265.534-1.472 1.05-.076.184-.095.44-.095.7v4.82h-2.87z" />
                  </svg>
                </a>
              </li>
              <li class="p-inline-list__item">
                <a class="p-inline-list__link--instagram"
                  title="Follow Ubuntu on Instagram"
                  href="https://www.instagram.com/ubuntu_os/">
                  <svg xmlns="http://www.w3.org/2000/svg" height="25" width="25" viewBox="0 0 375 375">
                    <defs>
                    <style>
                      .instagram-icon {
                        fill: #666666;
                      }
    
                      .cls-2 {
                        fill: #fff;
                      }
                    </style>
                    </defs>
                    <g clip-path="url(#clip0_11_324)">
                    <path class="instagram-icon" d="M187.469 7.09375C87.8516 7.09375 7.09375 87.8516 7.09375 187.469C7.09375 287.086 87.8516 367.844 187.469 367.844C287.086 367.844 367.844 287.086 367.844 187.469C367.844 87.8516 287.086 7.09375 187.469 7.09375Z" />
                    <path class="cls-2" d="M140.78 73.6689C128.777 74.2352 120.581 76.1507 113.415 78.9663C105.999 81.8564 99.7139 85.7347 93.4599 92.0113C87.2059 98.2878 83.3547 104.578 80.4849 112.005C77.7076 119.186 75.826 127.39 75.2958 139.399C74.7656 151.408 74.6483 155.269 74.7069 185.902C74.7656 216.536 74.9009 220.376 75.483 232.41C76.0561 244.411 77.9648 252.605 80.7804 259.773C83.675 267.189 87.5488 273.472 93.8276 279.728C100.106 285.984 106.392 289.827 113.837 292.701C121.012 295.474 129.217 297.364 141.224 297.89C153.232 298.416 157.096 298.538 187.721 298.479C218.346 298.42 222.201 298.285 234.233 297.714C246.265 297.143 254.417 295.221 261.587 292.419C269.003 289.518 275.29 285.651 281.542 279.369C287.794 273.088 291.643 266.794 294.51 259.362C297.29 252.188 299.178 243.982 299.7 231.984C300.225 219.943 300.349 216.099 300.291 185.469C300.232 154.84 300.094 151 299.524 138.97C298.953 126.941 297.042 118.771 294.228 111.599C291.329 104.183 287.46 97.9043 281.184 91.6435C274.907 85.3828 268.608 81.5361 261.178 78.6753C253.999 75.898 245.798 74.0051 233.791 73.4862C221.784 72.9673 217.919 72.8342 187.283 72.8928C156.647 72.9515 152.812 73.0824 140.78 73.6689ZM142.098 277.596C131.099 277.118 125.127 275.29 121.147 273.761C115.877 271.73 112.123 269.276 108.156 265.348C104.19 261.42 101.753 257.652 99.6958 252.393C98.1504 248.413 96.2891 242.448 95.7747 231.449C95.2151 219.562 95.0978 215.992 95.0324 185.875C94.967 155.758 95.082 152.194 95.6032 140.302C96.0725 129.312 97.9112 123.333 99.4386 119.356C101.469 114.079 103.915 110.331 107.852 106.367C111.789 102.403 115.545 99.9619 120.809 97.9043C124.784 96.3521 130.749 94.5066 141.743 93.9832C153.64 93.4191 157.205 93.3063 187.317 93.2409C217.43 93.1755 221.003 93.2883 232.905 93.8117C243.894 94.29 249.875 96.1107 253.848 97.6471C259.121 99.6776 262.873 102.117 266.837 106.06C270.801 110.004 273.244 113.747 275.302 119.022C276.856 122.986 278.702 128.949 279.221 139.95C279.787 151.846 279.916 155.413 279.97 185.523C280.024 215.634 279.918 219.21 279.397 231.097C278.916 242.096 277.093 248.07 275.561 252.054C273.531 257.323 271.083 261.079 267.144 265.041C263.204 269.003 259.452 271.444 254.187 273.501C250.216 275.051 244.244 276.901 233.259 277.425C221.362 277.984 217.798 278.101 187.674 278.167C157.55 278.232 153.996 278.111 142.1 277.596M234.06 125.395C234.064 128.073 234.863 130.689 236.354 132.913C237.845 135.136 239.963 136.868 242.438 137.888C244.914 138.908 247.636 139.172 250.261 138.645C252.886 138.118 255.296 136.824 257.186 134.927C259.076 133.03 260.361 130.616 260.878 127.989C261.396 125.362 261.122 122.64 260.093 120.168C259.064 117.697 257.324 115.586 255.095 114.103C252.866 112.619 250.247 111.831 247.569 111.836C243.98 111.843 240.54 113.276 238.007 115.818C235.474 118.361 234.054 121.806 234.06 125.395ZM129.578 185.799C129.641 217.791 155.623 243.666 187.608 243.605C219.593 243.544 245.487 217.565 245.426 185.573C245.365 153.581 219.377 127.699 187.387 127.762C155.397 127.825 129.517 153.811 129.578 185.799ZM149.897 185.758C149.882 178.321 152.073 171.046 156.193 164.854C160.313 158.663 166.176 153.831 173.041 150.972C179.906 148.112 187.466 147.352 194.763 148.789C202.06 150.225 208.767 153.793 214.036 159.042C219.306 164.29 222.9 170.983 224.366 178.275C225.831 185.566 225.101 193.128 222.269 200.005C219.436 206.882 214.628 212.764 208.453 216.908C202.277 221.052 195.012 223.272 187.574 223.287C182.636 223.297 177.744 222.334 173.178 220.454C168.612 218.573 164.461 215.812 160.962 212.327C157.463 208.842 154.685 204.702 152.787 200.143C150.888 195.584 149.906 190.696 149.897 185.758Z" />
                    </g>
                  </svg>
                </a>
              </li>
              <li class="p-inline-list__item">
                <a class="p-inline-list__link--rss"
                  title="Use the Ubuntu Blog rss feed"
                  href="/blog/feed">
                  <svg width="25"
                      height="25"
                      viewBox="0 0 40 40"
                      version="1.1"
                      xmlns="http://www.w3.org/2000/svg"
                      xmlns:xlink="http://www.w3.org/1999/xlink">
                    <defs>
                    <style>
                      .rss-icon {
                        fill: #666666;
                      }
    
                      .cls-2 {
                        fill: #E5E5E5;
                      }
                    </style>
                    </defs>
                    <g class="rss-icon">
                    <circle cx="20" cy="20" r="20"></circle>
                    </g>
                    <g class="cls-2" transform="translate(10.000000, 8.000000)">
                    <circle cx="3" cy="18.875" r="3"></circle>
                    <path d="M14.5,21.875 L10.25,21.875 C10.25,16.2140813 5.66091869,11.625 3.55271368e-15,11.625 L3.55271368e-15,7.375 C8.00812887,7.375 14.5,13.8668711 14.5,21.875 Z" />
                    <path d="M17.5,21.875 C17.5,12.2100169 9.66498312,4.375 7.10542736e-15,4.375 L7.10542736e-15,0 C12.0812289,0 21.875,9.7937711 21.875,21.875 L17.5,21.875 Z" />
                    </g>
                  </svg>
                </a>
              </li>
            </ul>
          </div>
      </div>
    </nav>
    {% include "templates/_footer-copyright-and-legal.html" %}

    <div class="u-fixed-width">
      <p class="u-hide--large link-to-top">
        <a href="#">Back to top</a>
      </p>

      <script>
        /* Add the page to the report a bug link */
        var bugLink = document.querySelector('#report-a-bug');
        bugLink.href += '&reported_from=' + location.href;
      </script>
      <span class="u-off-screen"><a href="#">Go to the top of the page</a></span>
    </div>
  </footer>

{% endblock footer %}