<div class="ec-footer">
  <div class="container-fluid">
    <div class="ec-footer__top">
      <div class="row">
        <div class="col-md-4 ec-footer__identity">
          <h4 class="ec-footer-heading"><a href="https://ec.europa.eu/info/index_en">European Commission website</a></h4>
          <span>This site is managed by the Directorate-General for Communication</span>
        </div>
        <div class="col-md-4 ec-footer__menu">
          <ul>
            <li><a href="#" title="">Strategy</a></li>
            <li><a href="#" title="">About the European Commission</a></li>
            <li><a href="#" title="">Business, Economy, Euro</a></li>
            <li><a href="#" title="">Live, work, travel in the EU</a></li>
            <li><a href="#" title="">Law</a></li>
            <li><a href="#" title="">Funding, Tenders</a></li>
            <li><a href="#" title="">Research and innovation</a></li>
            <li><a href="#" title="">Energy, Climate change, Environment</a></li>
            <li><a href="#" title="">Education</a></li>
          </ul>
        </div>
        <div class="col-md-4 ec-footer__menu">
          <ul>
            <li><a href="#" title="">Aid, Development cooperation, Fundamental rights</a></li>
            <li><a href="#" title="">Food, Farming, Fisheries</a></li>
            <li><a href="#" title="">EU regional and urban development</a></li>
            <li><a href="#" title="">Jobs at the European Commission</a></li>
            <li><a href="#" title="">Statistics</a></li>
            <li><a href="#" title="">News</a></li>
            <li><a href="#" title="">Events</a></li>
            <li><a href="#" title="">Publications</a></li>
          </ul>
        </div>
      </div>
      <div class="row">
        <div class="col-md-8 col-md-offset-4">
          <div class="ec-footer__divider"></div>
        </div>
      </div>
    </div>
    <div class="ec-footer__bottom">
      <div class="row">
        <div class="col-md-4 col-md-offset-4 ec-footer__menu">
          <ul>
            <li><a href="#" title="">Contact the European Commission</a></li>
            <li><a class="is-external" href="#" title="">Follow the European Commission on social media</a></li>
            <li><a href="#" title="">Resources for partners</a></li>
          </ul>
        </div>
        <div class="col-md-4 ec-footer__menu">
          <ul>
            <li><a href="#" title="">Language policy</a></li>
            <li><a href="#" title="">Cookies</a></li>
            <li><a href="#" title="">Privacy policy</a></li>
            <li><a href="#" title="">Legal notice</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>