CINXE.COM
Officiella Supportershopen
<!doctype html> <html lang="sv"> <head> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="theme-color" content="#fed226"> <!-- Base link to make resource loading work when in nested URL --> <base href="https://shop.svenskfotboll.se/"> <script> const shopID = "svff_supporter"; const lang = "S"; const locale = { "mod_addcart_title":"Produkt tillagd", "mod_addcart_text":"tillagd(a) i kundvagnen.", "mod_addcart_continue":"Fortsätt handla", "mod_addcart_gotocart":"Gå till kundvagnen", "mod_payerror_text":"Kunde ej gå till betalsidan, kontakta supporten.", "mod_payerror_contact":"Kontakta support", "mod_sizetable":"Storlekstabell", "general_close":"Stäng", }; </script> <link rel="icon" href="/favicon.ico" type="image/x-icon"> <link rel="apple-touch-icon" sizes="180x180" href="./apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="./favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="./favicon-16x16.png"> <!-- Load Font Awesome Kit--> <script src="https://kit.fontawesome.com/fde6ac5c3c.js"></script> <!-- Load Jquery --> <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script> <script src="scripts/morescript.js?v=1685101239" async></script> <!-- Load stylesheets --> <link rel="preconnect" href="https://fonts.gstatic.com"> <!-- <link rel="preload" as="style" href="https://fonts.googleapis.com/css?family=Montserrat%3A400%2C400i%2C500%2C600%2C700%7COswald%3A500%2C700%7CPlayfair%20Display%3A400%2C700&display=swap"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat%3A400%2C400i%2C500%2C600%2C700%7COswald%3A500%2C700%7CPlayfair%20Display%3A400%2C700&display=swap" media="print" onload="this.media='all'"> <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat%3A400%2C400i%2C500%2C600%2C700%7COswald%3A500%2C700%7CPlayfair%20Display%3A400%2C700&display=swap"></noscript> --> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"> <link href="style.css?v=1719299892" rel="stylesheet"> <link href="morestyle.css?v=1685713044" rel="stylesheet"> <link href="animations.css?v=1671435751" rel="stylesheet"> <style> .sticky-top { margin-right: auto !important; padding-right: 0px !important; } </style> <!-- META TAGS MODULE --> <meta name="description" content="Svenska fotbollslandslagets officiella supportershop. Här hittar du Sveriges officiella matchtröjor från Adidas till både damlandslaget och herrlandslaget tillsammans med adidassortiment bestående av landslagets träningskläder, matchshorts och replikor. Du kan även hitta övrig merchandise och souvenirer för svenska landslaget såsom halsdukar, mössor, kepsar, t-shirts, tröjor och även affischer/posters av just din favoritspelare."> <!-- <meta http-equiv="Expires" content="Tue, 01 Jan 1995 12:12:12 GMT"> <meta http-equiv="Pragma" content="no-cache"> --> <!-- Title --> <title>Officiella Supportershopen </title> <!-- Facebook Pixel Code old 2742541129141467 --> <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', '783272646486751'); fbq('track', 'PageView'); </script> <!-- End Facebook Pixel Code --> <!-- Google Tag Manager --> <!-- <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NQBBLRK');</script> --> <!-- End Google Tag Manager --> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-7QXF1D7LVH"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-7QXF1D7LVH'); </script> </head> <body> <div id="container"> <!-- Google Tag Manager (noscript) --> <!-- <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NQBBLRK" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> --> <!-- End Google Tag Manager (noscript) --> <nav class="sticky-top"> <!--############## TOPBAR START ##############--> <nav class="navbar sticky-top navbar-first hide-items px-5"> <div class="container-fluid text-center"> <div class="text-uppercase" style="padding-left: 6rem;"> <a href="./">Startsida</a> <a href="./contact" class="mx-2">Kundtjänst</a> <a href="./information" class="mx-2">Information & köpvillkor</a> </div> <div class="text-uppercase pr-5 mr-5"> <a href="https://www.svenskfotboll.se/" class="mx-2">SVENSKFOTBOLL.SE</a> <a href="https://supporterklubben.se/" class="mx-2">SUPPORTERKLUBBEN</a> <a href="https://aktiva.svenskfotboll.se/spelare/fotbollsskolan/" class="mx-2">FOTBOLLSKOLAN</a> <a href="https://domarshop.svenskfotboll.se/" class="mx-2">DOMARSHOPEN</a> </div> </div> </nav> <!--############## TOPBAR END ##############--> <!--### LOGO ### --> <!-- <div class="logotype mx-auto position-relative"> --> <div class="logotype position-relative mx-auto mx-lg-5"> <a href="#"> <img src="images/logo.png" class="img-fluid position-absolute" alt="Officiella Supportershopen"> </a> </div> <!--### LOGO END ###--> <!--############## NAVIGATION START ##############--> <nav class="nml-navbar navbar-second"> <div class="nml-container"> <!--### SORTIMENTS ###--> <div class="nml-navbar-one ham-menu"> <div class="d-lg-none"> <a class="btn btn-custom btn-cart" href="#" data-action="slideout-left"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M6 6L18 6M6 12L18 12M6 18L18 18"></path></svg> <span>Meny</span> </a> </div> <div class="d-none d-lg-block"> <div class="sortbar"> <ul class=""> <li class="xnav-item xunderline"> <div class="dropdown"> <a class="underline nav-link px-2" href="./" > </a> <!-- Show dropdown-menu if there is subsortiments--> </div> </li> <li class="xnav-item xunderline"> <div class="dropdown"> <a class="underline nav-link px-2" href="./" > </a> <!-- Show dropdown-menu if there is subsortiments--> </div> </li> <li class="xnav-item xunderline"> <div class="dropdown"> <a class="underline nav-link px-2" href="./matchtrojor" > MATCHTRÖJOR </a> <!-- Show dropdown-menu if there is subsortiments--> <div class="dropdown-menu mt-0 dropdown-menu-center"> <a class="dropdown-item " href="./herr" >HERR </a> <a class="dropdown-item " href="./dam" >DAM </a> </div> </div> </li> <li class="xnav-item xunderline"> <div class="dropdown"> <a class="underline nav-link px-2" href="./adidas" > ADIDAS </a> <!-- Show dropdown-menu if there is subsortiments--> </div> </li> <li class="xnav-item xunderline"> <div class="dropdown"> <a class="underline nav-link px-2" href="./klader" > KLÄDER </a> <!-- Show dropdown-menu if there is subsortiments--> </div> </li> <li class="xnav-item xunderline"> <div class="dropdown"> <a class="underline nav-link px-2" href="./accessoarer" > ACCESSOARER </a> <!-- Show dropdown-menu if there is subsortiments--> <div class="dropdown-menu mt-0 dropdown-menu-center"> <a class="dropdown-item " href="./mossor-kepsar" >MÖSSOR & KEPSAR </a> <a class="dropdown-item " href="./halsdukar" >HALSDUKAR </a> <a class="dropdown-item " href="./vaskor" >VÄSKOR </a> </div> </div> </li> <li class="xnav-item xunderline"> <div class="dropdown"> <a class="underline nav-link px-2" href="./barnklader" > BARNKLÄDER </a> <!-- Show dropdown-menu if there is subsortiments--> </div> </li> <li class="xnav-item xunderline"> <div class="dropdown"> <a class="underline nav-link px-2" href="./ovrigt" > ÖVRIGT </a> <!-- Show dropdown-menu if there is subsortiments--> <div class="dropdown-menu mt-0 dropdown-menu-center"> <a class="dropdown-item " href="./posters" >POSTERS </a> <a class="dropdown-item " href="./prylar" >PRYLAR </a> </div> </div> </li> <li class="xnav-item xunderline"> <div class="dropdown"> <a class="underline nav-link px-2" href="./utforsaljning" > Utförsäljning </a> <!-- Show dropdown-menu if there is subsortiments--> </div> </li> <li class="d-lg-none"> <div id="navbarSearch1"> <form class="form-inline" id="quicksearch1" action="./sok" method="post"> <input class="w-75" type="search" name="search" placeholder="Sök produkt..." aria-label="Search" value=""> <a class="btn btn-primary px-0 w-25" href="javascript:;" onclick="$(this).closest('form').submit()"><i class="fa fa-search"></i></a> </form> </div> </li> </ul> </div> </div> </div> <!--### Searchinput ###--> <div class="nml-navbar-two d-none d-lg-block search-box"> <div id="navbarSearch2"> <form class="d-flex" role="search" id="quicksearch2" action="./sok" method="post"> <input class="form-control me-2 search-input" type="search" name="search" placeholder="Sök produkt..." aria-label="Search" value=""> <a class="btn btn-primary" style="padding: 0.3rem 0.5rem;" href="javascript:;" onclick="$(this).closest('form').submit()"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="19" height="19" fill="none" stroke="currentColor"><g stroke-linecap="round" stroke-width="1.5"><path d="m16.5 16.5 5.3 5.3"></path><circle cx="10.5" cy="10.5" r="8.5"></circle></g></svg> </a> </form> </div> </div> <!--### CART ###--> <div class="nml-navbar-three cart-box"> <div class="cart-menu"> <a class="btn btn-custom btn-cart " href="./checkout"> <span class="cart-btn d-none d-xl-inline">Kundkorgen</span> <svg class="kundicon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28.3 28.3" width="24" height="24" fill="currentColor" stroke="none"><path class="st0" d="M18.1,8.5V7.3c0-2.2-1.8-4-4-4c-2.2,0-4,1.8-4,4v1.2H5.1l0.9,17h15.9l1.1-17H18.1z M11.6,7.3 c0-1.3,1.1-2.4,2.4-2.4c1.3,0,2.4,1.1,2.4,2.4v1.2h-4.9V7.3z M19.9,23.3H8.1L7.4,10.6H10v2.5h1.6v-2.5h4.9v2.5h1.6v-2.5h2.6 L19.9,23.3z"></path></svg> <span class="product-amount" id="miniCartQuantity">0</span> <!-- produkter i kundvagnen --> </a> <script> // Load cart when page is loaded $(document).ready(function() { cartCaller({ action: 'refresh' }); }); </script> <div id="miniCart" class="position-absolute d-none d-md-block pt-3"> <div id="cartTable"></div> <a class="btn btn-primary btn-block position-absolute" id="goToCart" href="./checkout" >Gå till kundvagnen</a> </div> </div> </div> </div> </nav> <!--############## NAVIGATION END ##############--> </nav> <div class="nml-nav"> <div class="slideout-dimmer"></div> <div class="slideout-left"> <div class="slideout-left__header"><span>Meny</span><span class="slideout-left__close-button"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 6L18 18M6 18L18 6"></path> </svg></span></div> <div class="slideout-left__content"> <div class="category_box"> <ul class="Level1"> <li><a class="" href="./" ></a></li> <li><a class="" href="./" ></a></li> <li><a class="" href="./matchtrojor" >MATCHTRÖJOR</a></li> <li><ul class="Level2" style=""> <li><a class="" href="./herr" >HERR</a></li> <li><a class="" href="./dam" >DAM</a></li> </ul></li> <li><a class="" href="./adidas" >ADIDAS</a></li> <li><a class="" href="./klader" >KLÄDER</a></li> <li><a class="" href="./accessoarer" >ACCESSOARER</a></li> <li><ul class="Level2" style=""> <li><a class="" href="./mossor-kepsar" >MÖSSOR & KEPSAR</a></li> <li><a class="" href="./halsdukar" >HALSDUKAR</a></li> <li><a class="" href="./vaskor" >VÄSKOR </a></li> </ul></li> <li><a class="" href="./barnklader" >BARNKLÄDER</a></li> <li><a class="" href="./ovrigt" >ÖVRIGT</a></li> <li><ul class="Level2" style=""> <li><a class="" href="./posters" >POSTERS</a></li> <li><a class="" href="./prylar" >PRYLAR</a></li> </ul></li> <li><a class="" href="./utforsaljning" >Utförsäljning </a></li> </ul> </div> </div> </div> </div> <main class="pb-5"> <!--###### START PAGE VIDEO ######--> <div class="banner-start"> <img class="banner-start-image" src="./images/SvFF-BACKGROUND-STARTSIDA-2025.jpg"> <!-- <video playsinline="playsinline" autoplay="autoplay" muted="muted" loop="loop"> <source src="./images/SvFF-Shop.mp4" type="video/mp4"> --> <!-- <source src="./images/SNOW-BACKGROUND.mp4" type="video/mp4"> --> <!-- </video> --> </div> <!--###### VIDEO CONTENT ######--> <div class="container start-video-content"> <!-- <h1 class="start-page-header">VÄLKOMMEN TILL<br>DEN OFFICIELLA SUPPORTERSHOPEN</h1> --> <div> <h1 class="start-page-header">OFFICIELLA BORTATRÖJAN<br>DAM 2025 ADIDAS</h1> <div class="start-page-button"> <a href="./matchtrjor-dam/97278-matchtroja-dam-25-borta" class="btn btn-primary">MATCHTRÖJAN</a> </div> </div> <div class="video-content-img"> <a href="./matchtrjor"> <!-- <a href="./accessoarer-mssor-kepsar/89613-julpaket-mossa-och-halsduk"> --> <!-- <img alt="Adidas" src="./images/Image-start-adidas-women.png" class="img-fluid"> --> <img alt="Adidas" src="./images/SvFF-ADIDAS-away-JERSEY-FRONT-2025.png" class="img-fluid"> </a> </div> </div> <br> <br> <!--###### FILLER TEXT ######--> <div class="start-page-filler-text"> <div class="container"> <p> Sveriges nya bortaställ för UEFA Women's EURO 2025™.<br/> Gör din tröja personlig med namn och nummer. </p> </div> </div> <!--###### PRODUCTS ######--> <div class="start-page-blue-bg"> <div class="container"> <div class="sortiment-boxes"> <div class="sortiment-box"> <!-- <a href="./matchtrjor-herr/75428-matchtroja-herr-borta-vit-white"> --> <a href="./matchtrjor-herr/91115-matchtroja-herr-24-25"> <div class="hover-wrap"> <!-- <img src="./images/sortimentimages/Matchtroja-borta-box-1.jpg" alt="" class="img-fluid"> --> <img src="./images/BOX-1-2024.jpg" alt="" class="img-fluid"> <!-- <div class="hover-cap">BESTÄLL DIN PERSONLIGA TRÖJA</div> <div class="bottom-left-big-text"><p>BORTATRÖJAN</p></div> <div class="bottom-left-small-text"><p>En hyllning till tredjeplatsen 1994</p></div> --> <div class="hover-cap">BESTÄLL DIN PERSONLIGA TRÖJA</div> <div class="bottom-left-big-text"><p>MATCHTRÖJA HERR</p></div> <div class="bottom-left-small-text"><p>Beställ med eget namn och nummer!</p></div> <div class="shadow-box"></div> </div> </a> </div> <div class="sortiment-box"> <!-- <a href="./klader"> --> <a href="./matchtrjor-dam/91117-matchtroja-dam-24-25"> <div class="hover-wrap"> <!-- <img src="./images/Box-2-klader-svff.jpg" alt="" class="img-fluid"> --> <img src="./images/BOX-2-2024.jpg" alt="" class="img-fluid"> <!-- <div class="hover-cap">SE HELA SORTIMENTET</div> <div class="bottom-left-big-text"><p>KLÄDER</p></div> <div class="bottom-left-small-text"><p>Officiella supportkläder för herr och dam.</p></div> --> <div class="hover-cap">BESTÄLL DIN PERSONLIGA TRÖJA</div> <div class="bottom-left-big-text"><p>MATCHTRÖJA DAM</p></div> <div class="bottom-left-small-text"><p>Beställ med eget namn och nummer!</p></div> <div class="shadow-box"></div> </div> </a> </div> <div class="sortiment-box"> <!-- <a href="./accessoarer"> --> <a href="./barnklader/91116-matchtroja-barn-24-25"> <div class="hover-wrap"> <!-- <img src="./images/sortimentimages/Accessoarer-box-3.jpg" alt="" class="img-fluid"> --> <img src="./images/BOX-3-2024.jpg" alt="" class="img-fluid"> <!-- <div class="hover-cap">SE HELA SORTIMENTET</div> <div class="hover-space"> <div class="bottom-left-big-text"><p>ACCESSOARER</p></div> <div class="bottom-left-small-text"><p>Kepsar, mössor och halsdukar</p></div> </div> --> <div class="hover-cap">BESTÄLL DIN PERSONLIGA TRÖJA</div> <div class="bottom-left-big-text"><p>MATCHTRÖJA JR</p></div> <div class="bottom-left-small-text"><p>Beställ med eget namn och nummer!</p></div> <div class="shadow-box"></div> </div> </a> </div> </div> </div> </div> <br> <br> <!--###### COLLECTION ######--> <div class="d-flex flex-wrap container pt-5 pb-5 collection-section"> <h4 class="line-header w-100 text-left collection-text"> <span> Populära artiklar just nu </span> <span> </span> </h4> <div class="col-12 col-sm-6 col-lg-4 py-4 px-2"> <a href="./product/97278-matchtroja-dam-25-borta" class="clear product p-2 h-100 d-flex flex-column"> <!-- THUMBNAIL --> <div class="image-holder position-relative"> <div class="overlayFilter2"></div> <img loading="lazy" class="position-absolute img-fluid no-select" src='https://images.neh.com/upload/test//thumbs/SVF25054.jpg?v=2613836588' alt='Matchtröja Dam 25 Borta '> <small class="position-absolute bg-dark text-white px-4 d-none" style="top:20px; z-index:10">REA</small> <div class="sortlistbutton btn btn-dark position-absolute rounded-0 w-100 product-btn upper-txt" style="bottom:0; opacity:0;">Gå till produkt</div> </div> <!-- title --> <b class="product-title pt-3">Matchtröja Dam 25 Borta </b> <div> <b class="product-price general-price ">1099 SEK</b> <b class="text-danger general-price d-none">1099 SEK</b> </div> </a> </div> <div class="col-12 col-sm-6 col-lg-4 py-4 px-2"> <a href="./product/75380-hoodie-med-tryck" class="clear product p-2 h-100 d-flex flex-column"> <!-- THUMBNAIL --> <div class="image-holder position-relative"> <div class="overlayFilter2"></div> <img loading="lazy" class="position-absolute img-fluid no-select" src='https://images.neh.com/upload/test//thumbs/SVF200010.jpg?v=1058126961' alt='Hoodie med tryck'> <small class="position-absolute bg-dark text-white px-4 d-none" style="top:20px; z-index:10">REA</small> <div class="sortlistbutton btn btn-dark position-absolute rounded-0 w-100 product-btn upper-txt" style="bottom:0; opacity:0;">Gå till produkt</div> </div> <!-- title --> <b class="product-title pt-3">Hoodie med tryck</b> <div> <b class="product-price general-price ">599 SEK</b> <b class="text-danger general-price d-none">599 SEK</b> </div> </a> </div> <div class="col-12 col-sm-6 col-lg-4 py-4 px-2"> <a href="./product/90577-halsduk-sverige-gul" class="clear product p-2 h-100 d-flex flex-column"> <!-- THUMBNAIL --> <div class="image-holder position-relative"> <div class="overlayFilter2"></div> <img loading="lazy" class="position-absolute img-fluid no-select" src='https://images.neh.com/upload/test//thumbs/SVF24585.jpg?v=93941998' alt='Halsduk Sverige Gul'> <small class="position-absolute bg-dark text-white px-4 d-none" style="top:20px; z-index:10">REA</small> <div class="sortlistbutton btn btn-dark position-absolute rounded-0 w-100 product-btn upper-txt" style="bottom:0; opacity:0;">Gå till produkt</div> </div> <!-- title --> <b class="product-title pt-3">Halsduk Sverige Gul</b> <div> <b class="product-price general-price ">299 SEK</b> <b class="text-danger general-price d-none">299 SEK</b> </div> </a> </div> <div class="col-12 col-sm-6 col-lg-4 py-4 px-2"> <a href="./product/79063-adidas-anthem-jacket-sverige-navy" class="clear product p-2 h-100 d-flex flex-column"> <!-- THUMBNAIL --> <div class="image-holder position-relative"> <div class="overlayFilter2"></div> <img loading="lazy" class="position-absolute img-fluid no-select" src='https://images.neh.com/upload/test//thumbs/SVF2210A1.jpg?v=2780727601' alt='Adidas Anthem Jacket Sverige Navy'> <small class="position-absolute bg-dark text-white px-4 d-none" style="top:20px; z-index:10">REA</small> <div class="sortlistbutton btn btn-dark position-absolute rounded-0 w-100 product-btn upper-txt" style="bottom:0; opacity:0;">Gå till produkt</div> </div> <!-- title --> <b class="product-title pt-3">Adidas Anthem Jacket Sverige Navy</b> <div> <b class="product-price general-price ">1099 SEK</b> <b class="text-danger general-price d-none">1099 SEK</b> </div> </a> </div> <div class="col-12 col-sm-6 col-lg-4 py-4 px-2"> <a href="./product/75385-idrottspase" class="clear product p-2 h-100 d-flex flex-column"> <!-- THUMBNAIL --> <div class="image-holder position-relative"> <div class="overlayFilter2"></div> <img loading="lazy" class="position-absolute img-fluid no-select" src='https://images.neh.com/upload/test//thumbs/SVF2005.jpg?v=560417065' alt='Idrottspåse'> <small class="position-absolute bg-dark text-white px-4 d-none" style="top:20px; z-index:10">REA</small> <div class="sortlistbutton btn btn-dark position-absolute rounded-0 w-100 product-btn upper-txt" style="bottom:0; opacity:0;">Gå till produkt</div> </div> <!-- title --> <b class="product-title pt-3">Idrottspåse</b> <div> <b class="product-price general-price ">100 SEK</b> <b class="text-danger general-price d-none">100 SEK</b> </div> </a> </div> <div class="col-12 col-sm-6 col-lg-4 py-4 px-2"> <a href="./product/97063-poster-50x70cm-hanna-bennison" class="clear product p-2 h-100 d-flex flex-column"> <!-- THUMBNAIL --> <div class="image-holder position-relative"> <div class="overlayFilter2"></div> <img loading="lazy" class="position-absolute img-fluid no-select" src='https://images.neh.com/upload/test//thumbs/SVF24119.jpg?v=640489497' alt='Poster 50x70cm Hanna Bennison'> <small class="position-absolute bg-dark text-white px-4 d-none" style="top:20px; z-index:10">REA</small> <div class="sortlistbutton btn btn-dark position-absolute rounded-0 w-100 product-btn upper-txt" style="bottom:0; opacity:0;">Gå till produkt</div> </div> <!-- title --> <b class="product-title pt-3">Poster 50x70cm Hanna Bennison</b> <div> <b class="product-price general-price ">249 SEK</b> <b class="text-danger general-price d-none">249 SEK</b> </div> </a> </div> </div> <!-- PARALLAX START --> <div> <div class="container yellow-bg svff-border hide-items"> <div class=""> <p class="upper-txt support-head">supporterklubben</p> <p class="support-filler"> Bli medlem i vår supporterklubb idag och upplev fördelarna med att vara en lojal supporter! Som medlem får du tillgång till extra bra kampanjer i vår shop, och du har möjligheten att samla poäng för att få förtur till populära matcher och mästerskap. <br> <br> <a class="btn-medlem " href="https://supporterklubben.se/" target="_blank"> LÄS MER OCH BLI MEDLEM </a> </p> </div> <div class="supporter-img"> <img src="./images/image-supporter.jpg" alt="" class="img-fluid"> </div> </div> </div> <!-- PARALLAX END --> <!-- BOTTOM CHECK TEXT START --> <div class="top-border"> <div class="container"> <div class="mx-auto row col-12 col-md-9 d-flex justify-content-between bottom-content"> <div class=""> <i class="far fa-check"></i> <span>Officiella landslagsprodukter</span> </div> <div> <i class="far fa-check"></i> <span>Trygg E-handel</span> </div> <div> <i class="far fa-check"></i> <span>Enkel betalning</span> </div> </div> </div> </div> <!-- BOTTOM CHECK TEXT END --> <!--popup--> <style> .popup { position: absolute; left: 50%; top: 300px; transform: translate(-50%, 0%); width: 40%; background-color: #ffffff; border-radius: 8px; font-family: "Poppins", sans-serif; display: none; text-align: center; z-index: 1000; box-shadow: 0 0 20px black; transition: opacity 0.6s; opacity: 0; pointer-events: none; } .popup img { display: block; width: 100%; } .popup button { display: block; position: absolute; top: 0; right: 0; transform: translate(50%, -50%); width: 40px; height: 40px; border-radius: 100%; font-size: 30px; line-height: 30px; color: #fff; background: red; border: 2px solid #fff; outline: none; cursor: pointer; } .popup p { font-size: 14px; } @media (max-width: 676px) { .popup { width: 80%; } .popup button { width: 30px; height: 30px; font-size: 20px; line-height: 20px; } } </style> <div class="popup"> <a href="./matchtrojor"><img src="images/NEDSATT-POPUP.jpg"></a> <button id="close_popup">×</button> </div> <script type="text/javascript"> const showPopup = false; if (showPopup) { window.addEventListener("load", function() { setTimeout( function open(event) { document.querySelector(".popup").style.display = "block"; }, 1500 ); setTimeout( function open(event) { document.querySelector(".popup").style.opacity = "1"; document.querySelector(".popup").style.pointerEvents = "auto"; }, 2000 ); }); } document.querySelector("#close_popup").addEventListener("click", function(e) { document.querySelector(".popup").style.display = "none"; e.preventDefault(); return false; }); </script> <footer> <!--######### FOOTER LINKS #########--> <div class="lighter-blue-bg"> <div class="container py-1 pt-4"> <div class="row"> <div class="col-12 col-sm-6 col-md-4 col-lg-2 col-xl-3 d-none d-lg-block"> <img alt="SvFF" width="100" src="./images/logo.png"> </div> <div class="px-4 col-6 col-md-3 pt-2"> <ul class="u-list upper-txt"> <li><p class="foot-header">Snabblänkar</p></li> <li><a target="_blank" href="https://www.svenskfotboll.se/">svenskfotboll.se</a></li> <li><a target="_blank" href="https://www.svenskfotboll.se/biljett/">biljetter</a></li> <li><a target="_blank" href="https://supporterklubben.se/">supporterklubben</a></li> <li><a target="_blank" href="https://aktiva.svenskfotboll.se/spelare/fotbollsskolan/">fotbollsskolan</a></li> <li><a target="_blank" href="https://domarshop.svenskfotboll.se">domarshopen</a></li> </ul> </div> <div class="px-4 col-6 col-md-3 pt-2"> <ul class="u-list upper-txt"> <li><p class="foot-header">Navigering</p></li> <li><a href="./">Startsida</a></li> <li><a href="./information">information</a></li> <li><a href="./contact">kontakta oss</a></li> <li><a href="./checkout">Kundvagn</a></li> </ul> </div> <div class="px-4 col-6 col-md-3 pt-2 d-none d-md-block"> <ul class="u-list upper-txt"> <li><p class="foot-header">Följ oss</p></li> <li><a href="https://twitter.com/svenskfotboll/">Twitter</a></li> <li><a href="https://www.instagram.com/swesupporterklubben/">Instagram</a></li> <li><a href="https://www.facebook.com/svenskfotboll/">Facebook</a></li> </ul> </div> </div> <div class="row mt-4 d-md-none"> <div class="col-4 text-nowrap text-left pl-5 pr-0" style="color:white;"> <img style="vertical-align: text-top; width:1em;" src="./images/icons/twitter.svg"> <a style="color:white; font-weight: 600;" alt="twitter" href="https://twitter.com/svenskfotboll/">Twitter</a></div> <div class="col-4 text-nowrap text-center pl-0 pr-0" style="color:white;"> <img style="vertical-align: text-top; width:1em;" src="./images/icons/instagram.svg"> <a style="color:white; font-weight: 600;" alt="instagram" href="https://www.instagram.com/swesupporterklubben/">Instagram</a></div> <div class="col-4 text-nowrap text-right pl-0 pr-5" style="color:white;"> <img style="vertical-align: text-top; width:1em;"src="./images/icons/facebook.svg"> <a style="color:white; font-weight: 600;" alt="facebook"href="https://www.facebook.com/svenskfotboll/">Facebook</a> </div> </div> </div> </div> <!--######### FOOTER COPYRIGHT #########--> <div class="darker-blue-bg"> <div class="container"> <div class="footer-copy-content left-txt footer-copy row"> <div class="col-lg-8 right-border"> <p class="upper-txt copyright-header">officiella supportershopen</p> <a style="font-size:11px;">Svenska Fotbollförbundets officiella supportershop. Här hittar du matchtröjor, Sverige t-shirts, halsdukar, luvtröjor, kepsar med mera. Allt för den gulblåa festen, matchen, mästerskapet och den sanna supportern av Svensk Fotboll, Svenska Herrlandslaget och damlandslaget i fotboll. Den officiella shopen för Svenska Fotbollförbundet. </a> <a style="font-size:11px;">Copyright 2023 by Svenska Fotbollsförbundet. All Rights Reserved. Powered by NeH Svenska AB.</a> </div> <div class="presented-by mx-auto col-lg-4"> <p class="upper-txt">supportershopen presenteras av</p> <div class="footer-neh-img text-left"> <img alt="NeH x Adidas" class="img-fluid" src="./images/Footer-logos.svg"> </div> </div> </div> </div> </div> </footer> <button class="toTop" title="Go to top"><i class="far fa-arrow-up"></i></button> </main> </div> <!-- JavaScript Files --> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script> <script src="scripts/jquery.lazy.min.js"></script> <script src="scripts/main.js?v=1728301863"></script> <script src="scripts/inputspinner.js?v=1684313174"></script> <script src="scripts/script.js"></script> <script src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script> <script> $(document).ready(function() { $("input[type='number']").inputSpinner(); $('.lazy').Lazy({ effect: 'fadeIn', effectTime: 500, afterLoad: function(element) { $(element).css("visibility", "visible"); } }); }); </script> <!-- Delta Projects pageView scripts are plug and play / No changes are required before implementation --> <script> var _d7=_d7||[]; _d7.push({ action:"pageView", pageId:"" //PLEASE MAKE NO CHANGES TO PAGEID UNLESS INSTRUCTED OTHERWISE }); (function(){ var d=document.createElement("script"),s=document.getElementsByTagName("script")[0]; _d7.id="18055";_d7.p=("https:" == document.location.protocol ? "https://" : "http://"); d.src=_d7.p+"tb.de17a.com/d7.js";d.type="text/javascript";d.async=1;s.parentNode.insertBefore(d,s); })(); </script> <noscript> <img height="1" width="1" alt="" style="display:none" src="https://www.facebook.com/tr?id=783272646486751&ev=PageView&noscript=1"> </noscript> <noscript> <img src="https://ad.doubleclick.net/ddm/activity/src=9386885;type=pagevisi;cat=beskt000;dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;tfua=;npa=;ord=13d269cdd6612c65ddec51ec113525e1?" width="1" height="1" alt=""> </noscript> <!-- Modal --> <div class="modal fade" style="display:none" id="baseModal" tabindex="-1" role="dialog"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLongTitle">Modal title</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> ... </div> <div class="modal-footer"> <button type="button" id="modal-button-1" class="btn btn-secondary" data-dismiss="modal"></button> <a id="modal-button-2" class="btn btn-secondary" href=""></a> </div> </div> </div> </div> </body> </html>