fantasyleague.com was accessible in France

GET https://fantasyleague.com/
Cache-Control:
no-cache, private
Cf-Cache-Status:
DYNAMIC
Cf-Ray:
8cfd4bc7ff17d10b-CDG
Connection:
keep-alive
Content-Type:
text/html; charset=UTF-8
Date:
Wed, 09 Oct 2024 09:20:39 GMT
Nel:
{"success_fraction":0,"report_to":"cf-nel","max_age":604800}
Report-To:
{"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v4?s=PJaFqfVgdaqp8RICUwDEmputj8S%2B5fnl0VYMm6RieeIvGPiep%2FJHLgLA4nTpboh%2BnQcP1CxmVKrjdFNXu4MMuj9kMhPUeCW%2Fe7hnZyM%2BGken5uO6X5NjFMxCZiNj1RtdsFLw"}],"group":"cf-nel","max_age":604800}
Server:
cloudflare
Set-Cookie:
XSRF-TOKEN=eyJpdiI6IjVMUVJkZDhpOEhFY3NLMlBndCtWQVE9PSIsInZhbHVlIjoiUTRVSCtXYWIzSGpCV3BDSE9CNlg2Z2Z6ODA2amRBYXZoQjRTN3ZoYlJlRTdnQk4ybG94VUUrY0lOSGZCY3g4MiIsIm1hYyI6IjljYjA3Y2QyOGMzMmEyMGZhOWZiMDBhNTgwMGViN2UwY2NiNWI4ZjhhMzc3NTI4YWUwNGU1ZDI5OTdmNzdjMTgifQ%3D%3D; expires=Wed, 09-Oct-2024 11:20:39 GMT; Max-Age=7200; path=/
Vary:
Accept-Encoding
<!doctype html>
<!--[if lte IE 9]>
<html lang="en" class="no-focus lt-ie10 lt-ie10-msg">
<![endif]-->
<!--[if gt IE 9]><!-->
<html lang="en" class="no-focus">
<!--<![endif]-->
<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<title>Fantasy League is the original auction-based fantasy football game</title>

<meta name="csrf-token" content="hlrUWbvakmJdKxFgZM5miXrHIBAdsyeyLwYZKtyg">

<link rel="stylesheet" href="/frontend/css/stylesheet.css">

<style type="text/css">

</style>
<!--[if lt IE 8]><!-->
<link rel="stylesheet" href="https://fantasyleague.com/frontend/ie7/ie7.css">
<!--<![endif]-->
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700|Roboto:300,400,700" rel="stylesheet">

</head>
<body>
<div id="jsIsIE" class="bg-secondary incompatible-browser-alert js-isIE p-2 text-center w-auto">
<strong>Please note that this website is not compatible with Internet Explorer. Please use another web browser.</strong>
</div>
<nav class="navbar fixed-top" style="overflow: visible;">
<div class="container-fluid">
<a class="navbar-brand" href="https://fantasyleague.com">
<div class="brand-logo">
<div class="brand-img">
<span class="logo-star">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 71.26 86">
<defs><style>.stars{fill:#009b2d;}.fl-el{fill:#ed9524;}</style></defs>
<g id="Layer_2" data-name="Layer 2">
<g id="Logo">
<path class="stars" d="M21.22,44.17,26.48,30.6l13.57,5.31-5.7,2.46-5-2-2.24,5.77,8.08,3.16-1.45,3.75Zm42.29-16-14,36.11L60,68.3l0,.08-5.17,2.23-11-4.21L60.08,24.46c-.38-.36-.77-.71-1.17-1.06L42.43,65.87l-.52,1.35,1.37.53,9.58,3.67-5.67,2.45L35.63,69.42,54.7,20.27A35.64,35.64,0,0,0,5,68.65L22.61,23.37,47,32.9l-5.1,2.2-16.3-6.38L8.34,73.29c.[scrubbed],1.09,1.24l11.26-29,12.56,4.89-1.42,3.65L23.75,50.9,13.21,78.06a35.63,35.63,0,0,0,50.3-49.88" /><polyline class="fl-el" points="25.07 5.44 27.94 3.37 24.4 3.37 23.31 0 22.22 3.37 18.68 3.37 21.55 5.44 20.44 8.81 23.31 6.72 26.18 8.81 25.07 5.44" /><polyline class="fl-el" points="37.24 5.44 40.11 3.37 36.57 3.37 35.48 0 34.39 3.37 30.86 3.37 33.72 5.44 32.62 8.81 35.48 6.72 38.35 8.81 37.24 5.44" />
<polyline class="fl-el" points="49.42 5.44 52.28 3.37 48.74 3.37 47.65 0 46.56 3.37 43.03 3.37 45.89 5.44 44.79 8.81 47.65 6.72 50.52 8.81 49.42 5.44" />
</g>
</g>
</svg>
</span>
<span class="logo-big">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 71.26 86">
<defs><style>.stars{fill:#009b2d;}.fl-el{fill:#ed9524;}</style></defs>
<g id="Layer_2" data-name="Layer 2">
<g id="Logo">
<path class="stars" d="M21.22,44.17,26.48,30.6l13.57,5.31-5.7,2.46-5-2-2.24,5.77,8.08,3.16-1.45,3.75Zm42.29-16-14,36.11L60,68.3l0,.08-5.17,2.23-11-4.21L60.08,24.46c-.38-.36-.77-.71-1.17-1.06L42.43,65.87l-.52,1.35,1.37.53,9.58,3.67-5.67,2.45L35.63,69.42,54.7,20.27A35.64,35.64,0,0,0,5,68.65L22.61,23.37,47,32.9l-5.1,2.2-16.3-6.38L8.34,73.29c.[scrubbed],1.09,1.24l11.26-29,12.56,4.89-1.42,3.65L23.75,50.9,13.21,78.06a35.63,35.63,0,0,0,50.3-49.88" /><polyline class="fl-el" points="25.07 5.44 27.94 3.37 24.4 3.37 23.31 0 22.22 3.37 18.68 3.37 21.55 5.44 20.44 8.81 23.31 6.72 26.18 8.81 25.07 5.44" /><polyline class="fl-el" points="37.24 5.44 40.11 3.37 36.57 3.37 35.48 0 34.39 3.37 30.86 3.37 33.72 5.44 32.62 8.81 35.48 6.72 38.35 8.81 37.24 5.44" />
<polyline class="fl-el" points="49.42 5.44 52.28 3.37 48.74 3.37 47.65 0 46.56 3.37 43.03 3.37 45.89 5.44 44.79 8.81 47.65 6.72 50.52 8.81 49.42 5.44" />
</g>
</g>
</svg>
</span>
</div>
</div>
</a>
<style>
            .navbar.is-open .brand-logo .brand-img span svg .stars {
                fill: #009b2d;
            }
            .navbar.is-open .brand-logo .brand-img span svg .fl-el {
                fill: #ed9524;
            }
            .navbar-nav:after {
                color: #ed9524;
            }
            .user-icon {
                background: url("/img/2024-frontpage/user-menu.png") no-repeat top center;
                width: 45px;
                height: 45px;
                display: block;
                background-size: contain;
            }
            #user-menu {
                position: absolute;
                right: 87px;
                top: 60px;
                display: none;
            }
            #user-menu .user-nav {
                background-color: #f5f5f5;
                padding: 2px 18px 12px;
                display: block;
                list-style-type: none;
            }
            #user-menu .nav-item {
                margin-top: 10px;

            }
            #user-menu .nav-item a {
                margin-right: 0 !important;
                min-width: 142px;
            }
            #user-menu.navbar-collapse.collapse.show {
                flex-basis: auto;
                flex-grow: 0;
            }
            .user-dropdown-button {
                margin-left: auto; 
                margin-top: -7px;
                border:hidden;
                background:transparent;
            }
            .navbar.is-open .user-dropdown-button,
            .navbar.is-open #user-menu {
                display: none !important;
            }
            @media  screen and (min-width: 1200px) {
                #user-menu {
                    top: 73px;
                }
            }
        </style>
