<nav class="navbar navbar-expand-lg navbar-dark" style="background-color:#051f20" id="navbar"
  aria-label="Third navbar example">
  <div class="container-fluid">
    <a class="navbar-brand" href="/">
      <img width="40" height="40" id="logo"
        src="https://github.com/zarathucorp/homepagedatastorage/blob/main/img/logo/logoonly_white.png?raw=true">
    </a>
    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarrelease"
      aria-controls="navbarrelease" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarrelease">
      <ul class="navbar-nav ms-auto mb-2 mb-sm-0">
        <li class="nav-item">
          <a class="nav-link active" aria-current="page" href="/about"><i class="fa fa-building-o"></i> About</a>
        </li>
        <li class="nav-item">
          <a class="nav-link active" aria-current="page" href="/services"><i class="fa fa-line-chart"></i>
            Services</a>
        </li>
        <li class="nav-item">
          <a class="nav-link active" aria-current="page" href="/portfolio"><i class="fa fa-file-text-o"></i>
            Portfolio
          </a>
        </li>
        <li class="nav-item">
          <a class="nav-link active" aria-current="page" href="/team"><i class="fa fa-user"></i> Team</a>
        </li>
        <li class="nav-item">
          <a class="nav-link active" aria-current="page" href="/partners"><i class="fa fa-users"></i> Partners</a>
        </li>
        <li class="nav-item">
          <a class="nav-link active" aria-current="page" href="http://openstat.ai"><i class="fa fa-microchip"></i> App</a>
        </li>
        <li class="nav-item">
          <a class="nav-link active" aria-current="page" href="http://blog.zarathu.com"><i class="fa fa-rss-square"></i> Blog</a>
        </li>
        <li class="nav-item">
          <a class="nav-link active" aria-current="page" href="https://goo.gl/forms/mWfJseksgOSQuYKt1"><i class="fa fa-file-text-o"></i> 연구지원 신청</a>
        </li>
      </ul>
    </div>
  </div>
</nav>

<div class="container my-5">

  <footer class="text-center text-white" style="background-color: white;">
  
  <div class="container pt-4">
    
    <section class="mb-4">
      
      <a
        class="btn btn-link btn-floating btn-lg text-dark m-1"
        href="https://github.com/zarathucorp"
        role="button"
        data-mdb-ripple-color="dark"
        ><i class="fa fa-github"></i
      ></a>
      
      
      <a
        class="btn btn-link btn-floating btn-lg text-dark m-1"
        href="https://www.facebook.com/zarathucorp"
        role="button"
        data-mdb-ripple-color="dark"
        ><i class="fa fa-facebook"></i
      ></a>

      
      <a
        class="btn btn-link btn-floating btn-lg text-dark m-1"
        href="https://www.linkedin.com/company/zarathu"
        role="button"
        data-mdb-ripple-color="dark"
        ><i class="fa fa-linkedin"></i
      ></a>
      
      
      <a
        class="btn btn-link btn-floating btn-lg text-dark m-1"
        href="https://pf.kakao.com/_XsuxgC"
        role="button"
        data-mdb-ripple-color="dark"
        ><i class="fa fa-comments"></i
      ></a>      

    </section>
    
    
    <section class="mb-4" style="color: black;">
      <p>
        차라투 주식회사 | 624-86-01323 | 대표이사 김진섭 | 개인정보 보호책임자 김진섭 | 서울특별시 송파구 중대로 135, 서관 11층 | 02-2142-1950,1951 | <a href="mailto:office@zarathu.com">office@zarathu.com</a>
      </p>
    </section>
    
  </div>
  

</footer>
  
</div>

Pricing