{% layout 'layouts/html.liquid' %}

{% block head %}
<title>registration | {{ site.title }}</title>
{% endblock %}

{% block content %}
<div class="row">
    <div class="offset-md-3 col-md-6">
        <div class="text-center">
            <h1>Registration</h1>
            <p>Hi 👋 Sign in or register to view your account.</p>
        </div>
        <div class="btn-holder">
            <a class="btn btn-dark btn-huger" href="/login">Sign In</a>
            <a class="btn btn-dark btn-huger" href="/login">Register</a>
            <style>
                .btn-holder {
                    padding: 2em;
                }
                .btn-huger {
                    display:block;
                    padding: 40px;
                }

                .btn-huger:not(:last-of-type) {
                    margin-bottom: 2em;
                }
            </style>
        </div>
    </div>
</div>
{% endblock %}