_includes/themes/submarine/_navigation.html

<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="/">
        <img src="/assets/themes/submarine/img/submarine_white_logo.png" style="margin-top: -6px;" width="80" alt="I'm submarine">
        <span style="margin-left: 0px;"> Apache Submarine </span>
        <!-- <span style="margin-left: 4px; font-size: 16px; font-family: Arial;">0.4.0</span> -->
      </a>
    </div>

    <nav class="navbar-collapse collapse" role="navigation">
      <ul class="nav navbar-nav navbar-right">
        <!-- Quick Start -->
        <li class="docs">
          <a href="#" data-toggle="dropdown" class="dropdown-toggle">Quick Start<b class="caret"></b></a>
          <ul class="dropdown-menu">
            <li><a href="https://github.com/apache/submarine/blob/master/docs/userdocs/yarn">Submarine on YARN</a></li>
            <li><a href="https://github.com/apache/submarine/blob/master/docs/userdocs/k8s">Submarine on K8s</a></li>
          </ul>
        </li>

        <!-- Download -->
        <li><a href="/download.html">Download</a></li>

        <!-- Docs -->
        <li><a href="https://github.com/apache/submarine/tree/master/docs">Docs</a></li>

        <!-- GitHub -->
        <li>
          <a href="https://github.com/apache/submarine">GitHub</a>
        </li>

        <!-- Community -->
        <li class="docs">
          <a href="#" data-toggle="dropdown" class="dropdown-toggle">Community<b class="caret"></b></a>
          <ul class="dropdown-menu">
            <li><a href="/community/contributors.html">Contributors</a></li>
            <li><a href="/community/member.html">Member</a></li>
          </ul>
        </li>

        <!-- Apache -->
        <li class="docs">
          <a href="#" data-toggle="dropdown" class="dropdown-toggle">Apache<b class="caret"></b></a>
          <ul class="dropdown-menu">
            <li><a href="http://www.apache.org/foundation/how-it-works.html">Apache Software Foundation</a></li>
            <li><a href="http://www.apache.org/licenses/">Apache License</a></li>
            <li><a href="http://www.apache.org/foundation/sponsorship.html">Sponsorship</a></li>
            <li><a href="/assets.html">Assets</a></li>
            <li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li>
          </ul>
        </li>
      </ul>
    </nav>
  </div>
</div>

{% if page.title == "Apache Submarine" %}
<div class="jumbotron">
  <div class="container" style="padding-bottom: 5px; margin-top: -15px;">
    <div>
      <div class="submarine">
        <div class="submarine2"></div>
      </div>
    </div>
    <div style="margin-top: -250px; position: relative;">
      <h1 class="submarine-title">Apache Submarine</h1>
      <p class="description">
        Apache Submarine is a unified AI platform which allows engineers and data scientists to run Machine Learning 
        and Deep Learning workload in distributed cluster.
      </p>
    </div>
    <div class="border row">
      <div class="col-md-12 col-sm-12 col-xs-12 text-center newBtn" style="margin-top:8px;">
        <a href="https://github.com/apache/submarine/blob/master/docs/user-guide-home.md" class="btn btn-primary btn-lg" role="button"
           style="margin:5px 25px 5px 25px;font-size:15px;">
          USER DOC
        </a>
      <a href="/download.html" class="btn btn-primary btn-lg" role="button"
           style="margin:5px 25px 5px 25px;font-size:15px;">
          DOWNLOAD
        </a>
      <a href="https://cwiki.apache.org/confluence/display/SUBMARINE/Roadmap" class="btn btn-primary btn-lg" role="button"
           style="margin:5px 25px 5px 25px;font-size:15px;">
          ROADMAP
        </a>
      </div>
    </div>
  </div>
</div>
{% include_relative technologies_deployments.md %} 
{% endif %}