Default

<div class="PLOurCompetitions">
    <h2 class="PL_Title">
        Onze <br> Competities
    </h2>
    <div class="PL_Links">
        <a href="https://www.proleague.be/jpl" class="PL_Link" aria-label="Jupiler pro league">
            <img src="https://statics-maker.llt-services.com/prl/images/2026/07/29/original/27d34912-4451-4e77-bc2f-c4ec809aa89f-277.png" alt="" role="presentation" data-device="desktop">
            <img src="https://statics-maker.llt-services.com/prl/images/2026/07/29/original/68f35e05-c39e-4d76-a28b-d7fd52aa62e0-988.png" alt="" role="presentation" data-device="mobile">
        </a>
        <a href="https://www.proleague.be/lotto-womens-pro-league" class="PL_Link" aria-label="Lotto women's pro league">
            <img src="https://statics-maker.llt-services.com/prl/images/2026/07/29/original/65b1b1e2-2caa-4f2a-9068-a8f0057f925f-745.png" alt="" role="presentation" data-device="desktop">
            <img src="https://statics-maker.llt-services.com/prl/images/2026/07/29/original/88d3643f-abfc-427e-85d9-25ce14021b3b-213.png" alt="" role="presentation" data-device="mobile">
        </a>
        <a href="https://www.proleague.be/cpl" class="PL_Link" aria-label="Challenger pro league">
            <img src="https://statics-maker.llt-services.com/prl/images/2026/07/29/original/cc92791b-8a57-49ef-96ab-f3a0cc0ae767-919.png" alt="" role="presentation" data-device="desktop">
            <img src="https://statics-maker.llt-services.com/prl/images/2026/07/29/original/e070d79d-ce18-4708-abee-39fbd90fcb03-280.png" alt="" role="presentation" data-device="mobile">
        </a>
        <a href="https://www.proleague.be/crokycup" class="PL_Link" aria-label="Croky cup">
            <img src="https://statics-maker.llt-services.com/prl/images/2026/07/29/original/720e25a7-1e29-4c41-a616-f607a316625b-909.png" alt="" role="presentation" data-device="desktop">
            <img src="https://statics-maker.llt-services.com/prl/images/2026/07/29/original/f2159a28-4826-4251-a1ac-264af43b0eb4-437.png" alt="" role="presentation" data-device="mobile">
        </a>
    </div>
</div>

<style>
.PLOurCompetitions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 32px;
  flex-wrap: wrap;
  color: var(--accessible-text-color);
}

.PLOurCompetitions .PL_Title {
    margin: 0;
    text-transform: uppercase;
    font-family: var(--font-highlighted);
    font-size: 14px;
    font-weight: 500;
    line-height: 100%;
}

.PLOurCompetitions .PL_Links {
    display: flex;
    gap: 32px;
}

.PLOurCompetitions .PL_Link {
    display: flex;
    padding: 6px;
}

.PLOurCompetitions img {
    height: 24px;
    width: auto;
}

.PLOurCompetitions img[data-device="desktop"] {
    display: none;
}

@media (min-width: 900px) {
    .PLOurCompetitions img[data-device="mobile"] {
        display: none;
    }
    
    .PLOurCompetitions img[data-device="desktop"] {
        display: revert;
    }
}
</style>

Home

Facebook