{% extends 'base.html' %}

{% block title %} Home {% endblock %}

{% block jumbotron %}Brewing Tools{% endblock %}

{% block content %}
    <div class="container">
        <!-- Example row of columns -->
        <div class="row">
            <div class="col-md-4">
                <h2>Yeast Lab</h2>
                <p>All that fun sciency stuff. </p>
                <p><a class="btn btn-secondary" href="{% url 'yeast:home' %}" role="button">Go &raquo;</a></p>
            </div>
            <div class="col-md-4">
                <h2>Equipment</h2>
                <p>Maintenance stuff. </p>
                <p><a class="btn btn-secondary" href="{% url 'equipment:home' %}" role="button">Go &raquo;</a></p>
            </div>
            <div class="col-md-4">
                <h2>Recipes</h2>
                <p>My own personal Brewfather?</p>
                <p><a class="btn btn-secondary" href="{% url 'beer:home' %}" role="button">Go &raquo;</a></p>
            </div>
        </div>

        <hr>

    </div> <!-- /container -->

{% endblock %}