{% extends 'base.html' %} {% block title %}Page 404{% endblock %} {% block content %}

<style>
    .page_404 {
        padding: 40px 0;
        background: #fff;
        font-family: "Arvo", serif;
    }
    
    .page_404 img {
        width: 100%;
    }
    
    .four_zero_four_bg {
        background-image: url("{{url_for('static', filename='imgs/errors_imgs/error_2.gif')}}");
        height: 800px;
        background-position: center;
    }
    
    .four_zero_four_bg h1 {
        font-size: 80px;
    }
    
    .four_zero_four_bg h3 {
        font-size: 80px;
    }
    /*
		 .link_404{			 
color: #fff!important;
	padding: 10px 20px;
	background: #39ac31;
	margin: 20px 0;
	display: inline-block;}
*/
    
    .contant_box_404 {
        margin-top: -5px;
    }
</style>

<section class="page_404">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <div class="col-sm-10 col-sm-offset-1 text-center">
                    <div class="four_zero_four_bg">
                        <h1 class="text-center">Error 404</h1>
                    </div>

                    <div class="contant_box_404">
                        <h3 class="h2">
                            La página a la que deseas acceder al parecer no existe.
                        </h3>
                        <!-- <a href="" class="link_404">Go to Home</a> -->
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

{% endblock %}