<script>
            document.addEventListener("DOMContentLoaded", () => {
                const userDropdownMenuButton = document.querySelector(".user-dropdown-button")
                userDropdownMenuButton.addEventListener("click", (event) => {
                    event.preventDefault()
                    const userDrownMenu = document.querySelector("#user-menu")
                    if (userDrownMenu.style.display === "block") {
                        userDrownMenu.style.display = "none"
                    } else {
                        userDrownMenu.style.display = "block"
                    }
                })
            })
        </script>
<button class="user-dropdown-button" type="button" aria-controls="User Menu" aria-expanded="false" aria-label="Toggle navigation">
<div class="nav-btn">
<span class="fl user-icon" style="transform: skewX(349deg);"></span>
</div>
</button>
<div id="user-menu" style="display: none;">
<ul class="user-nav">
<li class="nav-item">
<a href="https://fantasyleague.com/home" class="btn btn-outline-secondary px-4 px-sm-5 mr-2 mr-sm-4"><span>Sign up</span></a>
</li>
<li class="nav-item">
<a href="https://fantasyleague.com/login" class="btn btn-secondary px-4 px-sm-5"><span>login</span></a>
</li>
</ul>
</div>
<style>
            #FL-Menu ul li a {
                color: #000;
                font-size: 4.75rem;
                line-height: 4.20rem;
            }
            @media  screen and (max-width: 1200px) {
                #FL-Menu ul li a {
                    font-size: 2.75rem;
                    line-height: 2.40rem;
                }
            }
        </style>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#FL-Menu" aria-controls="FL-Menu" aria-expanded="false" aria-label="Toggle navigation">
<div class="nav-btn">
<span class="fl fl-bar"></span>
</div>
</button>
<div class="collapse navbar-collapse" id="FL-Menu">
<ul class="navbar-nav">
<li class="nav-item ">
<a href="https://fantasyleague.com/rules" class="nav-link">Game Rules</a>
</li>
<li class="nav-item ">
<a href="https://fantasyleague.com/gameguide" class="nav-link">GAME GUIDE</a>
</li>
<li class="nav-item ">
<a href="https://fantasyleague.com/about" class="nav-link">About</a>
</li>
<li class="nav-item ">
<a href="https://fantasyleague.com/contact" class="nav-link">Contact</a>
</li>
<li class="nav-item ">
<a href="https://fantasyleague.com/terms" class="nav-link" style="text-transform: none;">T&Cs</a>
</li>
<li class="nav-item ">
<a href="https://fantasyleague.com/privacy" class="nav-link">Privacy Policy</a>
</li>
</ul>
</div>
</div>
</nav>
<style type="text/css">
section {
    min-height: inherit;
    padding-bottom: 60px;
}
@media  screen and (max-width: 980px) {
    section {
        padding-bottom: 15px;
    }
}
.text-wrap {
    text-align: center;
}
.hero-section {
    min-height: inherit;
}
.navbar {
    background: #f5f5f5;
}
.first-slide {
    flex-direction: column;
    align-items: center;
}
.hero-section .hero-title {
    line-height: 15vh;
}
.hero-section .hero-block {
    position: relative;
    padding: 40px;
    padding-top: 72px;
    text-align: center;
}
.hero-section .hero-title.text-black {
    color: black;
}
.hero-section .hero-block.first-slide .hero-title {
    font-size: 11.4vh;
    text-transform: none;
}
.n1 .line1 {
    margin-left: 5vw;
    padding-top: 29px;
}
.n1 .line2 {
    margin-left: 6vw;
    line-height: 6vh;
}
.n1 .line3 {
    margin-left: -16vw;
    margin-top: 3vh;
}
.n1 .line4 {
    margin-left: -21vw;
    line-height: 6vh;
}
.n1 .line5 {
    margin-left: -20vw;
}
.spacer {
    display: block;
    height: 18px;
}
.section {
    display: flex;
    flex-direction: column;
}/**test */
.section .copy{
    color: black;
    margin-top: auto;
}
#section-6 .section .copy {
    margin-bottom: 1rem;
}
.section .hero-title.text-black {
    font-size: 3rem;
    line-height: 3.3rem;
    align-self: flex-end;
    text-transform: none;
    position: relative;
    z-index: 2;
    text-align: left;
}
.internal-section-container {
    display: flex;
    padding-top: 50px;
}

