sangfroid
/
blogben


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
							<!DOCTYPE html>
<html lang="fr">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>{% block title %}{{ site_title }}{% endblock %}</title>
        <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>">
        {% block stylesheets %}
        {% endblock %}

        {% block javascripts %}
            {% block importmap %}{{ importmap('app') }}{% endblock %}
        {% endblock %}
    </head>
    <body>
        {{ include('_menu.html.twig')}}
        <div class="container">
            <aside>
            <!-- Section Connexion -->
            <section class="connexion">
                <h2>Connexion</h2>
                <ul>
                <li><a href="#">Se connecter</a></li>
                <li><a href="#">S'inscrire</a></li>
                <li><a href="#">Mot de passe oublié</a></li>
                </ul>
            </section>
            
            <!-- Articles Populaires -->
            <section class="articles-populaires">
                <h2>Articles Populaires</h2>
                <ul>
                <li><a href="#">Comment démarrer un blog en 2024</a></li>
                <li><a href="#">Les meilleures astuces SEO</a></li>
                <li><a href="#">10 plugins indispensables pour WordPress</a></li>
                <li><a href="#">Comment gagner des abonnés sur les réseaux sociaux</a></li>
                </ul>
            </section>
            
            <!-- Catégories -->
            <section class="categories">
                <h2>Catégories</h2>
                <ul>
                <li><a href="#">Développement Web</a></li>
                <li><a href="#">Marketing Digital</a></li>
                <li><a href="#">Réseaux Sociaux</a></li>
                <li><a href="#">SEO</a></li>
                <li><a href="#">Entrepreneuriat</a></li>
                </ul>
            </section>
            
            <!-- Archives -->
            <section class="archives">
                <h2>Archives</h2>
                <ul>
                <li><a href="#">Octobre 2024</a></li>
                <li><a href="#">Septembre 2024</a></li>
                <li><a href="#">Août 2024</a></li>
                <li><a href="#">Juillet 2024</a></li>
                </ul>
            </section>
            </aside>
                 
            <main>
                {% block body %}side>
                Test dans tes fesses
            <{% endblock %}
            </main>
        </div>
    </body>
</html>