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

{% block before_body %} 
    <header class="mosaic">
        <div class="row">
            <div class="first-col col-xl-4">
                {{ render(controller('AppBundle:Render:module', { position:'home_mosaic_1', force_type:'custom_html', force_layout:'default.html.twig' })) }}
            </div>
            <div class="second-col col-xl-5">
                <div class="first-line row">
                    <div class="col-xl-12">
                        {{ render(controller('AppBundle:Render:module', { position:'home_mosaic_2', force_type:'custom_html', force_layout:'default.html.twig' })) }}
                    </div>
                </div>
                <div class="second-line row">
                    <div class="col-lg-6">
                        {{ render(controller('AppBundle:Render:module', { position:'home_mosaic_3', force_type:'custom_html', force_layout:'default.html.twig' })) }}    
                    </div> 
                    <div class="col-lg-6">
                        {{ render(controller('AppBundle:Render:module', { position:'home_mosaic_4', force_type:'custom_html', force_layout:'default.html.twig' })) }}
                    </div>   
                </div>
            </div>
            <div class="third-col col-xl-3">
                {{ render(controller('AppBundle:Render:module', { position:'home_mosaic_5', force_type:'custom_html', force_layout:'default.html.twig' })) }}
            </div>
        </div>
    </header>
    {{ render(controller('AppBundle:Render:module', { position:'home_before_body' })) }} 
{% endblock %} 

{% block body %} 
    <div class="row justify-content-center">
        <div class="col-sm-10 col-md-8 col-lg-7">
            {{ render(controller('AppBundle:Render:module', { position:'home_body' })) }}
        </div>
    </div>
    <div class="bubbles clearfix">
        <div class="row">
            <div class="col-sm-6 col-lg-3">
                <div class="color-pelorous">
                    {{ include('Front/_component/icon.html.twig', {id: 'home--eleves', class:'home-icon'}) }}
                    {{ render(controller('AppBundle:Render:module', { position:'home_bubble_1', force_type:'custom_html', force_layout:'nowrap.html.twig' })) }}
                </div>
            </div>
            <div class="col-sm-6 col-lg-3">
                <div class="color-la-rioja">
                    {{ include('Front/_component/icon.html.twig', {id: 'home--prof', class:'home-icon'}) }}
                    {{ render(controller('AppBundle:Render:module', { position:'home_bubble_2', force_type:'custom_html', force_layout:'nowrap.html.twig' })) }}
                </div>
            </div>
            <div class="col-sm-6 col-lg-3">
                <div class="color-tangerine">
                    {{ include('Front/_component/icon.html.twig', {id: 'home--ingetech', class:'home-icon'}) }}
                    {{ render(controller('AppBundle:Render:module', { position:'home_bubble_3', force_type:'custom_html', force_layout:'nowrap.html.twig' })) }}
                </div>
            </div>
            <div class="col-sm-6 col-lg-3">
                <div class="color-tundora">
                    {{ include('Front/_component/icon.html.twig', {id: 'home--entreprises', class:'home-icon'}) }}
                    {{ render(controller('AppBundle:Render:module', { position:'home_bubble_4', force_type:'custom_html', force_layout:'nowrap.html.twig' })) }}
                </div>
            </div>
        </div>
    </div>
{% endblock %} 

{% block after_body %} 
    <div class="module module-inview-index">
        <div class="container">
            {{ render(controller('AppBundle:Render:module', { position:'home_title', force_type:'custom_html', force_layout:'nowrap.html.twig' })) }}
            <div class="row justify-content-center">
                <div class="col-xl-4">
                    <div class="card bg-la-rioja has-absolute-footer">
                        {{ render(controller('AppBundle:Render:module', { position:'home_block_1', force_type:'custom_html', force_layout:'footerhover.html.twig' })) }}
                    </div>
                </div>
                <div class="col-xl-4">
                    <div class="card bg-tangerine has-absolute-footer">
                        {{ render(controller('AppBundle:Render:module', { position:'home_block_2', force_type:'custom_html', force_layout:'footerhover.html.twig' })) }}
                    </div>
                </div>
            </div>
        </div>
    </div>
    {{ render(controller('AppBundle:Render:module', { position:'home_after_body' })) }}
{% endblock %}