.section-content-container {
  flex: 0 0 60%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}

.section-image-container {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  z-index: 2;
}

    .section-image-container img {
        align-self: center;
        max-height: 45vw;
        height: 100%;
        width: auto;
    }
.shape-layer {
    z-index: 0;
}
.next-section {
    text-align: center;
    cursor: default;
    padding: 15px;
}
.social-btns .social-link {
    font-size: 64px;
}
@media  screen and (max-width: 1400px) {
    .section .hero-title.text-black {
        font-size: 2.5rem;
        line-height: 2.5rem;
    }
}
@media  screen and (max-width: 980px) {
    .next-section {
        position: relative;
        top: 10px;
    }
    [data-next-section="section-1"] {
        top: 42px;
    }
    [data-next-section="section-6"] {
        top: 6px;
    }
    .next-section img.mobile {
        display: inline-block;
    }
    .next-section img.desktop {
        display: none;
    }
    .internal-section-container {
        padding-top: 60px;
    }
}
@media  screen and (min-width: 980px) {
    .next-section img.mobile {
        display: none;
    }
    .next-section img.desktop {
        display: inline-block;
    }
}
/* @todo: replace these with designer provided icons...*/
.next-section img {
    max-width: 50px;
    transform: rotate(360deg);
}

#section-0 .hero-section .hero-block {
    padding-top: 26px;
    padding-bottom: 45px;
}

section#section-0.hero-section {
    padding-bottom: 0;
}

@media  screen and (max-width: 1200px) {
    .hero-section .hero-block {
        padding-top: 45px;
    }
}

@media  screen and (max-width: 980px) {
    .hero-section .hero-block {
        padding: 46px 108px 64px;
    }
    .hero-section .hero-block.first-slide .hero-title {
        font-size: 6.9rem;
        line-height: 6.2rem;
    }
    .hero-section .hero-block.first-slide .hero-title.line5 {
        font-size: 4rem;
        line-height: 4rem;
    }

    .n1 .line3,
    .n1 .line5,
    .n1 .line4 {
        margin-left: 0;
    }
}

@media  screen and (max-width: 811px) {
    .hero-section .hero-block.first-slide .hero-title {
        font-size: 6rem;
    }
}

@media  screen and (max-width: 600px) {
    .section .hero-title.text-black {
        font-size: 2.5rem;
    }
}

@media (orientation: landscape) and (max-device-width: 896px) {
    #section-0 .hero-section .hero-block.first-slide .hero-title {
        font-size: 4rem;
        line-height: 3rem;
    }
}
</style>
<script>
window.addEventListener("DOMContentLoaded", () => {
    const nextSectionButtons = document.querySelectorAll(".next-section")
    // function scrollIntoView(target) {
    //     document.getElementById(target).scrollIntoView({
    //         behavior: "smooth",
    //         block: "start",
    //         inline: "nearest"
    //     })
    // }
    Array.from(nextSectionButtons).map((button) => {
        button.addEventListener("click", (event) => {
            event.preventDefault()
            // const target = button.dataset.nextSection
            // console.log("target selection", target)
            // scrollIntoView(target)
        })
    })

})
</script>
<style>
    .green-bg {
        background: #00952b;
        position: absolute;
        width: 31%;
        height: 91%;
        display: block;
        margin: 0 auto;
        transform: skewX(339deg);
        align-self: center;
    }
    @media  screen and (max-width: 1400px) {
        .internal-section-container {
            padding-top: 30px;
        }
        .green-bg {
            width: 40%;
        }
    }
    /* @media  screen and (max-width: 1250px) {
        .green-bg {
            width: 50%;
        }
    } */
    @media  screen and (min-width: 980px) {
        #section-0 .green-bg {
            width: 67vh;
        }
        /* .green-bg {
            width: 40%;
        } */
        .n1 .line3 {
            margin-left: -9vw;
        }
        .n1 .line4 {
            margin-left: -17vw;
        }
        .n1 .line5 {
            margin-left: -14vw;
            font-size: 7vh !important;
        }
    }
    @media  screen and (max-width: 980px) {
        /* hide green-bg on mobile but keep on first section */
        .green-bg {
            display: none;
        }
        #section-0 .green-bg {
            display: block;
            transform: skewX(-13deg);
            width: 70%;
        }
        #section-6 .text-wrap .hero-title.text-black,
        #section-4 .text-wrap .hero-title.text-black {
            font-size: 1.65rem;
            line-height: 1.65rem;
        }
    }

    @media  screen and (min-width: 980px) {
        #section-7 .mobile {
            display: none;
        }
        #section-7 .desktop {
            display: block;
        }
    }
    @media  screen and (max-width: 980px) {
        #section-7 .mobile {
            display: block;
        }
        #section-7 .desktop {
            display: none;
        }
    }
    @media  screen and (max-width: 900px) {
        .n1 .line1 {
            margin-left: 15vw;
        }
        .n1 .line2 {
            margin-left: 12vw;
        }
    }
    @media  screen and (min-width: 1400px) {
        .n1 .line4 {
            margin-left: -12vw;
        }
        .n1 .line5 {
            margin-left: -12vw;
        }
    }
    @media  screen and (max-width: 775px) {
        #section-0 .green-bg {
            width: 79%;
            transform: skewX(353deg);
        }
        .n1 .line1,
        .n1 .line2,
        .n1 .line3,
        .n1 .line4,
        .n1 .line5 {
            margin-left: 0 !important;
        }
        .n1 .line5 {
            font-size: 3rem !important;
        }
        #section-6 .text-wrap .hero-title.text-black,
        #section-4 .text-wrap .hero-title.text-black {
            font-size: 1.50rem;
            line-height: 1.65rem;
        }
    }
    @media  screen and (max-width: 775px) { 
        .hero-section .hero-block.first-slide .hero-title {
            font-size: 5.6rem;
            line-height: 4.9rem;
        }
    }
    @media  screen and (max-width: 650px) {
        #section-0 .green-bg {
            transform: skewX(354deg);
        }
    }

    @media  screen and (max-width: 550px) {
        section {
            padding-bottom: 0;
        }
        #section-0 .green-bg {
            width: 80%;
            transform: skewX(358deg);
            margin-top: 27px;
        }
        .hero-section .hero-block {
            padding: 40px;
            padding-top: 72px;
        }
        #section-0 .hero-section .hero-block {
            padding-bottom: 10px;
        }
        .hero-section .hero-block.first-slide .hero-title {
            font-size: 3.5rem;
            line-height: 3.5rem;
        }
        .hero-section .hero-block.first-slide .hero-title {
            font-size: 4.2rem;
        }
    }
    @media  screen and (max-width: 450px) { 
        .hero-section .hero-block.first-slide .hero-title {
            font-size: 3.6rem;
        }
        .hero-section .hero-block {
            padding: 3rem 13px 0;
        }
    }
    @media  screen and (max-width: 422px) {
        #section-7 .section .hero-title.text-black br {
            content: "";
        }
        #section-7 .section .hero-title.text-black br:after {
            content: " ";
        }
    }
