{% extends 'base_template.html.twig' %}

{% block stylesheets %}
	{{ parent() }} 
	
	    #building-layout
        {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            width:100%;
            height: 100vh;
            text-align:center;
            text-transform:capitalize;
            position: relative;
            background-image: url({{ asset ('img/under_construction.jpg') }}); 
            background-size: cover; 
            background-position: center; 
            background-repeat: no-repeat; 
        }
	
	   #building-layout h1
	   {
	       color: white;
	       font-size: 40px;
	   }
        
       #building-layout p
       {
            color: white;
            font-size: 18px;
       }

{% endblock %}

{% block main_content %}

    
    {% block content %}
    
    <div id="building-layout">
    
   
        <h1>En cours de construction</h1>
        <p>Le rideau est actuellement tiré. Nous travaillons activement afin de rendre cette section disponible aussi rapidement que possible.</p>


   
    </div>
    
     
    {% endblock %}

{% endblock %}


{% block javascript %}
	{{ parent() }}
{% endblock %}