Footer

            
              <footer class="footer">
  <div class="footer__body">
    <div class="container">
      <div class="row">
        <div class="col-xs-12 col-lg-3 spacer--mb-24 spacer--mb-brp2-64 spacer--mb-brp-3-0">
          <div class="footer__logo">
            <img src="/assets/images/hcs-logo-invert.svg" class="logo footer__logo-image" alt=""> <span class="footer__copy">© 2019 Hamburg Coding School</span>
          </div>
        </div>
        <div class="col-xs-12 col-sm-4 col-md-3 col-lg-2 col-lg-offset-1">
          <ul class="footer__nav toggle">
            <li class="footer__nav-title">Coding School <span class="footer__nav-toggle"><svg class="icon footer__nav-toggle-asset open" viewbox="0 0 32 32">
              <use xlink:href="/assets/katana-components/svg/sprite.svg#plus"></use></svg> <svg class="icon footer__nav-toggle-asset close" viewbox="0 0 32 32">
              <use xlink:href="/assets/katana-components/svg/sprite.svg#cross"></use></svg></span>
            <li>
              <ul class="footer__nav-wrapper">
                <li class="footer__nav-item">
                  <a class="footer__nav-link" href="demo-text.html">About us</a>
                <li class="footer__nav-item">
                  <a class="footer__nav-link" href="demo-text.html">Our Trainer</a>
                <li class="footer__nav-item">
                  <a class="footer__nav-link" href="demo-text.html">FAQ</a>
                <li class="footer__nav-item">
                  <a class="footer__nav-link" href="demo-blog.html">Blog</a>
              </ul>
          </ul>
        </div>
        <div class="col-xs-12 col-sm-4 col-md-3 col-lg-2">
          <ul class="footer__nav toggle">
            <li class="footer__nav-title">Courses <span class="footer__nav-toggle"><svg class="icon footer__nav-toggle-asset open" viewbox="0 0 32 32">
              <use xlink:href="/assets/katana-components/svg/sprite.svg#plus"></use></svg> <svg class="icon footer__nav-toggle-asset close" viewbox="0 0 32 32">
              <use xlink:href="/assets/katana-components/svg/sprite.svg#cross"></use></svg></span>
            <li>
              <ul class="footer__nav-wrapper">
                <li class="footer__nav-item">
                  <a class="footer__nav-link" href="demo-text.html">All courses</a>
                <li class="footer__nav-item">
                  <a class="footer__nav-link" href="demo-text.html">Learning Path</a>
                <li class="footer__nav-item">
                  <a class="footer__nav-link" href="demo-text.html">Beginners</a>
                <li class="footer__nav-item">
                  <a class="footer__nav-link" href="demo-text.html">Advanced</a>
              </ul>
          </ul>
        </div>
        <div class="col-xs-12 col-sm-4 col-md-3 col-lg-2">
          <ul class="footer__nav toggle">
            <li class="footer__nav-title">Service <span class="footer__nav-toggle"><svg class="icon footer__nav-toggle-asset open" viewbox="0 0 32 32">
              <use xlink:href="/assets/katana-components/svg/sprite.svg#plus"></use></svg> <svg class="icon footer__nav-toggle-asset close" viewbox="0 0 32 32">
              <use xlink:href="/assets/katana-components/svg/sprite.svg#cross"></use></svg></span>
            <li>
              <ul class="footer__nav-wrapper">
                <li class="footer__nav-item">
                  <a class="footer__nav-link" href="demo-text.html">Mentoring</a>
                <li class="footer__nav-item">
                  <a class="footer__nav-link" href="demo-text.html">Consultation</a>
                <li class="footer__nav-item">
                  <a class="footer__nav-link" href="demo-text.html">Trainings</a>
                <li class="footer__nav-item">
                  <a class="footer__nav-link" href="demo-text.html">Resources</a>
              </ul>
          </ul>
        </div>
        <div class="col-xs-12 col-sm-4 col-md-3 col-lg-2 spacer--mt-brp2-64 spacer--mt-brp3-0">
          <ul class="footer__nav toggle">
            <li class="footer__nav-title">Legal <span class="footer__nav-toggle"><svg class="icon footer__nav-toggle-asset open" viewbox="0 0 32 32">
              <use xlink:href="/assets/katana-components/svg/sprite.svg#plus"></use></svg> <svg class="icon footer__nav-toggle-asset close" viewbox="0 0 32 32">
              <use xlink:href="/assets/katana-components/svg/sprite.svg#cross"></use></svg></span>
            <li>
              <ul class="footer__nav-wrapper">
                <li class="footer__nav-item">
                  <a class="footer__nav-link" href="demo-text.html">Terms & Conditions</a>
                <li class="footer__nav-item">
                  <a class="footer__nav-link" href="demo-text.html">Imprint</a>
                <li class="footer__nav-item">
                  <a class="footer__nav-link" href="demo-text.html">Data protection</a>
                <li class="footer__nav-item">
                  <a class="footer__nav-link" href="demo-contact.html">Contact us</a>
              </ul>
          </ul>
        </div>
      </div>
    </div>
  </div>
</footer>