</style>
<section class="hero-section" id="section-0">
<div class="container-fluid n1">
<div class="green-bg"></div>
<div class="hero-block first-slide">
<h1 class="hero-title text-center line1">Welcome to</h1>
<h1 class="hero-title text-center line2">Fantasy League</h1>
<h2 class="hero-title text-center line3 text-black">Everything</h2>
<h2 class="hero-title text-center line4 text-black">else is VAR*</h2>
<h3 class="hero-title text-center line5 text-black">(* Very Absurd Rules)</h2>
</div>
<nav class="container text-center">
<a href="#" class="next-section" data-next-section="section-1">
<img src="/img/2024-frontpage/down-chevron.png" alt="Next Section" title="Next Section" class="mobile" />
<img src="/img/2024-frontpage/down-chevron-black.png" alt="Next Section" title="Next Section" class="desktop" />
</a>
</nav>
</div>
</section>

<style>
/** desktop */
.p2-small {
    z-index: 2;
    position: relative;
    max-height: 300px;
}
.p2-small.mobile {
    display: none;
}
.pe-small.mobile.haaland-grey {
    max-width: 20%;
    min-width: 200px;
}
@media  screen and (max-width: 1400px) {
    .p2-small {
        max-height: 250px;
    }
}
@media  screen and (max-width: 1200px) {
    .p2-small {
        max-height: 230px;
    }
    .section .hero-title.text-black {
        font-size: 2.2rem;
        line-height: 2.3rem;
    }
}
@media  screen and (max-width: 980px) {
    .shape-layer.desktop {
        display: none;
    }
    .p2-small {
        z-index: 2;
        position: relative;
        max-height: inherit;
        height: inherit;
        width: 100%;
        min-width: 300px;
        max-width: 50%;
    }
    .section .hero-title.text-black {
        text-align: center;
    }
    .internal-section-container {
        height: inherit;
        flex-flow: inherit;
        align-items: center;
    }
    .p2-small.mobile {
        display: inline-block;
    }
    .hero-section.copy.section-content-container {
        flex: inherit !important;
    }
    .text-wrap {
        text-align: center;
    }
    .section-image-container {
        display: none;
    }

    .section-content-container {
        flex: 0 0 60%;
        display: flex;
        align-items: flex-end;
        justify-content: flex-start;
    }
    #section-6 .p2-small {
        min-width: auto;
        padding-left: 25px;
    }
}
@media  screen and (max-width: 780px) {
    .p2-small {
        min-width: 250px;
        max-width: 50%;
    }
    .section .hero-title.text-black{
        font-size: 1.6rem;
        line-height: 1.8rem;
    }
}
@media  screen and (max-width: 500px) {
    #section-3 .p2-small.mobile{
        max-width: 200px;
        min-width: auto;
    }
}
@media  screen and (max-width: 400px) {
    .section .hero-title.text-black {
        font-size: 1.5rem;
    }
}
</style>
<section id="section-1">
<div class="container section">
<div class="green-bg"></div>
<div class="internal-section-container">
<div class="hero-section copy section-content-container" style="flex: 0 0 55%;">
<div class="text-wrap">
<img src="/img/2024-frontpage/haaland-p2-small.png" class="p2-small desktop" alt="Erling Haaland in other clubs shirts" title="Erling Haaland in other clubs shirts" />
<img src="/img/2024-frontpage/slide2-mobile.png" class="p2-small group mobile" alt="Football players in other clubs shirts" title="Football players in other clubs shirts" />
<h2 class="hero-title text-black">
What kind of league is it where<br>
every manager can pick the same<br>
players? Where last season,<br>
91% of the teams had Erling<br>
Haaland in them? That's like when<br>
Erling scored for City, he scored<br>
for Arsenal, Liverpool and Villa too.
</h2>
</div>
</div>
<div class="section-image-container">
<img src="/img/2024-frontpage/haaland-p2.png" alt="Erling Haaland in other clubs shirts" title="Erling Haaland in other clubs shirts" />
</div>
</div>
<nav class="container text-center">
<a href="#" class="next-section" data-next-section="section-2" title="Move to the next section">
<img src="/img/2024-frontpage/down-chevron.png" alt="Next Section" title="Next Section" class="mobile" />
<img src="/img/2024-frontpage/down-chevron-black.png" alt="Next Section" title="Next Section" class="desktop" />
</a>
</nav>
</div>
</section>
<style>
#section-2 .section-image-container img{
    position: relative;
    left: -133px;
    top: 36px;
}
</style>
<section id="section-2">
<div class="container section">
<div class="green-bg"></div>
<div class="internal-section-container">
<div class="hero-section copy section-content-container">
<div class="text-wrap">
<img src="/img/2024-frontpage/haaland-p3-small.png" class="p2-small desktop" alt="Erling Haaland in other clubs shirts" title="Erling Haaland in other clubs shirts" />
<img src="/img/2024-frontpage/slide3-mobile.png" class="p2-small group mobile" alt="Football players in other clubs shirts" title="Football players in other clubs shirts" />
<h2 class="hero-title text-black">
And for Spurs, Chelsea,<br>
Newcastle, and Man U.
<div class="spacer"></div>
Not to mention West Ham, Palace,<br>
Brighton, Bournemouth, Fulham, Wolves,<br>
Everton, Brentford, Forest and Luton.
<div class="spacer"></div>
Ridiculous, but that's fantasy football<br>
played the FPL way.
</h2>
</div>
</div>
<div class="section-image-container">
<img src="/img/2024-frontpage/slide3.png" alt="Erling Haaland in other clubs shirts" title="Erling Haaland in other clubs shirts" />
</div>
</div>
<nav class="container text-center">
<a href="#" class="next-section" data-next-section="section-3" title="Move to the next section">
<img src="/img/2024-frontpage/down-chevron.png" alt="Next Section" title="Next Section" class="mobile" />
<img src="/img/2024-frontpage/down-chevron-black.png" alt="Next Section" title="Next Section" class="desktop" />
</a>
</nav>
</div>
</section>
<style>
#section-3 .copy {
flex: 0 0 40%;
}
@media  screen and (max-width: 1000px) {
    #section-3 .copy {
        flex: 0 0 50%;
    }
}
@media  screen and (max-width: 1000px) {
    #section-3 .hero-section.copy.section-content-container {
        flex: inherit;
        min-height: auto;
    }
    #section-3 .text-wrap {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
    }
    #section-3 .text-wrap .hero-title.text-black {
        margin: 0;
        align-self: center;
    }
}
@media  screen and (max-width: 650px) {
    #section-3 .text-wrap {
        display: block;
    }
    #section-3 .text-wrap .hero-title.text-black {
        margin-top: 20px;
    }
}
</style>
<section id="section-3">
<div class="container section">
<div class="green-bg"></div>
<div class="internal-section-container">
<div class="hero-section copy section-content-container">
<div class="text-wrap">
<img src="/img/2024-frontpage/erling-haaland-grey-large.png" alt="Erling Haaland Celebrating" title="Erling Haaland Celebrating" class="mobile p2-small" />
<h2 class="hero-title text-black">
Fantasy League is different<br>
because if you have Haaland,<br>
then no other team in your<br>
league has him. There really<br>
is "only one Erling Haaland".
<div class="spacer"></div>
When he scores for you, he only<br>
scores for you.
<div class="spacer"></div>
Surely, this is the way to play<br>
fantasy football.
</h2>
</div>
</div>
<div class="section-image-container">
<img src="/img/2024-frontpage/erling-haaland-grey-large.png" alt="Erling Haaland Celebrating" title="Erling Haaland Celebrating" class="haaland-large-grey" />
</div>
</div>
<nav class="container text-center">
<a href="#" class="next-section" data-next-section="section-4" title="Move to the next section">
<img src="/img/2024-frontpage/down-chevron.png" alt="Next Section" title="Next Section" class="mobile" />
<img src="/img/2024-frontpage/down-chevron-black.png" alt="Next Section" title="Next Section" class="desktop" />
</a>
</nav>
</div>
</section>
<style>
    .pint-of-beer {
        position: relative;
        bottom: -16px;
    }
    @media  screen and (max-width: 1000px) {
        #section-4 .section-content-container {
            flex: 0 0 67%;
        }
    }

    @media  screen and (max-width: 1000px) {
        #section-4 .hero-section.copy.section-content-container {
            flex: inherit;
            min-height: auto;
        }
        #section-4 .text-wrap {
            display: flex;
            flex-direction: row-reverse;
            align-items: center;
        }
        #section-4 .text-wrap .hero-title.text-black {
            margin: 0;
            align-self: center;
        }
    }
    @media  screen and (max-width: 980px) {
        .pint-of-beer {
            position: static;
        }
    }
    @media  screen and (max-width: 650px) {
        #section-4 .text-wrap {
            display: block;
        }
        #section-4 .text-wrap .hero-title.text-black {
            margin-top: 20px;
        }

    }
