{% block footer %}
<footer class="d-flex flex-wrap border-top pr-3 shadow bg-black z-index-10 py-4">
<div class="container">
<div class="row">
<!-- Columna para el logo -->
<div class="col-md-3 mb-3">
<img src="{{ asset('images/logo7.png') }}" alt="Harmoqee Logo" class="img-fluid">
</div>
<!-- Columna para los enlaces -->
<div class="col-md-3 mb-3">
<ul class="list-unstyled">
<li><a href="{{ path('cookies') }}" class="text-light">Cookie Policy</a></li>
<li><a href="{{ path('legal') }}" class="text-light">Legal Notice</a></li>
<li><a href="{{ path('privacy') }}" class="text-light">Privacy Policy</a></li>
<li><a href="{{ path('terms') }}" class="text-light">Terms of Use</a></li>
</ul>
</div>
<div class="col-md-3 mb-3">
<ul class="list-unstyled">
<li><a href="{{ path('home_tutorial') }}" class="text-light">Tutorials</a></li>
</ul>
</div>
<!-- Columna para redes sociales -->
<div class="col-md-3 mb-3">
<ul class="list-unstyled">
<li>
<ul class="list-inline">
<li class="list-inline-item">
<a href="https://www.youtube.com/@Harmoqee" target="_blank" class="text-light">
<i class="fab fa-youtube fa-2x"></i>
</a>
</li>
<li class="list-inline-item">
<a href="https://www.facebook.com/profile.php?id=61572347461544" target="_blank" class="text-light">
<i class="fab fa-facebook fa-2x"></i>
</a>
</li>
</ul>
</li>
<li>
harmoqee@gmail.com
</li>
</ul>
</div>
</div>
<!-- Sección de derechos de autor -->
<div class="row mt-4">
<div class="col text-center">
<p class="mb-0">© 2025 Harmoqee. All Rights Reserved.</p>
</div>
</div>
</div>
</footer>
{% endblock %}