{% extends "base.html" %}

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

{% block content %}

<div class="contact">
        <br>
        <h1 class="heading" id="spon"><span class="emoji contact">Contact</span></h1>
        <hr>       
            <p class="info">🌐 you can find us on several platforms! 🌐</p>
        <div class="contact-container">
            <div class="card-container">
                <a href="https://www.instagram.com/technicalturbulence23344/" target="_blank" class="card">
                    <div class="card-content">
                        <img src="{{ url_for('static', filename='images/insta5.png') }}" alt="Image 1">
                    </div>
                </a>
                <a href="mailto:technicalturbulence@gmail.com" target="_blank" class="card">
                    <div class="card-content">
                        <img src="{{ url_for('static', filename='images/gmail.png') }}" alt="Image 2">
                    </div>
                </a>
                <a href="https://youtube.com/@TechnicalTurbulenceFTC" target="_blank" class="card">
                    <div class="card-content">
                        <img src="{{ url_for('static', filename='images/youtubee.png') }}" alt="Image 3">
                    </div>
                </a>
            </div>
        </div>
    </div>

{% endblock %}