</style>
<section id="section-4">
<div class="container section">
<div class="green-bg"></div>
<div class="internal-section-container">
<div class="hero-section copy section-content-container">
<div class="text-wrap">
<img src="/img/2024-frontpage/pint-of-beer.png" alt="Pint of beer" title="Pint of beer" class="mobile p2-small" />
<h2 class="hero-title text-black">
So how exactly does it work?
<div class="spacer"></div>
The action always starts with the auction<br>
(a.k.a. 'The Best Night Of The Year').
<div class="spacer"></div>
You all gather round a table (often in a pub)<br>
and the bidding (often beer-fuelled) begins.
<div class="spacer"></div>
0nly one thing is certain - when you wake up<br>
next morning (often with a headache),<br>
everyone in your league has their own<br>
unique squad with their own unique players.
<div class="spacer"></div>
Let the game and the banter begin.
</h2>
</div>
</div>
<div class="section-image-container">
<img src="/img/2024-frontpage/pint-of-beer.png" alt="Pint of beer" title="Pint of beer" class="pint-of-beer" />
</div>
</div>
<nav class="container text-center">
<a href="#" class="next-section" title="Move to the next section">
<img src="/img/2024-frontpage/down-chevron.png" alt="Next Section" title="Next Section" class="mobile" />
<img src="/img/2024-frontpage/down-chevron-black.png" alt="Next Section" title="Next Section" class="desktop" />
</a>
</nav>
</div>
</section>
<style type="text/css">
.video-container {
    display: flex;
    flex-direction: row;
    min-height: 38vh;
    margin-left: 10rem;
    max-width: 100%;
}
.video-container iframe {
    width: 90%;
    z-index: 2;
}
@media  screen and (min-width: 1400px) {
    .video-container {
        min-height: 60vh;
    }
}
@media  screen and (min-width: 1100px) {
    .video-container {
        margin-top: 5rem;
    }
}
.p2-small.group.mobile {
    max-width: 400px;
    margin: 0 auto;
}
@media  screen and (min-width: 980px) {
    .p2-small.desktop {
        display: block;
    }
    .p2-small.group.mobile {
        display: none;
    }
}
@media  screen and (max-width: 980px) {
    .p2-small.desktop {
        display: none;
    }
    .p2-small.group.mobile {
        display: block;
    }
}
@media  screen and (max-width: 980px) {
    .video-container {
        margin: 0;
        min-height: 38vh;
    }
    .video-container iframe{
        width: 100%;
        height: auto;
    }
    #section-5 .hero-title.text-black {
        margin-left: auto;
        margin-right: auto;
    }
}
@media  screen and (max-width: 650px) {
    .video-container {
        min-height: 36vh;
    }
    #section-4 .p2-small {
        min-width: auto;
        max-width: 45%;
    }
}
@media  screen and (max-width: 550px) {
    #section-5 .container.mt-5 {
        margin-top: 20px !important;
    }
    #section-5 .hero-section {
        padding-top: 0;
    }
}
@media  screen and (max-width: 450px) {
    #section-5 .container.mt-5 {
        margin-top: 20px !important;
    }
    .video-container {
        min-height: inherit;
        margin-bottom: 20px;
    }
    .section .hero-title.text-black {

    }
    #section-5 .section .hero-title.text-black br {
        content: "";
    }
    #section-5 .section .hero-title.text-black br:after {
        content: " ";
    }
}
@media  screen and (max-width: 400px) {
    #section-5 .hero-title.text-black {
        margin-top: -10px;
    }
    .p2-small.mobile {
        max-width: 275px;
    }
}
.section-image-container img.haaland-large-grey {
    max-height: 48vw;
}
/* Styles for retina screens and desktops (min-width: 980px) */
@media  screen and (min-width: 980px) and (max-width: 1600px) {
    @media  screen and (min-resolution: 192dpi), (min-resolution: 2dppx) and (-webkit-min-device-pixel-ratio: 2) {
      .section .hero-title.text-black {
        font-size: 2.4rem;
        line-height: 2.4rem;
      }
      .section-image-container img {
        max-height: 40vw;
      }
      #section-4 .section-image-container img {
        max-height: 38vw;
      }
      .section-image-container img.haaland-large-grey {
        max-height: 42vw;
      }
    }
    @media  screen and (max-width: 1200px) {
        #section-7 .section .hero-section.copy {
            flex: 0 0 70%;
        }
        .play-buttons-container a {
            min-width: 122px;
        }
        .play-buttons-container .title {
            font-size: 1.6rem;
        }
    }
}
</style>
<section id="section-5">
<div class="container-fluid section">
<div class="green-bg"></div>
<div class="container-fluid">
<div class="video-container">
<iframe src="https://player.vimeo.com/video/956012257?badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479&amp;loop=1" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write" title="Fantasy League RVP Full"></iframe>
<script src="https://player.vimeo.com/api/player.js"></script>
</div>
<div class="container mt-5">
<div class="hero-section copy" style="min-height: auto;">
<h2 class="hero-title text-black">
Here's a slice of classic Fantasy League<br>
action to show you exactly what we mean.
</h2>
</div>
</div>
</div>
<nav class="container text-center">
<a href="#" class="next-section" title="Move to the next section">
<img src="/img/2024-frontpage/down-chevron.png" alt="Next Section" title="Next Section" class="mobile" />
<img src="/img/2024-frontpage/down-chevron-black.png" alt="Next Section" title="Next Section" class="desktop" />
</a>
</nav>
</div>
</section>
<style>
    @media  screen and (max-width: 1200px) {
        #section-6 .section .hero-section.copy {
            flex: 0 0 64%;
        }
    }
    @media  screen and (max-width: 1000px) {
        #section-6 .hero-section.copy.section-content-container {
            flex: 0 0 76%;
            min-height: auto;
        }
        #section-6 .text-wrap {
            display: flex;
            flex-direction: row-reverse;
            align-items: center;
        }
        #section-6 .text-wrap .hero-title.text-black {
            margin: 0;
            align-self: center;
        }
    }
    @media  screen and (max-width: 650px) {
        #section-6 .text-wrap {
            display: block;
        }
        #section-6 .text-wrap .hero-title.text-black {
            margin-top: 20px;
        }

    }
    @media  screen and (max-width: 500px) {
        #section-6 .p2-small.mobile {
            min-width: 75%;
            padding-left: 0;
        }
    }
