{% extends "base.html" %}

{% block tabs %}
{{ super() }}

{% endblock %}

{% block content %}

{{ page.content }}

<style>
    h1 {
        font-family: Arial, Helvetica, sans-serif;
    }
</style>

<!-- Hero for landing page -->
<section class="mdx-container">
    <div class="md-grid md-typeset">
      <div class="mdx-hero">
            
        <!-- Hero content -->
        <div class="mdx-hero__content">
          <a href="features" title="InvenTree features" class="md-button md-button">
            <span class='fas fa-star'></span> Features
          </a>
          <a href="demo" title="InvenTree demo" class='md-button'>
            <span class='fas fa-desktop'></span> Demo
          </a>
          <a href="start/intro" title="Install InvenTree" class="md-button md-button">
            <span class='fas fa-server'></span> Install
          </a>
          <a href="app/app" title="InvenTree mobile app" class="md-button">
            <span class='fas fa-mobile-alt'></span> Mobile App
          </a>
          <a href="https://crowdin.com/project/inventree" title="Help translate InvenTree" class="md-button">
            <span class='fas fa-language'></span> Translate
          </a>
          <a href="https://github.com/inventree/inventree" title="Explore InvenTree source code" class="md-button md-button">
            <span class='fab fa-github'></span> Source Code
          </a>
        </div>
      </div>
    </div>
  </section>

{% endblock %}