{% extends "ibs/layouts/base.html" %}

{% block content %}
    <div class="container-fluid text-center">
        <div class="row">
            <div class="col-lg-12">
                <div class="card mt-5">
                    <div class="card-body" style="height: 720px;">
                        <div class="mt-5 pt-5">
                            <h1 class="code mx-auto display-2" data-text="404"
                                style="color: black; font-family: 'Trebuchet MS';">404</h1>
                            <h3 class="title text-grey-800 mb-5">Page Not Found!</h3>
                            <hr class="mb-4"/>
                            <blockquote class="blockquote">
                                But if you don't change your direction, and if you keep looking, <br>you may
                                end up where you are heading.
                            </blockquote>
                            <a href="javascript:void(0);" onclick="history.go(-1);">&larr; Back to Previous</a> |
                            <a href="/ibs/">Go to Home &rarr;</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}