</style>
<section id="section-6">
<div class="container section">
<div class="green-bg"></div>
<div class="internal-section-container">
<div class="hero-section copy section-content-container">
<div class="text-wrap">
<img src="/img/2024-frontpage/Ceefax_1991_bw.jpg" alt="BBC Ceefax" title="BBC Ceefax" class="mobile p2-small" />
<h2 class="hero-title text-black">
Hold on, we're showing you highlights from<br>
10 years ago. Exactly. The players may have<br>
changed but the game goes marching on.<br>
The original and still the best, this is how<br>
fantasy football is meant to be played.
<div class="spacer"></div>
Hardly surprising as we were the ones that<br>
started the ball rolling back in 1991, before<br>
there was a Premier League, never mind<br>
a Fantasy Premier League, and Erling<br>
wasn't even a twinkle in a manager's eye.
</h2>
</div>
</div>
<div class="section-image-container">
<img src="/img/2024-frontpage/Ceefax_1991_bw.jpg" alt="BBC Ceefax" title="BBC Ceefax" />
</div>
</div>
<nav class="container text-center">
<a href="#" class="next-section" data-next-section="get-started-button" title="Move to the next section">
<img src="/img/2024-frontpage/down-chevron.png" alt="Next Section" title="Next Section" class="mobile" />
<img src="/img/2024-frontpage/down-chevron-black.png" alt="Next Section" title="Next Section" class="desktop" />
</a>
</nav>
</div>
</section>
<style type="text/css">
    .play-buttons-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .play-buttons-container .title {
    font-family: "Trump Gothic Pro", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 45px;
    color: #fff;
    display: block;
    text-align: center;
    }
    .play-buttons-container a {
        display: block;
        background: black;
        padding: 20px 0px 3px;
        text-align: center;
        min-width: 172px;
    }
    .play-buttons-container a:hover,
    .play-buttons-container a:active,
    .play-buttons-container a:focus {
        background-color: #424242;
    }
    .play-buttons-container a.first {
        transform: rotate(354deg);
    }
    .play-buttons-container a.second {
        transform: rotate(7deg);
        position: relative;
        left: 128px;
        top: 5px;
    }
    .play-buttons-container a.third {
        transform: rotate(2deg);
        position: relative;
        top: 0px;
    }
    .play-buttons-container a.fourth {
        transform: rotate(355deg);
        position: relative;
        left: 95px;
        top: 6px;
    }
