{% extends "main.html" %}

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

{% endblock tabs %}

{% block content %}



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

<h2 id="intuitive-inventory-management">InvenTree - Intuitive Inventory Management</h2>

<!-- 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="https://inventree.org" title="InvenTree Website" class="md-button">
            <i class='ti ti-world'></i> Website
          </a>

          <a href="start" title="Install InvenTree" class="md-button">
            <i class='ti ti-server-bolt'></i> Install
          </a>
          <a href="app" title="InvenTree mobile app" class="md-button">
            <i class='ti ti-device-mobile'></i> Mobile App
          </a>
          <a href="https://crowdin.com/project/inventree" title="Help translate InvenTree" class="md-button">
            <i class='ti ti-language'></i> Translate
          </a>
          <a href="https://github.com/inventree/inventree" title="Explore InvenTree source code" class="md-button md-button">
            <i class='ti ti-code-circle'></i> Source Code
          </a>
        </div>
      </div>
    </div>
  </section>
  {{ page.content }}
{% endblock content %}