<style>
.new-nav{
    margin-left: 220px;
    height:50px;
}
.new-nav a{
    font-size: 19px;
    color: white;
    font-weight: bold;
    line-height: 50px;
    margin-right: 30px;
}
.my-button{
    height: 28px;
    color: #333!important;
    background-color: #eee;
    font-weight: bold;
}
</style>
<section class="hero hero-echo">
  <div class="hero-head">
    <header class="nav">
      <div class="container">
        <div class="nav-left head-logo">
          <a class="nav-item " href="{{ .Site.BaseURL }}">
            <img src="/images/echo.svg" alt="Echo">
          </a>
          <div class="new-nav">
            <a href="/">中文文档</a>
            <a target="_blank" href="https://echo.labstack.com">英文文档</a>
            <a target="_blank" href="https://github.com/labstack/echo">源码</a>
            <a target="_blank" href="https://github.com/hobo-go/echo-web">示例</a>
            <a target="_blank" href="https://www.gitbook.com/book/easy_mind/go-echo-gitbook/details">GitBook</a>
          </div>  
        </div>
        <div class="nav-right nav-menu">
            <!--<div class="nav-item"
            <p class="control has-icon">
              <input id="search-box" class="input" type="text" placeholder="Search">
              <i class="fa fa-search"></i>
            </p>
            </div>-->
          <span class="nav-item">
            <a class="button my-button" href="https://github.com/Laily123/echo-intro/issues/new" target="_blank" aria-label="Create issue for Laily123/echo-intro on GitHub">
              反馈
            </a>
          </span>

          <span class="nav-item">
            <a class="github-button" href="https://github.com/Laily123/echo-intro" data-icon="octicon-star" data-style="mega" data-count-href="/Laily123/echo-intro/stargazers" data-count-api="/repos/Laily123/echo-intro#stargazers_count" data-count-aria-label="# stargazers on GitHub" aria-label="Star Laily123/echo-intro on GitHub">
              参与翻译...
            </a>
          </span>
          <span class="nav-item" style="white-space: nowrap;">
            2019.6.16更新
          </span>
        </div>
        <span class="nav-toggle">
          <span></span>
          <span></span>
          <span></span>
        </span>
      </div>
    </header>
  </div>
</section>
