index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no" name="viewport">
  <title>Overview &rsaquo; Documentation &mdash; Stisla</title>
  <link rel="shortcut icon" href="https://getstisla.com/landing/stisla.png">

  <!-- General CSS Files -->
  <link rel="stylesheet" href="https://demo.getstisla.com/assets/modules/bootstrap/css/bootstrap.min.css">
  <link rel="stylesheet" href="https://demo.getstisla.com/assets/modules/fontawesome/css/all.min.css">

  <!-- CSS Libraries -->
  <link rel="stylesheet" href="https://demo.getstisla.com/assets/modules/prism/prism.css">
  <link rel="stylesheet" href="https://demo.getstisla.com/assets/modules/chocolat/dist/css/chocolat.css">

  <!-- Template CSS -->
  <link rel="stylesheet" href="https://demo.getstisla.com/assets/css/style.css">
  <link rel="stylesheet" href="https://demo.getstisla.com/assets/css/components.css">
  <link rel="stylesheet" href="assets/css/style.css">
</head>

<body>
  <div id="app">
    <div class="main-wrapper">
      <nav class="navbar navbar-expand-lg main-navbar">
        <a href="#" class="nav-link sidebar-gone-show h-auto" data-toggle="sidebar"><i class="fas fa-bars"></i></a>
        <a href="#" class="navbar-brand text-center">
          Docs
        </a>
        <div class="nav-collapse mr-lg-auto mr-0 ml-auto m-lg-0">
          <a class="sidebar-gone-show nav-collapse-toggle sidebar-gone-show nav-link" href="#">
            <i class="fas fa-ellipsis-v"></i>
          </a>
          <ul class="navbar-nav mr-3">
          <li><a href="https://getstisla.com" class="nav-link">Home</a></li>
            <li><a href="https://getstisla.com/getting-started" class="nav-link">Getting Started</a></li>
            <li><a href="https://github.com/stisla/stisla" class="nav-link">Download</a></li>
            <li><a href="https://getstisla.com/blog" class="nav-link">Blog</a></li>
            <li><a href="https://github.com/stisla/stisla/issues" class="nav-link">Support</a></li>
          </ul>
        </div>
        <ul class="navbar-nav d-lg-flex align-items-center justify-content-end w-25 d-none">
          <li class="dropdown">
            <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">en</a>
            <ul class="dropdown-menu">
              <li><a href="#/en/2.3/overview" class="dropdown-item">en</a></li>
            </ul>
          </li>
          <li class="dropdown">
            <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">Version</a>
            <ul class="dropdown-menu">
              <li><a href="#/en/2.3/overview" class="dropdown-item">2.3</a></li>
              <li><a href="#/en/2.2.0/overview" class="dropdown-item">2.2.0</a></li>
            </ul>
          </li>
          <li class="ml-lg-2"><a href="https://twitter.com/getstisla" class="nav-link btn btn-info btn-icon icon-left"><i class="fab fa-twitter"></i> @getstisla</a></li>
        </ul>
      </nav>
      <div class="main-sidebar sidebar-style-2">
        <aside id="sidebar-wrapper">
          <div class="sidebar-brand sidebar-brand-sm">
            <a href="index.html">St</a>
          </div>
          <!-- Menu -->
        </aside>
      </div>

      <!-- Main Content -->
      <div class="main-content">
        <section class="section">
          <div class="section-body">
          </div>
        </section>
      </div>
      <footer class="main-footer">
        <div class="footer-left">
          Copyright &copy; 2018 <small class="bullet ml-2 mr-2"></small> Design By <a href="https://nauval.in">Muhamad Nauval Azhar</a>
        </div>
        <div class="footer-right">
          v2.2.0
        </div>
      </footer>
    </div>
  </div>

  <!-- General JS Scripts -->
  <script src="https://demo.getstisla.com/assets/modules/jquery.min.js"></script>
  <script src="https://demo.getstisla.com/assets/modules/popper.js"></script>
  <script src="https://demo.getstisla.com/assets/modules/tooltip.js"></script>
  <script src="https://demo.getstisla.com/assets/modules/bootstrap/js/bootstrap.min.js"></script>
  <script src="https://demo.getstisla.com/assets/modules/nicescroll/jquery.nicescroll.min.js"></script>
  <script src="https://demo.getstisla.com/assets/modules/moment.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/marked/3.0.8/marked.min.js"></script>
  
  <!-- JS Libraies -->
  <script src="https://demo.getstisla.com/assets/modules/prism/prism.js"></script>

  <!-- Page Specific JS File -->
  <script id="page-js">
    var base_url      = 'https://getstisla.com/', 
        overview      = 'https://docs.getstisla.com/#/en/2.2.0/overview',
        load_scripts  = [
                      'https://demo.getstisla.com/assets/js/stisla.js', 
                      'https://demo.getstisla.com/assets/modules/sticky-kit.js',
                      'https://demo.getstisla.com/assets/modules/chocolat/dist/js/jquery.chocolat.min.js',
                      'https://demo.getstisla.com/assets/js/scripts.js'
                    ];
  </script>

  <!-- Template JS File -->
  <script src="https://unpkg.com/navigo@6.0.2/lib/navigo.min.js"></script>
  <script src="assets/js/scripts.js"></script>
</body>
</html>