{% extends "templates/base.html" %}
{% block title %} Get Started - ERPNext Foundation{% endblock %}
{% block content %}
<section class="top-section">
	<div class='container'>
		<h1>Getting Started with ERPNext</h1>
		<p class="lead">ERPNext is Python based web application which runs on MariaDB. There are many ways to get started.<p>
		<a class="btn btn-dark mt-4" href="https://erpnext.com/demo">See the Demo</a></p>
	</div>
</section>

<section class="section-padding section-bg">
	<div class='container text-center'>
		<h4>Start a Free Trial on ERPNext.com</h4>
		<p class="lead mb-4">Get your own personal ERPNext instance that you can play with and explore for the next 14 days.</p>
		<a class="btn btn-dark" href="https://erpnext.com/pricing">Start Trial</a></p>
	</div>
</section>

<section class="section-padding">
	<div class='container text-center'>
		<h4>Self Install on Linux using Bench</h4>
		<p class="lead mb-4">Bench is a command-line tool to install and manage ERPNext.</p>
		<a target="_blank" class='btn btn-dark' href="https://github.com/frappe/bench">Read the instructions on GitHub</a>
	</div>
</section>

{% macro card(title, body, btnlink, color) %}
<div class="col-sm mb-4">
  <div class="card">
  <div class="card-body">
	<h5>{{ title }}</h5>
    <div class="card-text mb-3">{{ body }}</div>
    <a href="{{ btnlink }}" class="btn btn-dark btn-sm">Download</a>
  </div>
  </div>
</div>
{% endmacro %}

<section class="section-padding section-bg">
	<div class='container'>
	<div class='text-center'>
		<h4>Virtual Machine Images</h4>
		<p class='lead'>Download a pre-installed Virtual Box Images</p>
	</div>
	<div class="row mt-5">
		{{ card(
			"Production Image",
			"Stable build for Production use (Master Branch)<br>(approx 1.5GB) | <a href='http://build.erpnext.com/ERPNext-Production.ova.md5'>MD5</a>.",
			"http://build.erpnext.com/ERPNext-Production.ova",
			"green"
		) }}

		{{ card(
			"Development Image",
			"Bleeding edge build for development only<br>(approx 1.5GB) | <a href='http://build.erpnext.com/ERPNext-Dev.ova.md5'>MD5</a>",
			"http://build.erpnext.com/ERPNext-Dev.ova",
			"orange"
		) }}

		{{ card(
			"Vagrant Box",
			"Bleeding edge Vagrant box for development only<br>(approx 1.5GB) | <a href='http://build.erpnext.com/ERPNext-Vagrant.box.md5'>MD5</a>",
			"http://build.erpnext.com/ERPNext-Vagrant.box",
			"orange"
		) }}
	</div>
	<div class='mt-5 alert alert-info'>
		<a href='/download'>Read more on how to setup the images</a>
	</div>
	</div>
</section>

<section class="section-padding text-center">
	<div class='container'>
		<h3>Connect with ERPNext Members</h3>
			<p class="lead mb-4">Find members who can help you setup and evaluate ERPNext.</p>
			<a class="btn btn-sm btn-dark" href="/service-providers">See Member Listing</a>
		</div>
	</div>
</section>
{% endblock %}