.section-image-container img.play-button {
    width: 60px;
    height: 60px;
}
.section-content-container .hero-title a {
    color: black;
    text-decoration: underline;
}
#section-7 .section .hero-section.copy {
    flex: 0 0 70%;
}
@media  screen and (max-width: 980px) {
    .play-buttons-container a {
        min-width: 122px;
    }
    .play-buttons-container .title {
        font-size: 1.6rem;
    }
}
</style>
<script>
    document.addEventListener("DOMContentLoaded", () => {
    let currentAudio = null; // Variable to track the currently playing audio

    document.querySelectorAll('.play-buttons-container a').forEach(link => {
        link.addEventListener('click', function(e) {
            e.preventDefault();
            var audio = document.getElementById(link.querySelector('img').getAttribute('data-audio'));
            var img = link.querySelector('img');

            // If there is a currently playing audio and it's not the same as the one being clicked, pause it
            if (currentAudio && currentAudio !== audio) {
                currentAudio.pause();
                currentAudio.currentTime = 0;
                let currentImg = document.querySelector(`img[data-audio="${currentAudio.id}"]`);
                if (currentImg) {
                    currentImg.src = "/img/2024-frontpage/play-button.png"; // Change to the path of your play button image
                }
                currentAudio = null;
            }

            // Add event listener for when the audio ends
            audio.addEventListener('ended', function() {
                img.src = "/img/2024-frontpage/play-button.png";
                currentAudio = null;
            });

            // Play or pause the audio and update the icon
            if (audio.paused) {
                audio.play();
                img.src = "/img/2024-frontpage/pause-button.png"; // Change to the path of your pause button image
                currentAudio = audio; // Set the current audio to the one being played
            } else {
                audio.pause();
                img.src = "/img/2024-frontpage/play-button.png"; // Change to the path of your play button image
                currentAudio = null; // Reset current audio if paused
            }
        });
    });
});
</script>
<style>
.get-started-button-container {
    position: relative;
    top: -54px;
    right: 35px;
}
#get-started-button {
    padding: 14px;
    margin-left: 2vw;
    background: #fff;
    border: 1px solid black;
    color: #009b2d !important;
    font-size: 43px;
    text-transform: none;
    word-spacing: 2px;
}
#get-started-button:active, 
#get-started-button:hover {
    background-color: #ED9524 !important;
    color: #fff !important;
    border-color: #fff !important;
}
.btn > span {
    margin-top: 3px;
    color: #000;
}
.btn span:hover {
    color: #fff;
}
#section-7 .section .hero-title.text-black {
    margin-bottom: 6rem;
}
@media  screen and (max-width: 1440px) and (max-height: 900px) {
    .section-image-container img.play-button {
        width: 30px;
        height: 30px;
    }
}
@media  screen and (max-width: 980px) {
    #section-7 .internal-section-container {
        flex-direction: column-reverse;
        height: auto;
    }
    #section-7 .section-image-container.play-buttons-container {
        flex-wrap: wrap;
        justify-content: center;
        gap: 45px;
    }
    #section-7 .hero-section.copy.section-content-container {
        justify-content: center;
        min-height: auto;
        padding-top: 60px;
    }
    #section-7 .section .hero-title.text-black {
        margin-bottom: 0;
    }
    .section-image-container img.play-button {
        width: 30px;
        height: 30px;
    }
    .play-buttons-container a.first {
        transform: rotate(2deg);
    }
    .play-buttons-container a.second {
        transform: rotate(353deg);
        left: 0;
        top: 0;
    }
    .play-buttons-container a.third {
        transform: rotate(353deg);
    }
    .play-buttons-container a.fourth {
        transform: rotate(359deg);
        left: 0;
    }
    .get-started-button-container {
        top: 0;
    }
}

@media  screen and (max-width: 980px) {
    .get-started-button-container {
        position: static;
        margin-top: 40px;
    }
}

