{% extends 'core/layout.html' %}
{% load staticfiles %}

{% block css %}
	<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.1.1/gh-fork-ribbon.min.css" />
	<style type="text/css">
		/* Move down content because we have a fixed navbar that is 50px tall */
		body {
			padding-top: 50px;
			padding-bottom: 20px;
		}
		.icon {
			float: right;
			width: 32px;
			margin-left: 8px;
		}
	</style>
{% endblock css %}

{% block main %}
	<!-- Fork me logo -->
	<div class="github-fork-ribbon-wrapper right">
		<div class="github-fork-ribbon">
			<a href="https://git.ianonavy.com/ianonavy/librebudget">Fork me on Gogs</a>
		</div>
	</div>
	<!-- Main jumbotron for a primary marketing message or call to action -->
	<div class="jumbotron">
		<div class="container">
			<h1>Creating a budget is easy.</h1>
			<p>Sticking to one is hard. LibreBudget keeps track of your transactions so you don't have to.</p>
			<p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more &raquo;</a></p>
		</div>
	</div>

	<div class="container">
		<div class="row">
			<div class="col-md-4">
				<h2>Free <img class="icon" src="{% static 'img/key162.png' %}" alt="key"></h2>
				<p>Free as in free beer and free speech. Potato kerr's pink cabritas shepody kennebec. Langlade tater yukon gold vitelotte goldrush irish cobbler atlantic. Tater kipfler arran victory irish cobbler marcy primura, french fries up to date spud anya arran victory snowden.</p>
				<p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
			</div>
			<div class="col-md-4">
				<h2>Fast <img class="icon" src="{% static 'img/sprint.png' %}" alt="key"></h2>
				<p>Red norland amandine flava silverton russet arran victory marquis. Kestrel bannock russet, camota flava bintje home guard silverton russet bonnotte monalisa. Flava record bonnotte linda russet burbank innovator. Jersey royal bildtstar chelina flava atlantic kestrel.</p>
				<p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
			</div>
			<div class="col-md-4">
				<h2>Secure <img class="icon" src="{% static 'img/shield20.png' %}" alt="key"></h2>
				<p>Norgold russet french fries atlantic stobrawa sirco german butterball. Annabelle blue congo russet burbank keuka gold, silverton russet golden wonder irish cobbler annabelle pike. Langlade shepody up to date cielo yukon gold, linda red lasoda yellow finn blue congo superior.</p>
				<p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
			</div>
		</div>
{% endblock main %}