Default

<!DOCTYPE html>
<html lang="ca">
<head>
    <meta charset="UTF-8">
    <title>Suppliers and collaborators</title>

     <style>
        /* RESET */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: Arial, Helvetica, sans-serif;
        }

        body {
            background-color: #ffffff;
            color: #000;
        }

        /* CONTENIDOR */
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 60px 20px 80px;
            text-align: center;
        }

        /* TÍTOL PRINCIPAL */
        h1 {
            color: #c8102e;
            font-size: 36px;
            font-weight: 700;
            margin-bottom: 20px;
            text-transform: uppercase;
        }

        /* SECCIÓ PARTNERS */
        .partners-section {
            margin-bottom: 120px;
        }

        .partners-section:last-of-type {
            margin-bottom: 0;
        }

        /* GRID TRANSFORMAT A FLEXBOX PER CENTRAT VERTICAL */
        .partners-grid {
            display: flex;            
            flex-wrap: wrap;          
            justify-content: center;  
            align-items: center;     
            gap: 50px 40px;           
        }

        /* TÍTOL DINS DEL GRID */
        .partners-title, .proveidors-title {
            flex-basis: 100%;       
            color: #c8102e;
            font-size: 22px;
            font-weight: 600;
            text-transform: uppercase;
        }

        .proveidors-title{
            margin-bottom: 1rem;
        }

        .partner-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            flex: 1 1 240px;  
            max-width: 240px; 
        }

        .partner-box {
            width: 100%;
            height: 120px;
            background-color: #f2f2f2;
            margin-bottom: 15px;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
        }

        .partner-box a {
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .partner-box img {
            max-width: 80%;
            max-height: 80%;
            object-fit: contain;
            transition: transform 0.3s ease;
            mix-blend-mode: multiply;
        }

        .partner-box a:hover img {
            transform: scale(1.05);
        }

        .partner-name {
            font-size: 14px;
            font-weight: 700;
            text-transform: uppercase;
        }

        .intro-section {
            width: 100%;
            margin: 60px 0 120px;
        }

        .intro-inner {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 3rem;
            max-width: 1000px; 
            margin: 0 auto;
        }

        .intro-image {
            flex: 0 0 45%;
            max-width: 480px;
        }

        .intro-image img {
            width: 100%;
            height: auto;
            display: block;
            border-radius: 8px;
        }

        .intro-text {
            flex: 1;
            text-align: left;
        }

        .intro-text p {
            font-size: 1.1rem;
            line-height: 1.5;
            margin-bottom: 1rem;
        }

        .intro-link {
            color: #c8102e;
            font-weight: 600;
            text-decoration: none;
        }

        .intro-link:hover {
            text-decoration: underline;
        }


        /* RESPONSIVE */
        @media (max-width: 1024px) and (min-width: 769px) {
            .intro-inner {
                flex-direction: column;
                gap: 2rem;
                max-width: 720px;  
            }

            .intro-image {
                width: 100%;
                max-width: 100%;
            }

            .intro-image img {
                width: 100%;
                height: 300px;     
                object-fit: cover;
                border-radius: 6px;
            }

            .intro-text {
                width: 100%;
                padding: 0;
                text-align: center;
            }
        }
        
        @media (max-width: 992px) {
            .partner-item {
                flex: 1 1 45%; 
            }
        }

        @media (max-width: 768px) {
            .intro-inner {
                flex-direction: column;
                gap: 1.5rem;
                max-width: 100%;
            }

            .intro-image {
                width: 100%;
                max-width: 100%;
            }

            .intro-image img {
                width: 100%;
                height: 220px;         
                object-fit: cover;
                border-radius: 0;     
            }

            .intro-text {
                width: 100%;
                padding: 0 1rem;
                text-align: center;      
            }   
        }

        @media (max-width: 576px) {
            .partner-item {
                flex: 1 1 100%; 
            }
             h1 {
            font-size: 30px;
            line-height: 1.1;
            }
            .partners-grid{
                gap: 25px 40px;
            }
            .partners-section{
                margin-bottom: 60px;
            }
            .intro-section{
                margin: 30px 0 40px;
            }
            .container{
                padding:60px 20px;
            }
        }
    </style>
</head>

<body>

<main class="container">
    <h1>SUPPLIERS AND PARTNERS</h1>
    
    
    <section class="intro-section">
        <div class="intro-inner">

            <div class="intro-image">
                <img src="https://statics-maker.llt-services.com/gir/images/2026/01/15/original/8182267c-ba7e-4afe-9c16-4130e1fc4f57-509.jpg" alt="Patrocinadors Girona FC">
            </div>

            <div class="intro-text">
                <p>Girona FC works closely with suppliers and collaborators who add value to the Club’s day-to-day operations and contribute to its proper functioning, sharing principles of professionalism, quality and commitment.</p>

                <p>Their involvement is key to ensuring the development of Girona FC’s sporting, institutional and operational activities, and to continuing to grow in a sustainable way across all areas.</p>

                <p>If you wish to speak to the commercial sponsorship department for information on new business opportunities, please contact <a href="mailto:partnerships@gironafc.cat" class="intro-link">partnerships@gironafc.cat</a></p>
            </div>

        </div>
    </section>

    
    <section class="partners-section">
        <div class="partners-grid">

            <div class="partners-title">Official suppliers</div>

            
            <div class="partner-item">
                <div class="partner-box">
                    <a href="https://www.watchguard.com/" target="_blank" rel="noopener">
                        <img src="https://statics-maker.llt-services.com/gir/images/2026/01/15/original/9959c3d4-5fe6-42fd-9174-6bc80d9ad852-380.png" alt="WatchGuard">
                    </a>
                </div>
                <div class="partner-name">WatchGuard</div>
            </div>

            
            <div class="partner-item">
                <div class="partner-box">
                    <a href="https://www.fritravich.com/en/" target="_blank" rel="noopener">
                        <img src="https://statics-maker.llt-services.com/gir/images/2026/01/15/original/3962e5c0-ab40-4d2e-bead-928decd2e014-842.png" alt="Frit Ravich">
                    </a>
                </div>
                <div class="partner-name">Frit Ravich</div>
            </div>

            
            <div class="partner-item">
                <div class="partner-box">
                    <a href="https://www.btmsound.com/es/inicio.html" target="_blank" rel="noopener">
                        <img src="https://statics-maker.llt-services.com/gir/images/2026/01/15/original/248e4a9a-232d-4b5b-a617-27f58923b74f-303.png" alt="BTM">
                    </a>
                </div>
                <div class="partner-name">BTM</div>
            </div>

            
            <div class="partner-item">
                <div class="partner-box">
                    <a href="https://ohkeyfoods.com/" target="_blank" rel="noopener">
                        <img src="https://statics-maker.llt-services.com/gir/images/2026/01/15/original/790b6051-4c45-483e-8588-fc19ce67ac73-349.png" alt="Are You Ohkey">
                    </a>
                </div>
                <div class="partner-name">Are You Ohkey</div>
            </div>

            
            <div class="partner-item">
                <div class="partner-box">
                    <a href="https://dibosch.com/es/" target="_blank" rel="noopener">
                        <img src="https://statics-maker.llt-services.com/gir/images/2026/01/15/original/4c57ff3c-3a18-4664-ba5c-c33176d4c9c2-173.png" alt="Dibosch">
                    </a>
                </div>
                <div class="partner-name">Dibosch</div>
            </div>

            
            <div class="partner-item">
                <div class="partner-box">
                    <a href="https://www.terraremota.com/en/" target="_blank" rel="noopener">
                        <img src="https://statics-maker.llt-services.com/gir/images/2026/01/15/original/7f86b8cf-034d-4501-9dea-a57a2cc26d40-42.jpg" alt="Terra Remota">
                    </a>
                </div>
                <div class="partner-name">Terra Remota</div>
            </div>

            
            <div class="partner-item">
                <div class="partner-box">
                    <a href="https://www.royalverd.com/en/" target="_blank" rel="noopener">
                        <img src="https://statics-maker.llt-services.com/gir/images/2026/01/15/original/38d12629-e9ca-4f32-b56e-dfb140356f3e-586.png" alt="Royalverd">
                    </a>
                </div>
                <div class="partner-name">Royalverd</div>
            </div>

            
            <div class="partner-item">
                <div class="partner-box">
                    <a href="https://www.nussli.com/en" target="_blank" rel="noopener">
                        <img src="https://statics-maker.llt-services.com/gir/images/2026/01/15/original/47f7e8ee-de20-4200-8ddd-d638171bacbd-988.png" alt="Nussli">
                    </a>
                </div>
                <div class="partner-name">Nussli</div>
            </div>

            
            <div class="partner-item">
                <div class="partner-box">
                    <a href="https://thermohuman.com/" target="_blank" rel="noopener">
                        <img src="https://statics-maker.llt-services.com/gir/images/2026/01/15/original/1ebf1e26-001b-4c80-8910-79d649141ed3-427.png" alt="ThermoHuman">
                    </a>
                </div>
                <div class="partner-name">Thermohuman</div>
            </div>

            
            <div class="partner-item">
                <div class="partner-box">
                    <a href="https://www.plateagirona.cat/#calendar@" target="_blank" rel="noopener">
                        <img src="https://statics-maker.llt-services.com/gir/images/2026/01/15/original/7621bcae-47bf-421c-86d2-d5c0d3a544a0-251.png" alt="Platea">
                    </a>
                </div>
                <div class="partner-name">Platea</div>
            </div>

            
            <div class="partner-item">
                <div class="partner-box">
                    <a href="https://www.besoccer.com/" target="_blank" rel="noopener">
                        <img src="https://statics-maker.llt-services.com/gir/images/2026/01/15/original/a27154eb-9575-4a28-92b0-11532ce01a52-121.png" alt="BeSoccer">
                    </a>
                </div>
                <div class="partner-name">BeSoccer</div>
            </div>

            
            <div class="partner-item">
                <div class="partner-box">
                    <a href="https://scientifficnutrition.com/" target="_blank" rel="noopener">
                        <img src="https://statics-maker.llt-services.com/gir/images/2026/01/15/original/75c1bc48-a619-4ae5-acce-dde2d53e2d0b-585.png" alt="Scientiffic Nutrition">
                    </a>
                </div>
                <div class="partner-name">Scientiffic Nutrition</div>
            </div>

            
            <div class="partner-item">
                <div class="partner-box">
                    <a href="https://www.mycheftool.com/" target="_blank" rel="noopener">
                        <img src="https://statics-maker.llt-services.com/gir/images/2026/01/15/original/313a0c56-6807-4b8f-8e0e-017d30b01b71-916.png" alt="MyChefTool">
                    </a>
                </div>
                <div class="partner-name">MyChefTool</div>
            </div>

            
            <div class="partner-item">
                <div class="partner-box">
                    <a href="https://alertaycontrol.net/" target="_blank" rel="noopener">
                        <img src="https://statics-maker.llt-services.com/gir/images/2026/01/15/original/a0985a1f-da1e-4dcc-b46d-6aa98fd4bca5-272.png" alt="Alerta y Control">
                    </a>
                </div>
                <div class="partner-name">Alerta y Control</div>
            </div>

            
            <div class="partner-item">
                <div class="partner-box">
                    <a href="https://canjovercultius.com/" target="_blank" rel="noopener">
                        <img src="https://statics-maker.llt-services.com/gir/images/2026/01/15/original/fd4478ca-872d-4393-accc-ca0249a27803-465.jpg" alt="Can Jover">
                    </a>
                </div>
                <div class="partner-name">Can Jover</div>
            </div>

            
            <div class="partner-item">
                <div class="partner-box">
                    <a href="https://www.lesportiudecatalunya.cat/" target="_blank" rel="noopener">
                        <img src="https://statics-maker.llt-services.com/gir/images/2026/01/15/original/20024520-0c69-4c4e-a004-ded94a20e990-184.png" alt="El Punt - L'Esportiu">
                    </a>
                </div>
                <div class="partner-name">El Punt - L'Esportiu</div>
            </div>

        </div>
    </section>

    
    <section class="partners-section">
        <div class="partners-grid">

            <div class="partners-title">Official collaborators</div>

            
            <div class="partner-item">
                <div class="partner-box">
                    <a href="https://foeg.cat/" target="_blank" rel="noopener">
                        <img src="https://statics-maker.llt-services.com/gir/images/2026/01/15/original/2c90e087-c93d-4db9-86d0-118c6db1ccd9-896.png" alt="FOEG">
                    </a>
                </div>
                <div class="partner-name">FOEG</div>
            </div>

            
            <div class="partner-item">
                <div class="partner-box">
                    <a href="https://www.cifog.cat/" target="_blank" rel="noopener">
                        <img src="https://statics-maker.llt-services.com/gir/images/2026/01/15/original/017f55ac-e8a9-4450-8c7b-3be7334f9cd0-373.png" alt="CIFOG">
                    </a>
                </div>
                <div class="partner-name">CIFOG</div>
            </div>

        </div>
    </section>

</main>

</body>
</html>

Suppliers and collaborators