<footer class="np-footer">
  <div class='footer-top'>
    <ul class='footer-top-column'>
      <img src="https://s3.amazonaws.com/static.northpass.com/demos/conservis_wrap.png" class="float-left show-for-medium" style="width:20px;margin:15px 0 0 -29px;position: absolute;" alt="">
      <li class='footer-top-column-title'>
        For Farmers
      </li>
      <li class='footer-top-column-element'>
        Platform Overview
      </li>
      <li class='footer-top-column-element'>
        Software Reviews
      </li>
      <li class='footer-top-column-element'>
        Products
      </li>
      <li class='footer-top-column-element'>
        Partnerships
      </li>
      <button class='footer-top-column-button'>
        Submit Feedback
      </button>
    </ul>
    <ul class='footer-top-column'>
      <img src="https://s3.amazonaws.com/static.northpass.com/demos/conservis_wrap.png" class="float-left show-for-medium" style="width:20px;margin:15px 0 0 -29px;position: absolute;" alt="">
      <li class='footer-top-column-title'>
        For Financial Planners
      </li>
      <li class='footer-top-column-element'>
        Market Profiles
      </li>
      <li class='footer-top-column-element'>
        Minimizing Costs
      </li>
      <li class='footer-top-column-element'>
        Buying Data
      </li>
      <li class='footer-top-column-element'>
        Long Term Investments
      </li>
      <li class='footer-top-column-element'>
        Competitive Insights
      </li>
      <button class='footer-top-column-button'>
        Add Your Financial Insight
      </button>
    </ul>
    <ul class='footer-top-column'>
      <img src="https://s3.amazonaws.com/static.northpass.com/demos/conservis_wrap.png" class="float-left show-for-medium" style="width:20px;margin:15px 0 0 -29px;position: absolute;" alt="">
      <li class='footer-top-column-title'>
        Company
      </li>
      <li class='footer-top-column-element'>
        About
      </li>
      <li class='footer-top-column-element'>
        Leadership
      </li>
      <li class='footer-top-column-element'>
        Careers
      </li>
      <li class='footer-top-column-element'>
        Gives
      </li>
      <li class='footer-top-column-element'>
        News
      </li>
      <li class='footer-top-column-element'>
        Contact
      </li>
      <li class='footer-top-column-socials'>

      </li>
    </ul>
    <ul class='footer-top-column'>
      <img src=https://s3.amazonaws.com/static.northpass.com/demos/conservis_wrap.png" class="float-left show-for-medium" style="width:20px;margin:15px 0 0 -29px;position: absolute;" alt="">
      <li class='footer-top-column-title'>
        Resources
      </li>
      <li class='footer-top-column-element'>
        Sell
      </li>
      <li class='footer-top-column-element'>
        Learn
      </li>
      <li class='footer-top-column-element'>
        Research
      </li>
      <li class='footer-top-column-element'>
        Partner
      </li>
    </ul>
  </div>
  <div class="footer-seperator"></div>
  <div class='footer-bottom'>
    <ul class='footer-bottom-links'>
      <li class='footer-botoom-links-elements'>Community Guidelines</li>
      <li class='footer-botoom-links-elements'>Conservis Methodologies</li>
      <li class='footer-botoom-links-elements'>Terms of Use </li>
      <li class='footer-botoom-links-elements'>Privacy Policy </li>
      <li class='footer-botoom-links-elements'>Cookie Policy </li>
      <li class='footer-botoom-links-elements'>Copyright Complaint Policy </li>
      <li class='footer-botoom-links-elements'>Content Usage Guidelines </li>
      <li class='footer-botoom-links-elements'>Do Not Sell My Personal Information </li>
    </ul>
    <div class='footer-bottom-logo'>
      <img
        alt="{{ current_school.name }}"
        class="footer-bottom-logo-img"
        src="{{ current_school.logo_url }}"
      />
      <div class='footer-bottom-logo-right'>
        <div class='footer-bottom-logo-right-element'>
          1624 Harmon Place
        </div>
        <div class='footer-bottom-logo-right-element'>
          Ste. 304
        </div>
        <div class='footer-bottom-logo-right-element'>
          Minneapolis, MN 55403 
        </div>
      </div>
    </div>
    <div class='footer-bottom-subline'>
      © 2022, Conservis.ag, Inc. All Rights Reserved. 
    </div>
  </div>

</footer>
<style>
@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@200;300;400;500;600;700;800&display=swap');
</style> 
<style>
  .np-footer {
    background: rgb(6, 40, 70);
  }
  .footer-top {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    width: 100%;
  }
  .footer-top-column {
    list-style-type: none;
  }
  .footer-top-column-title {
    color: white;
    font-size: 20px;
    font-weight: 700;
    margin-top: 10px;
  }
  .footer-top-column-element {
    color: white;
    font-size: 15px;
    line-height: 15px;
    font-weight: 400;
    padding: 9px 0;
  }
  .footer-top-column-button {
    background: none;
    border: 2px white solid;
    border-radius: 100px;
    padding: 9px 25px;
    font-size: 14px;
    color: white;
    font-weight: 600;
  }
  .footer-seperator {
    border-top: rgb(128, 128, 128) 1px solid;
    width: 90%;
    margin: auto;
    height: 1px;
    margin: 40px 0;
  }
  .footer-bottom-links {
    display: flex;
    flex-direction: row;
    list-style-type: none;
    color: rgb(168, 168, 172);
    font-size: 14px;
  }
  .footer-botoom-links-elements {
    margin: 10px;
  }
  .footer-bottom-logo {
    display: flex;
    flex-direction: row;
    color: rgb(168, 168, 172);
    font-size: 14px;
  }
  .footer-bottom-logo-img {
    height: 55px;
    margin: 0 10px 10px 0;
  }
  .footer-bottom-subline {
    color: rgb(168, 168, 172);
    font-size: 14px;
  }
  body {
    font-family: "Assistant", sans-serif !important;
  }
</style>
