{% extends "base.html" %}

{% block title %}Technical Turbulence - Sponsors{% endblock %}

{% block content %}

<div class="sponsors">
        <br>
        <h1 class="heading" id="spon"><span class="emoji sponsors">Sponsors</span></h1>
        <hr>     
        <p class="info">❤️ companies of various sizes sponsor our initiatives. ❤️</p>
        
        <div class="sponsors-container">
            <div class="card-container">
                {% for sponsor in sponsors %}
                <a href="{{ sponsor.website_url }}" target="_blank" class="card-sponsors">
                    <div class="card-content-sponsors">
                        <img src="{{ url_for('static', filename=sponsor.logo_path) }}" alt="{{ sponsor.name }}">
                    </div>
                </a>
                {% endfor %}
            </div>
        </div>

    </div>

{% endblock %}