<footer class="">
  <div class="pt-3 pb-3 border-top bg-white footer overflow-hidden text-center text-md-left">
    <div class="container">
      <div class="row">
        <div class="col-12 col-md-4">
          <div class="w-100">
            <img class="img-fluid" src="images/logo.png" alt="/" width="270" height="40">
            <p class="mt-3 text-muted">No software installation needed, no sighnup is required, free for everyone.</p>
            <p>Languages</p>
            <div class="gtranslate_wrapper"></div>
            <script>
              window.gtranslateSettings = {
                default_language: "en",
                wrapper_selector: ".gtranslate_wrapper",
                flag_size: 16
              }
            </script>
            <script src="https://cdn.gtranslate.net/widgets/latest/fd.js" defer="defer"></script>
          </div>
        </div>
        <div class="col-12 col-md-8 d-flex flex-column flex-sm-row justify-content-center justify-content-sm-around justify-content-md-between flex-wrap">
          <div class="px-3 mb-4">
            <div class="font-weight-bold">Solutions</div>
            <ul class="list-unstyled text-small">
              <li class="">
                <a class="link-secondary text-decoration-none" title="Education" href="https://www.online-convert.com/solution/education">Education</a>
              </li>
            </ul>
          </div>
          <div class="px-3 mb-4">
            <div class="font-weight-bold">Online-Convert</div>
            <ul class="list-unstyled text-small">
              <li class="">
                <a class="link-secondary text-decoration-none" title="Help" href="https://www.online-convert.com/help">Help</a>
              </li>
              <li class="">
                <a class="link-secondary text-decoration-none" title="Blog" href="https://blog.online-convert.com/">Blog</a>
              </li>
              <li class="">
                <a class="link-secondary text-decoration-none" title="File formats" href="https://www.online-convert.com/file-type">File formats</a>
              </li>
              <li class="">
                <a class="link-secondary text-decoration-none" title="Press Enquiries" href="https://www.online-convert.com/press">Press</a>
              </li>
            </ul>
          </div>
          <div class="px-3 mb-4">
            <div class="font-weight-bold">Company</div>
            <ul class="list-unstyled text-small">
              <li class="">
                <a class="link-secondary text-decoration-none" title="About" href="https://www.qaamgo.com/en/about">About</a>
              </li>
              <li class="">
                <a class="link-secondary text-decoration-none" title="Career" href="https://www.qaamgo.com/en/career">Career</a>
              </li>
              <li class="">
                <a class="link-secondary text-decoration-none text-normal" title="Sustainability" href="https://www.online-convert.com/sustainability">Sustainability</a>
                <i class="far fa-hand-holding-seedling" style="color:#4caf50"></i>
              </li>
              <li class="">
                <a class="link-secondary text-decoration-none" title="Security" href="https://www.online-convert.com/security">Security</a>
              </li>
            </ul>
          </div>
          <div class="px-3">
            <div class="font-weight-bold">Product</div>
            <ul class="list-unstyled text-small">
              <li class="">
                <a class="link-secondary text-decoration-none" title="Pricing" href="https://www.online-convert.com/pricing">Pricing</a>
              </li>
              <li class="">
                <a class="link-secondary text-decoration-none" title="Developers" href="https://www.online-convert.com/developer">Developers</a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="border-top pt-3 pb-3">
    <div class="container">
      <div class="p-3 footer">
        <div class="row">
          <div class="no-padding col-12 col-md-3">
            <p class="text-muted mb-3 w-100 text-center text-md-left">Made with ❤ by <br>
              <a href="https://www.codesterra.com" title="Visit QaamGo Media GmbH" class="font-weight-bold text-green">CodesTerra - Proud of Pakistan</a>
            </p>
          </div>
          <div class="col-12 col-md-9 col-lg-9">
            <div class="w-100 d-flex justify-content-center justify-content-md-end white-space-nowrap flex-wrap text-right align-items-start">
              <a class="mb-3 mx-3" title="Terms of Use" href="terms.php">Terms of Use</a>
              <a class="mb-3 mx-3" title="Privacy policy" href="/privacy.php">Privacy policy</a>
              <a class="mb-3 mx-3" title="Imprint" href="about.php">About</a>
              <a class="mb-3 mx-3" title="Imprint" href="contact.php">Contact</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</footer>