{% extends "base.html.twig" %}

{% block title %} {{ parent() }} Suivez toutes l'actualité,calendrier,résultats,classement,équipes,joueurs,statistiques,palmarès,transferts des plus grand championnats européen {% endblock %}

{% block body %}
	<h1 class="text-center" style="text-decoration:underline;font-family:Comic Sans MS, Comic Sans, cursive, Arial Black;">Actualité</h1>
    </br>
    <div class="flex">
        {% for actu2 in content.top_stories %}
            <div class="col-md-6" style="margin-bottom:20px;">
                <div class="col-md-8">
                    <span style="margin-bottom:0px;">{{ actu2.source }}</span>
                    <h3 style="margin-top:10px;">{{ actu2.title }}</h3>
                    <p>{{ actu2.date }}</p>
                </div>
                <div class="col-md-4">
                    <img src="{{ actu2.thumbnail }}"/>
                </div>
            </div>
        {% endfor %}
    	{% for actu in content.organic_results %}
            <div class="col-md-12" style="margin-bottom:20px;">
                <div class="col-md-8">
                    <span style="margin-bottom:0px;">{{ actu.source }}</span>
                    <h3 style="margin-top:10px;">{{ actu.title }}</h3>
                    <p>{{ actu.snippet }}</p>
                    <p>{{ actu.date }}</p>
                </div>
                <div class="col-md-4">
                    <img src="{{ actu.thumbnail }}"/>
                </div>
            </div>
        {% endfor %}
    </div>
{% endblock %}