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

{% block mascotte %}
    <a href="{{ path('goodtoknow') }}" id="mascotte"><span>&rsaquo; Bon à savoir</span></a>
{% endblock %}

{% block content %}
    
    <div id="home_content">
    
        <a href="{{ path('contact') }}" id="devis-gratuit"></a>
        
        <ul id="vignettes">
            
            <li class="first">
                <a href="{{ path('company') }}" class="vignette vignette1">
                    <span class="vignette_title">L'entreprise</span>
                    <span class="vignette_cover"></span>
                </a>
            </li>
            <li>
                <a href="{{ path('services') }}" class="vignette vignette2">
                    <span class="vignette_title">Nos prestations</span>
                    <span class="vignette_cover"></span>
                </a>
            </li>
            <li>
                <a href="{{ path('contact') }}" class="vignette vignette3">
                    <span class="vignette_title">Contact</span>
                    <span class="vignette_cover"></span>
                </a>
            </li>
            {#<li>
                <div class="vignette vignette4">
                    Spécialistes depuis plus de 17 ans<br /><br />
                    Etude &amp; Devis Gratuit<br />
                    <span class="bold">Contactez-nous</span><br /><br />
                    <span class="bold" style="font-size: 15px;">Tél. : {{ phone_number }}</span><br /><br />
                    <a href="/pdf/plaquette-go-construction.pdf">&gt; Télécharger notre plaquette</a>
                </div>
            </li>#}
            
        </ul>
    
    </div>
    
{% endblock %}

{% block js %}
    
    {{ parent() }}
    
    <script type="text/javascript" src="js/homepage.js"></script>
    
{% endblock %}