{% trans_default_domain 'blog' %}
{% set route = app.request.get('_route') %}

{% extends 'base.html.twig' %}
{% block meta %}
    <meta name="description" content="Notre blog vous présente/partage des initiative ou des astuces avec pour seul but, vous faire plaisir ! ">
    <meta property="og:title" content="Blog" />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://qualidistrib.com/blog"  />
    <meta property="og:image" content="{{ asset('build/images/accompagnement.jpg') }}" />
    <meta property="og:description" content="Notre blog vous présente/partage des initiative ou des astuces avec pour seul but, vous faire plaisir ! ">
{% endblock %}
{% block stylesheets %}
    <link rel="stylesheet" href="{{ asset('build/blog.css') }}" />{% endblock %}
{% block title %}Blog{% endblock %}

{% block body %}
    <div class="container-m">
        <h2 class="title-blog">Publication du 28 Avril à 14h26</h2>
        <section class="newArticle" >
            <img src="{{ asset('build/images/articleDeux.png') }}" alt="deuxieme article: la bruschetta" class="secondArticle" >
        </section>

        <h2 class="title-blog">Publication du 11 Décembre à 16h32</h2>
        <section class="section newmois border-bottom">
            <div class="section-body">
                <h4 class="section-title user-select-none">{{'blog.titleTitre'|trans}}</h4>
                <p class="section-text user-select-none">


                    {{'blog.titleTexte'|trans}}</p>
            </div>
        </section>

        <section class="section neworigine border-bottom">
            <img src="{{ asset('/build/images/pain-perdu-sans-gluten.jpg') }}" alt="pain perdu"
                 class="section-img-right">
            <div class="section-body">
                <h4 class="section-title user-select-none">{{'blog.origine'|trans}}</h4>
                <p class="section-text user-select-none">

                    {{'blog.origineTexte'|trans|raw}}</p>
            </div>
        </section>

        <section class="section newrecette border-bottom">
            <h4 class="section-title user-select-none">{{'blog.recette'|trans}}</h4>
            <div class="section-body box-recette">
                <div class="section-box">
                    <h5 class="section-box-title">{{'blog.ingredients'|trans}}</h5>
                    <img src="{{ asset('build/images/ingredients.jpeg') }}" alt="ingrédients" class="recette">

                    <p class="section-box-text">
                    <ul>

                        {{'blog.ingredientsListe'|trans|raw}}
                    </ul>
                    </p>
                </div>

                <div class="section-box">
                    <h5 class="section-box-title">{{'blog.preparation'|trans}}</h5>
                    <img src="{{ asset('build/images/preparation.jpeg') }}" alt="preparation" class="recette">

                    <p class="section-box-text">
                    <ul>

                        {{'blog.preparationListe'|trans|raw}}
                    </ul>
                    </p>

                </div>

                <div class="section-box">
                    <h5 class="section-box-title">{{'blog.cuisson'|trans}}</h5>
                    <img src="{{ asset('build/images/cuisson1.0.jpeg') }}" alt="cuisson poêle" class="recette">
                    <img src="{{ asset('build/images/cuisson2.1.jpeg') }}" alt="cuisson four" class="recette">

                    <p class="section-box-text">

                    <ul>

                        {{'blog.cuissonListe'|trans|raw}}
                    </ul>
                    </p>

                </div>
            </div>
        </section>

        <section class="newastuce">
            <section class="border-bottom newflex  section">
                <div class="section-astuce-body">
                    <h4 class="section-title user-select-none">{{'blog.astuce'|trans}}</h4>
                    <p class="section-text user-select-none">

                        {{'blog.astuceTexte'|trans|raw}}</p>

                </div>
            </section>
            <section class="newastuce-img">
                <section class="degust">
                    <img src="/build/images/plus.png" alt="symbole plus" class="plus">
                    <img src="/build/images/chocolatLF2.0.jpg" alt="chocolat chaud" class="choco">
                </section>

                <h3 class="newh3">{{'blog.degust'|trans}}</h3>
            </section>


        </section>


    </div>
    <script defer type="application/ld+json">
        {
            "@context": "https://qualidistrib.com",
            "@type": "BreadcrumbList",
            "itemListElement": [{
                "@type": "ListItem",
                "position": 1,
                "name": "Blog",
                "item": "https://qualidistrib.com/blog"
            }]
        }
    </script>
{% endblock %}