br.small-mobile-only {
    display: none;
}
.spacer.mobile-only {
    display: none;
}
@media  screen and (max-width: 600px) {
    .spacer.mobile-only {
        display: block;
    }
    br.small-mobile-only {
        display: block;
        content: ""
    }
    br.small-mobile-only:after {
        content: " "
    }
}
@media  screen and (max-width: 380px) {
    #section-7 .text-wrap {
        padding: 0 2px;
    }
    .n1 .line5 {
        font-size: 2.4rem !important;
    }
}
</style>
<section id="section-7">
<div class="container section">
<div class="green-bg"></div>
<div class="internal-section-container flex flex-col lg:flex-row">
<div class="hero-section copy section-content-container">
<div class="text-wrap">
<h2 class="hero-title text-black">
So, what happens next?<br class="small-mobile-only" /> <div class="spacer mobile-only"></div>This is where things get really,<br>
really easy (think a Halaand tap-in from half a yard).
<div class="spacer"></div>
<a href="/pdf/starter-pack/FL_Starter_PDF.pdf" title="Download starter pack" alt="Download starter pack">Download our starter pack</a> and start rounding up<br>
your mates for the auction that kicks everything off.
<div class="spacer"></div>
<span class="mobile">There are also these four explainer audios here from Jessy and Chris who host our #InADifferentLeague&nbsp;podcast</span>
<span class="desktop">There are also these four explainer audios on the right.</span>
<div class="spacer"></div>
And if you still have any questions (like "How did<br>
Núñez miss that?") just email us and a real human<br>
from our backroom staff will write straight back.
</h2>
</div>
</div>
<div class="section-image-container play-buttons-container">
<a href="#" class="first">
<audio id="audio-1" src="/audio/fl-the-game.mp3" style="display:none;"></audio>
<img src="/img/2024-frontpage/play-button.png" alt="Play 'The Game' Sound Clip" title="Play 'The Game' Sound Clip" class="play-button" data-audio="audio-1" />
<span class="title">The Game</span>
</a>
<a href="#" class="second">
<audio id="audio-2" src="/audio/fl-the-auction.mp3" style="display:none;"></audio>
<img src="/img/2024-frontpage/play-button.png" alt="Play 'The Auction' Sound Clip" title="Play 'The Auction' Sound Clip" class="play-button" data-audio="audio-2" />
<span class="title">The Auction</span>
</a>
<a href="#" class="third">
<audio id="audio-3" src="/audio/fl-the-rules.mp3" style="display:none;"></audio>
<img src="/img/2024-frontpage/play-button.png" alt="Play 'The Rules' Sound Clip" title="Play 'The Rules' Sound Clip" class="play-button" data-audio="audio-3" />
<span class="title">The Rules</span>
</a>
<a href="#" class="fourth">
<audio id="audio-4" src="/audio/fl-fl-vs-fpl.mp3" style="display:none;"></audio>
<img src="/img/2024-frontpage/play-button.png" alt="Play 'The FL vs FPL' Sound Clip" title="Play 'The FL vs FPL' Sound Clip" class="play-button" data-audio="audio-4" />
<span class="title">FL vs FPL</span>
</a>
</div>
</div>
<div class="flex flex-row text-center get-started-button-container">
<a href="https://fantasyleague.com/home" class="btn btn-outline-secondary px-4 px-sm-5 mr-2 mr-sm-4" id="get-started-button"><span>Get started ></span></a>
</div>
</div>
</section>
<style>
.social-link.contact-us svg{
    width: 64px;
    height: 64px;
    fill: #000027;
}
.social-link.contact-us svg:hover,
.social-link.contact-us svg:active {
    fill: #009B2D;
}
</style>
<footer class="footer">
<div class="container">
<div class="social-el">
<ul class="social-btns">
<li class="social-item">
<a class="social-link" href="https://www.instagram.com/fantasyleague1991" target="_blank">
<span class="fl fl-instagram"></span>
</a>
</li>
<li class="social-item">
<a class="social-link" href="https://twitter.com/FantasyLeague" target="_blank">
<span class="fl fl-twitter"></span>
</a>
</li>
<li class="social-item">
<a class="social-link" href="https://www.facebook.com/originalfantasyleague" target="_blank">
<span class="fl fl-facebook"></span>
</a>
</li>

<li class="social-item">
<a class="social-link contact-us" href="/cdn-cgi/l/email-protection#5a373b343b3d3f28292f2a2a35282e1a3c3b342e3b2923363f3b3d2f3f74393537">
<span style="position: relative; top: -13px;">
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M32,4A28,28,0,1,0,60,32h0A28,28,0,0,0,32,4Zm0,52.28A24.28,24.28,0,1,1,56.28,32h0A24.3,24.3,0,0,1,32,56.28Zm13.81-37H18.19A3.19,3.19,0,0,0,15,22.44h0V41.56a3.19,3.19,0,0,0,3.19,3.19H45.81A3.19,3.19,0,0,0,49,41.56h0V22.44a3.19,3.19,0,0,0-3.19-3.19Zm0,3.19v2.71c-1.49,1.21-3.86,3.1-8.93,7.07-1.12.88-3.34,3-4.88,3s-3.76-2.09-4.88-3c-5.07-4-7.44-5.86-8.93-7.07V22.44ZM18.19,41.56V29.24c1.52,1.21,3.68,2.91,7,5.49,1.45,1.14,4,3.66,6.84,3.64s5.35-2.47,6.84-3.64l7-5.49V41.56Z" /></svg>
</span>
</a>
</li>
</ul>
</div>
<p class="text-center small">
Copyright 2024/25 Fantasy League Limited. Fantasy League is a registered trademark of Fantasy League Limited.
</p>
</div>
</footer>

<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script async src="https://www.googletagmanager.com/gtag/js?id=UA-9144244-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-9144244-1');
</script>
<script>
  !function(f,b,e,v,n,t,s)
  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  n.queue=[];t=b.createElement(e);t.async=!0;
  t.src=v;s=b.getElementsByTagName(e)[0];
  s.parentNode.insertBefore(t,s)}(window, document,'script',
  'https://connect.facebook.net/en_US/fbevents.js');
  fbq('init', '402895380324609');
  fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
  src="https://www.facebook.com/tr?id=402895380324609&ev=PageView&noscript=1"
/></noscript>

<script>
!function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments);
},s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='//static.ads-twitter.com/uwt.js',
a=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script');
// Insert Twitter Pixel ID and Standard Event data below
twq('init','o23t1');
twq('track','PageView');
</script>

<script async src="/frontend/js/app.js"></script>
<script type="text/javascript">
            let element = document.getElementById('jsIsIE');
            element.setAttribute("class", "bg-secondary js-isIE p-2 text-center w-auto d-none");

            setTimeout(function(){

                var ua = window.navigator.userAgent;
                // var isIE = /MSIE|Trident|Edge/.test(ua);
                var isIE = /MSIE|Trident/.test(ua);

                if ( isIE ) {
                    //IE specific code goes here
                    let element = document.getElementById('jsIsIE');
                    element.setAttribute("class", "bg-secondary incompatible-browser-alert js-isIE p-2 text-center w-auto");
                }

            }, 500);
        </script>
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'8cfd4bc7ff17d10b',t:'MTcyODQ2NTYzOS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script><script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"rayId":"8cfd4bc7ff17d10b","version":"2024.8.0","serverTiming":{"name":{"cfExtPri":true,"cfL4":true}},"token":"3a3c56cb9f344ee8a7e392cbd9c785f5","b":1}' crossorigin="anonymous"></script>
</body>
</html>

Name	Class	Type	DATA	Answer IP Info
@	IN	A	104.26.10.183	AS13335 (Cloudflare Inc)
@	IN	A	104.26.11.183	AS13335 (Cloudflare Inc)
@	IN	A	172.67.68.52	AS13335 (Cloudflare Inc)

Name	Class	Type	DATA	Answer IP Info
@	IN	AAAA	2606:4700:20::681a:ab7	AS13335 (Cloudflare Inc)
@	IN	AAAA	2606:4700:20::ac43:4434	AS13335 (Cloudflare Inc)
@	IN	AAAA	2606:4700:20::681a:bb7	AS13335 (Cloudflare Inc)

URL

En-têtes de la réponse

Corps de la réponse