_layouts/get_started.html

<!DOCTYPE html>
<html lang="en">
  {% include head.html %}
  <body class="{{ page.body-class }}">
    {% include header.html %}

    <div class="main-background {{ page.background-class }}"></div>

    {% assign items = site.get_started | where: "published",true | sort: "order" %}

    <div class="jumbotron jumbotron-fluid on-dark-background">
      <div class="container">
        <h1>Get Started</h1>

        <p class="lead">Select preferences and run the command to install PyTorch locally, or get started quickly with one of the supported cloud platforms.</p>
      </div>
    </div>

    <div class="main-content-wrapper">
      <div class="main-content">
        <div class="container-fluid nav-menu-wrapper">
          <div class="container">
            <nav class="navbar navbar-expand-lg navbar-light main-content-menu">
              <ul class="navbar-nav">
                {% for item in items %}
                  <li class="nav-item nav-select">
                    <a class="nav-link get-started-nav-link" data-id="{{ item.slug }}" href="{{ site.baseurl }}{{ item.permalink }}">{{ item.title }}</a>
                  </li>
                {% endfor %}
              </ul>
            </nav>
          </div>
        </div>

        <div class="container">
          {% if page.get-started-locally == true %}

            {% include get_started_locally.html %}

          {% elsif page.get-started-via-cloud == true %}

            {% include get_started_via_cloud.html %}

          {% else %}

            <div class="article-wrapper" data-id="{{ item.slug }}">
              <article class="pytorch-article">
                {{ content }}
              </article>
            </div>

          {% endif %}
        </div>
      </div>
    </div>

    {% include footer.html %}
  </body>
</html>

<script src="{{ site.baseurl }}/assets/get-started-sidebar.js"></script>