Ügyességi feladatokban mérettették meg magukat NB I-es csapatunk játékosai

Challenge-sorozatának keretében csapatunkat is meglátogatta az nb1.hu stábja, a forgatáson játékosainknak különböző ügyességi feladatokban kellett helytállniuk. A teljes videó az nb1.hu YouTube-csatornáján tekinthető meg.

<div class="mb-10"> <h3 class="font-bebas text-white uppercase text-3xl">További videók</h3> </div> <div class="grid grid-cols-1 gap-2 mt-2 sm:grid-cols-2 lg:grid-cols-4"> <article> <a href="https://fehervarfc.hu/vidi-tv/5450" class="grid group"> <div class="relative overflow-hidden"> <div class="card-overlay relative transition-transform duration-500 ease-in-out group-hover:scale-[1.05]"> <picture class=""><img class="aspect-video w-full h-full object-cover object-top" src="https://fehervarfc.hu/api/image-cached/original/0/dfbe3dc8975a/134703.png" loading = "lazy"></picture> <div class="absolute inset-0 z-10 grid place-items-center"> <span class="w-10 h-10 inline-flex items-center justify-center shrink-0 bg-vidi shadow-vidi rounded-full text-white"> <i class="play play-small grid place-items-center"></i> </span> </div> </div> </div> <div class="p-5"> <h3 class="mb-2 font-bold text-white text-xl">NK Osijek - Fehérvár FC (0-2) - összefoglaló</h3> <p class="flex gap-8 text-sm text-white font-medium opacity-50"> <time class="inline-block">2023. 07. 08. 20:46</time> </p> </div> </a> </article> <article> <a href="https://fehervarfc.hu/vidi-tv/5449" class="grid group"> <div class="relative overflow-hidden"> <div class="card-overlay relative transition-transform duration-500 ease-in-out group-hover:scale-[1.05]"> <picture class=""><img class="aspect-video w-full h-full object-cover object-top" src="https://fehervarfc.hu/api/image-cached/original/0/c13ac588a3b3/134702.png" loading = "lazy"></picture> <div class="absolute inset-0 z-10 grid place-items-center"> <span class="w-10 h-10 inline-flex items-center justify-center shrink-0 bg-vidi shadow-vidi rounded-full text-white"> <i class="play play-small grid place-items-center"></i> </span> </div> </div> </div> <div class="p-5"> <h3 class="mb-2 font-bold text-white text-xl">Spandler Csaba: "Az első perctől kezdve kőkemény csata volt az Eszék ellen"</h3> <p class="flex gap-8 text-sm text-white font-medium opacity-50"> <time class="inline-block">2023. 07. 08. 18:54</time> </p> </div> </a> </article> <article> <a href="https://fehervarfc.hu/vidi-tv/5447" class="grid group"> <div class="relative overflow-hidden"> <div class="card-overlay relative transition-transform duration-500 ease-in-out group-hover:scale-[1.05]"> <picture class=""><img class="aspect-video w-full h-full object-cover object-top" src="https://fehervarfc.hu/api/image-cached/original/0/c8e5bf5f392c/134700.png" loading = "lazy"></picture> <div class="absolute inset-0 z-10 grid place-items-center"> <span class="w-10 h-10 inline-flex items-center justify-center shrink-0 bg-vidi shadow-vidi rounded-full text-white"> <i class="play play-small grid place-items-center"></i> </span> </div> </div> </div> <div class="p-5"> <h3 class="mb-2 font-bold text-white text-xl">Bartosz Grzelak: "Ha ismered a múltadat, akkor tudod, hogy merre tartasz"</h3> <p class="flex gap-8 text-sm text-white font-medium opacity-50"> <time class="inline-block">2023. 07. 07. 12:00</time> </p> </div> </a> </article> <article> <a href="https://fehervarfc.hu/vidi-tv/5446" class="grid group"> <div class="relative overflow-hidden"> <div class="card-overlay relative transition-transform duration-500 ease-in-out group-hover:scale-[1.05]"> <picture class=""><img class="aspect-video w-full h-full object-cover object-top" src="https://fehervarfc.hu/api/image-cached/original/0/b6b8960ae5a3/134699.png" loading = "lazy"></picture> <div class="absolute inset-0 z-10 grid place-items-center"> <span class="w-10 h-10 inline-flex items-center justify-center shrink-0 bg-vidi shadow-vidi rounded-full text-white"> <i class="play play-small grid place-items-center"></i> </span> </div> </div> </div> <div class="p-5"> <h3 class="mb-2 font-bold text-white text-xl">Fehérvár FC - Dunaújváros FC (2-0) - összefoglaló</h3> <p class="flex gap-8 text-sm text-white font-medium opacity-50"> <time class="inline-block">2023. 07. 05. 20:32</time> </p> </div> </a> </article> <article> <a href="https://fehervarfc.hu/vidi-tv/5445" class="grid group"> <div class="relative overflow-hidden"> <div class="card-overlay relative transition-transform duration-500 ease-in-out group-hover:scale-[1.05]"> <picture class=""><img class="aspect-video w-full h-full object-cover object-top" src="https://fehervarfc.hu/api/image-cached/original/0/23ee04e3c98e/134698.png" loading = "lazy"></picture> <div class="absolute inset-0 z-10 grid place-items-center"> <span class="w-10 h-10 inline-flex items-center justify-center shrink-0 bg-vidi shadow-vidi rounded-full text-white"> <i class="play play-small grid place-items-center"></i> </span> </div> </div> </div> <div class="p-5"> <h3 class="mb-2 font-bold text-white text-xl">Összefoglaló: Fehérvár FC - FC DAC 1904 (0-5)</h3> <p class="flex gap-8 text-sm text-white font-medium opacity-50"> <time class="inline-block">2023. 07. 01. 21:20</time> </p> </div> </a> </article> <article> <a href="https://fehervarfc.hu/vidi-tv/5441" class="grid group"> <div class="relative overflow-hidden"> <div class="card-overlay relative transition-transform duration-500 ease-in-out group-hover:scale-[1.05]"> <picture class=""><img class="aspect-video w-full h-full object-cover object-top" src="https://fehervarfc.hu/api/image-cached/original/0/3e37b0e4f974/134694.png" loading = "lazy"></picture> <div class="absolute inset-0 z-10 grid place-items-center"> <span class="w-10 h-10 inline-flex items-center justify-center shrink-0 bg-vidi shadow-vidi rounded-full text-white"> <i class="play play-small grid place-items-center"></i> </span> </div> </div> </div> <div class="p-5"> <h3 class="mb-2 font-bold text-white text-xl">Így edzett a felkészülés második hetén a csapat</h3> <p class="flex gap-8 text-sm text-white font-medium opacity-50"> <time class="inline-block">2023. 07. 01. 08:45</time> </p> </div> </a> </article> <article> <a href="https://fehervarfc.hu/vidi-tv/5440" class="grid group"> <div class="relative overflow-hidden"> <div class="card-overlay relative transition-transform duration-500 ease-in-out group-hover:scale-[1.05]"> <picture class=""><img class="aspect-video w-full h-full object-cover object-top" src="https://fehervarfc.hu/api/image-cached/original/0/4fc7e20b30b9/134693.png" loading = "lazy"></picture> <div class="absolute inset-0 z-10 grid place-items-center"> <span class="w-10 h-10 inline-flex items-center justify-center shrink-0 bg-vidi shadow-vidi rounded-full text-white"> <i class="play play-small grid place-items-center"></i> </span> </div> </div> </div> <div class="p-5"> <h3 class="mb-2 font-bold text-white text-xl">Edzésben Spandler Csaba és Franck Bambock</h3> <p class="flex gap-8 text-sm text-white font-medium opacity-50"> <time class="inline-block">2023. 06. 25. 09:00</time> </p> </div> </a> </article> <article> <a href="https://fehervarfc.hu/vidi-tv/5438" class="grid group"> <div class="relative overflow-hidden"> <div class="card-overlay relative transition-transform duration-500 ease-in-out group-hover:scale-[1.05]"> <picture class=""><img class="aspect-video w-full h-full object-cover object-top" src="https://fehervarfc.hu/api/image-cached/original/0/d2947b3930b9/134691.png" loading = "lazy"></picture> <div class="absolute inset-0 z-10 grid place-items-center"> <span class="w-10 h-10 inline-flex items-center justify-center shrink-0 bg-vidi shadow-vidi rounded-full text-white"> <i class="play play-small grid place-items-center"></i> </span> </div> </div> </div> <div class="p-5"> <h3 class="mb-2 font-bold text-white text-xl">Ilyen volt az új szezon első edzése</h3> <p class="flex gap-8 text-sm text-white font-medium opacity-50"> <time class="inline-block">2023. 06. 21. 13:30</time> </p> </div> </a> </article> </div> </section> </main> <footer class="relative pb-[3.75rem] bg-vidi-blue"> <hr class="w-full h-5 -mb-10 border-0 bg-vidi-footer"> <figure class="flex justify-center mx-4"> <img src="/assets/img/logo-fehervar.svg" width="92" height="150" class="" alt=""> </figure> <div class="flex justify-center"> <h2 class="inline-block line mt-2 text-center font-hey text-white text-5xl uppercase rotate-[-5deg] lg:text-6xl before:!w-[295px] before:!h-[51px] before:!left-1/2 before:-translate-x-1/2 before:rotate-[5deg]">Hajrá, Vidi!</h2> </div> <div class="flex flex-wrap items-center justify-center gap-5 my-12"> <figure class="px-2"> <img src="/assets/img/k1.svg" width="42" height="85" class="w-full h-[85px] object-none object-bottom mx-auto opacity-20 backdrop-blur" alt=""> <figcaption class="mt-5 text-sm font-medium text-center"> <strong class="block text-white">Magyar Bajnok</strong> <span class="text-white opacity-60">2011, 2015, 2018</span> </figcaption> </figure> <figure class="px-2"> <img src="/assets/img/k2.svg" width="47" height="71" class="w-full h-[85px] object-none object-bottom mx-auto opacity-20 backdrop-blur" alt=""> <figcaption class="mt-5 text-sm font-medium text-center"> <strong class="block text-white">Magyar Kupa-győztes</strong> <span class="text-white opacity-60">2006, 2019</span> </figcaption> </figure> <figure class="px-2"> <img src="/assets/img/k3.svg" width="45" height="75" class="w-full h-[85px] object-none object-bottom mx-auto opacity-20 backdrop-blur" alt=""> <figcaption class="mt-5 text-sm font-medium text-center"> <strong class="block text-white">Ligakupa-győztes</strong> <span class="text-white opacity-60">2008, 2009, 2012</span> </figcaption> </figure> <figure class="px-2"> <img src="/assets/img/k4.svg" width="37" height="71" class="w-full h-[85px] object-none object-bottom mx-auto opacity-20 backdrop-blur" alt=""> <figcaption class="mt-5 text-sm font-medium text-center"> <strong class="block text-white">Szuperkupa-győztes</strong> <span class="text-white opacity-60">2011, 2012</span> </figcaption> </figure> <figure class="px-2"> <img src="/assets/img/k5.svg" width="36" height="71" class="w-full h-[85px] object-none object-bottom mx-auto opacity-20 backdrop-blur" alt=""> <figcaption class="mt-5 text-sm font-medium text-center"> <strong class="block text-white">UEFA Kupa döntős</strong> <span class="text-white opacity-60">1985</span> </figcaption> </figure> </div> <div class="flex flex-wrap justify-center gap-10 mx-4 mt-16 mb-8"> <a href="https://www.tippmix.hu/" class="flex place-items-center" target="_blank"> <img src="/assets/img/sponsors/logo-tippmix.svg" width="143" height="28" alt=""> </a> <a href="https://www.maltai.hu/" class="flex place-items-center" target="_blank"> <img src="/assets/img/sponsors/logo-magyarvoroskereszt.svg" width="37" height="42" alt=""> </a> <a href="https://www.szekesfehervar.hu/" class="flex place-items-center" target="_blank"> <img src="/assets/img/sponsors/logo-szekesfehervar.svg" width="33" height="42" alt=""> </a> <a href="https://www.adidas.hu/" class="flex place-items-center" target="_blank"> <img src="/assets/img/sponsors/logo-adidas.svg" width="63" height="37" alt=""> </a> <a href="https://www.mlsz.hu/" class="flex place-items-center" target="_blank"> <img src="/assets/img/sponsors/logo-mlsz.svg" width="42" height="42" alt=""> </a> <a href="https://m4sport.hu/" class="flex place-items-center" target="_blank"> <img src="/assets/img/sponsors/logo-m4.svg" width="78" height="28" alt=""> </a> </div> <div class="flex flex-wrap justify-center gap-10 mx-4"> <a href="https://www.youtube.com/watch?v=TVN0gYLD8S8" class="flex place-items-center" target="_blank"> <img src="/assets/img/sponsors/logo-gyulolet.svg" width="75" height="42" alt=""> </a> <a href="https://molkupa.hu/" class="flex place-items-center" target="_blank"> <img src="/assets/img/sponsors/logo-mkk.svg" width="83" height="42" alt=""> </a> <a href="https://www.otpbank.hu/portal/hu/Maganszemelyek" class="flex place-items-center" target="_blank"> <img src="/assets/img/sponsors/logo-otpbank-liga.svg" width="139" height="28" alt=""> </a> <a href="https://simple.hu/" class="flex place-items-center" target="_blank"> <img src="/assets/img/sponsors/logo-simple-noi-magyar-kupa.svg" width="139" height="48" alt=""> </a> </div> <div class="grid gap-x-4 gap-y-8 items-center justify-center mt-20 px-8 lg:px-[6.25rem] 2xl:justify-between 2xl:grid-cols-[1fr,auto,1fr]"> <p class="text-sm text-center text-white opacity-50 2xl:text-left">2024 © Fehérvár FC - Minden jog fenntartva</p> <nav class="flex justify-center gap-x-5"> <a href="http://instagram.com/vidinstagram" target="_blank" class="inline-flex items-center justify-center w-10 h-10 text-white transition-colors duration-500 ease-in-out bg-white rounded-full bg-opacity-10 shadow-vidi backdrop-blur hover:bg-opacity-20"> <i class="fab fa-instagram"></i> </a> <a href="https://www.tiktok.com/@fehervarfc_official" target="_blank" class="inline-flex items-center justify-center w-10 h-10 text-white transition-colors duration-500 ease-in-out bg-white rounded-full bg-opacity-10 shadow-vidi backdrop-blur hover:bg-opacity-20"> <i class="fab fa-tiktok"></i> </a> <a href="https://www.facebook.com/fehervarfc" target="_blank" class="inline-flex items-center justify-center w-10 h-10 text-white transition-colors duration-500 ease-in-out bg-white rounded-full bg-opacity-10 shadow-vidi backdrop-blur hover:bg-opacity-20"> <i class="fab fa-facebook-f"></i> </a> </nav> <nav class="flex flex-col flex-wrap gap-4 text-center md:flex-row lg:ml-auto lg:justify-end"> <a href="/adatvedelem" class="text-sm font-medium text-white">Adatvédelem</a> <a href="/jogi-nyilatkozat" class="text-sm font-medium text-white">Jogi nyilatkozat</a> <a href="/press" class="text-sm font-medium text-white">Médiaakkreditálás</a> <a href="/impresszum" class="text-sm font-medium text-white">Impresszum</a> <a href="/tao" class="text-sm font-medium text-white">TAO</a> </nav> </div> </footer> <div x-cloak :class="$store.hamburger.on ? 'grid' : 'hidden'" class="fixed inset-0 z-30 overflow-auto modal-hamburger bg-vidi-blue"> <div class="h-[5.625rem] flex items-center justify-between px-4 lg:mt-[3.125rem] xl:px-8 2xl:px-[6.25rem]"> <a href="https://fehervarfc.hu" class="flex items-end mr-4 brand lg:origin-left lg:mr-auto lg:-translate-y-5"> <img src="/assets/img/logo-top.svg" width="455" height="110" class="hidden lg:block" alt=""> <img src="/assets/img/logo-mobile.svg" width="231" height="60" class="lg:hidden" alt=""> </a> <button type="button" x-on:click="$store.hamburger.toggle()" class="w-[3.75rem] h-[3.75rem] inline-flex items-center justify-center shrink-0 rounded-full bg-white bg-opacity-20 shadow-vidi text-white backdrop-blur hover:bg-opacity-30 focus:outline-none" aria-controls="mobile-menu" aria-expanded="false" aria-label="Hamburger menu"> <svg class="block w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"> </svg> </button> </div> <div class="flex flex-col gap-8 px-4 xl:flex-row xl:items-center xl:justify-center xl:px-8"> <form action="https://fehervarfc.hu/kereses" method="GET" class="relative mt-4 xl:hidden"> <div class="w-full"> <input type="search" name="q" minlength="3" class="w-full pl-8 pr-16 py-[1.15rem] bg-white bg-opacity-10 shadow-vidi backdrop-blur rounded-full border-0 font-medium text-white placeholder-white focus:ring-0" placeholder="Keresés..." required> </div> <button type="submit" class="absolute top-1/2 right-2 -translate-y-1/2 w-[3.125rem] h-[3.125rem] inline-flex items-center justify-center shrink-0 rounded-full text-white focus:outline-none" aria-controls="search-button" aria-expanded="false" aria-label="Search button"> <i class="far fa-search"></i> </button> </form> <nav class="xl:hidden"> <ul class="relative grid gap-4 dropdown-menu group xl:gap-8"> <li x-data="drowdown" x-id="['dropdown-button']" > <a nohref x-ref="button" x-on:click="toggle()" :class="{ 'active': open }" class="flex items-center justify-between font-semibold text-white cursor-pointer xl:inline-flex xl:text-4xl xl:group-hover:opacity-30" > Tartalom <span :class="{ 'bg-opacity-100 text-vidi-blue rotate-90': open, 'bg-opacity-10 text-white': !open }" class="inline-flex items-center justify-center w-8 h-8 text-xs bg-white rounded-full shrink-0 shadow-vidi backdrop-blur xl:hidden"> <i class="fal fa-long-arrow-right"></i> </span> </a> <ul x-ref="panel" x-show="open" x-on:click.outside="close($refs.button)" :id="$id('dropdown-button')" :class="{ 'hidden opacity-0 pointer-events-none': !open }" class="grid gap-4 mt-2 opacity-60 xl:mt-0 xl:w-1/2 xl:absolute xl:top-1/2 xl:left-1/2 xl:-translate-y-1/2 xl:translate-x-1/2 xl:opacity-100 xl:z-10" > <li > <a href="https://fehervarfc.hu/hirek" target="_self" class="flex items-center justify-between font-semibold text-white cursor-pointer xl:inline-flex xl:text-xl" > Hírek </a> </li> <li > <a href="https://fehervarfc.hu/vidi-tv" target="_self" class="flex items-center justify-between font-semibold text-white cursor-pointer xl:inline-flex xl:text-xl" > Vidi TV </a> </li> <li > <a href="https://fehervarfc.hu/galeria" target="_self" class="flex items-center justify-between font-semibold text-white cursor-pointer xl:inline-flex xl:text-xl" > Galériák </a> </li> <li > <a href="https://fehervarfc.hu/vidi-tv/osszefoglalok" target="_self" class="flex items-center justify-between font-semibold text-white cursor-pointer xl:inline-flex xl:text-xl" > Összefoglalók </a> </li> </ul> </li> <li x-data="drowdown" x-id="['dropdown-button']" > <a nohref x-ref="button" x-on:click="toggle()" :class="{ 'active': open }" class="flex items-center justify-between font-semibold text-white cursor-pointer xl:inline-flex xl:text-4xl xl:group-hover:opacity-30" > Felnőtt csapatok <span :class="{ 'bg-opacity-100 text-vidi-blue rotate-90': open, 'bg-opacity-10 text-white': !open }" class="inline-flex items-center justify-center w-8 h-8 text-xs bg-white rounded-full shrink-0 shadow-vidi backdrop-blur xl:hidden"> <i class="fal fa-long-arrow-right"></i> </span> </a> <ul x-ref="panel" x-show="open" x-on:click.outside="close($refs.button)" :id="$id('dropdown-button')" :class="{ 'hidden opacity-0 pointer-events-none': !open }" class="grid gap-4 mt-2 opacity-60 xl:mt-0 xl:w-1/2 xl:absolute xl:top-1/2 xl:left-1/2 xl:-translate-y-1/2 xl:translate-x-1/2 xl:opacity-100 xl:z-10" > <li > <a href="https://fehervarfc.hu/csapatok/fehervar-fc-i/keret-es-stab" target="_self" class="flex items-center justify-between font-semibold text-white cursor-pointer xl:inline-flex xl:text-xl" > Keret és stáb </a> </li> <li > <a href="https://fehervarfc.hu/csapatok/fehervar-fc-i/tabella" target="_self" class="flex items-center justify-between font-semibold text-white cursor-pointer xl:inline-flex xl:text-xl" > Tabella </a> </li> <li > <a href="https://fehervarfc.hu/csapatok/fehervar-fc-i/menetrend" target="_self" class="flex items-center justify-between font-semibold text-white cursor-pointer xl:inline-flex xl:text-xl" > Menetrend </a> </li> <li > <a href="https://fehervarfc.hu/csapatok/fehervar-fc-i/hirek" target="_self" class="flex items-center justify-between font-semibold text-white cursor-pointer xl:inline-flex xl:text-xl" > Hírek </a> </li> <li > <a href="https://fehervarfc.hu/csapatok/noi-felnott/keret-es-stab" target="_self" class="flex items-center justify-between font-semibold text-white cursor-pointer xl:inline-flex xl:text-xl" > Fehérvár FC Női NB II </a> </li> </ul> </li> <li x-data="drowdown" x-id="['dropdown-button']" > <a nohref x-ref="button" x-on:click="toggle()" :class="{ 'active': open }" class="flex items-center justify-between font-semibold text-white cursor-pointer xl:inline-flex xl:text-4xl xl:group-hover:opacity-30" > Jegyinformáció <span :class="{ 'bg-opacity-100 text-vidi-blue rotate-90': open, 'bg-opacity-10 text-white': !open }" class="inline-flex items-center justify-center w-8 h-8 text-xs bg-white rounded-full shrink-0 shadow-vidi backdrop-blur xl:hidden"> <i class="fal fa-long-arrow-right"></i> </span> </a> <ul x-ref="panel" x-show="open" x-on:click.outside="close($refs.button)" :id="$id('dropdown-button')" :class="{ 'hidden opacity-0 pointer-events-none': !open }" class="grid gap-4 mt-2 opacity-60 xl:mt-0 xl:w-1/2 xl:absolute xl:top-1/2 xl:left-1/2 xl:-translate-y-1/2 xl:translate-x-1/2 xl:opacity-100 xl:z-10" > <li > <a href="https://fehervarfc.hu/berlet" target="_self" class="flex items-center justify-between font-semibold text-white cursor-pointer xl:inline-flex xl:text-xl" > Bérletinformációk </a> </li> <li > <a href="https://fehervarfc.hu/jegy" target="_self" class="flex items-center justify-between font-semibold text-white cursor-pointer xl:inline-flex xl:text-xl" > Jegyinformációk </a> </li> <li > <a href="https://fehervarfc.hu/hirek/jegyinformaciok-a-sumqayit-elleni-konferencia-liga-visszavagora" target="_self" class="flex items-center justify-between font-semibold text-white cursor-pointer xl:inline-flex xl:text-xl" > KL-jegyinformációk </a> </li> <li > <a href="https://fehervarfc.hu/lounge" target="_self" class="flex items-center justify-between font-semibold text-white cursor-pointer xl:inline-flex xl:text-xl" > Lounge </a> </li> <li > <a href="https://fehervarfc.hu/klubkartya" target="_self" class="flex items-center justify-between font-semibold text-white cursor-pointer xl:inline-flex xl:text-xl" > Klubkártya </a> </li> </ul> </li> <li x-data="drowdown" x-id="['dropdown-button']" > <a nohref x-ref="button" x-on:click="toggle()" :class="{ 'active': open }" class="flex items-center justify-between font-semibold text-white cursor-pointer xl:inline-flex xl:text-4xl xl:group-hover:opacity-30" > Klub <span :class="{ 'bg-opacity-100 text-vidi-blue rotate-90': open, 'bg-opacity-10 text-white': !open }" class="inline-flex items-center justify-center w-8 h-8 text-xs bg-white rounded-full shrink-0 shadow-vidi backdrop-blur xl:hidden"> <i class="fal fa-long-arrow-right"></i> </span> </a> <ul x-ref="panel" x-show="open" x-on:click.outside="close($refs.button)" :id="$id('dropdown-button')" :class="{ 'hidden opacity-0 pointer-events-none': !open }" class="grid gap-4 mt-2 opacity-60 xl:mt-0 xl:w-1/2 xl:absolute xl:top-1/2 xl:left-1/2 xl:-translate-y-1/2 xl:translate-x-1/2 xl:opacity-100 xl:z-10" > <li > <a href="https://fehervarfc.hu/klubinformacio" target="_self" class="flex items-center justify-between font-semibold text-white cursor-pointer xl:inline-flex xl:text-xl" > Klubinformációk </a> </li> <li > <a href="https://fehervarfc.hu/hirek/partnerek-es-tamogatok" target="_self" class="flex items-center justify-between font-semibold text-white cursor-pointer xl:inline-flex xl:text-xl" > Partnerek és támogatók </a> </li> <li > <a href="https://vidipedia.hu/" target="_blank" class="flex items-center justify-between font-semibold text-white cursor-pointer xl:inline-flex xl:text-xl" > Klubtörténet </a> </li> <li > <a href="https://fehervarfc.hu/hirek/igy-vegezhetsz-el-te-is-kezdorugast-hazai-vidi-meccs-elott" target="_self" class="flex items-center justify-between font-semibold text-white cursor-pointer xl:inline-flex xl:text-xl" > Kezdőrúgás </a> </li> </ul> </li> <li > <a href="https://www.vidishop.hu/" target="_blank" class="flex items-center justify-between font-semibold text-white cursor-pointer xl:inline-flex xl:text-4xl xl:group-hover:opacity-30" > Vidishop </a> </li> </ul> </nav> <nav class="w-full xl:w-1/2"> <ul class="relative grid gap-4 dropdown-menu group xl:gap-8"> <li x-data="drowdown" x-id="['dropdown-button']" > <a nohref x-ref="button" x-on:click="toggle()" :class="{ 'active': open }" class="flex items-center justify-between font-semibold text-white cursor-pointer xl:inline-flex xl:text-4xl xl:group-hover:opacity-30" > UP - Fiú csapatok <span :class="{ 'bg-opacity-100 text-vidi-blue rotate-90': open, 'bg-opacity-10 text-white': !open }" class="inline-flex items-center justify-center w-8 h-8 text-xs bg-white rounded-full shrink-0 shadow-vidi backdrop-blur xl:hidden"> <i class="fal fa-long-arrow-right"></i> </span> </a> <ul x-ref="panel" x-show="open" x-on:click.outside="close($refs.button)" :id="$id('dropdown-button')" :class="{ 'hidden opacity-0 pointer-events-none': !open }" class="grid gap-4 mt-2 opacity-60 xl:mt-0 xl:w-1/2 xl:absolute xl:top-1/2 xl:left-1/2 xl:-translate-y-1/2 xl:translate-x-1/2 xl:opacity-100 xl:z-10" > <li > <a href="https://fehervarfc.hu/csapatok/u-17/keret-es-stab" target="_self" class="flex items-center justify-between font-semibold text-white cursor-pointer xl:inline-flex xl:text-xl" > U17 Fehérvár FC </a> </li> <li > <a href="https://fehervarfc.hu/csapatok/u-16/keret-es-stab" target="_self" class="flex items-center justify-between font-semibold text-white cursor-pointer xl:inline-flex xl:text-xl" > U16 Fehérvár FC </a> </li> <li > <a href="https://fehervarfc.hu/csapatok/u-15/keret-es-stab" target="_self" class="flex items-center justify-between font-semibold text-white cursor-pointer xl:inline-flex xl:text-xl" > U15 Fehérvár FC </a> </li> <li > <a href="https://fehervarfc.hu/csapatok/u-14/keret-es-stab" target="_self" class="flex items-center justify-between font-semibold text-white cursor-pointer xl:inline-flex xl:text-xl" > U14 Fehérvár FC </a> </li> <li > <a href="https://fehervarfc.hu/csapatok/u-13/keret-es-stab" target="_self" class="flex items-center justify-between font-semibold text-white cursor-pointer xl:inline-flex xl:text-xl" > U13 Fehérvár FC </a> </li> <li > <a href="https://fehervarfc.hu/csapatok/u-12/keret-es-stab" target="_self" class="flex items-center justify-between font-semibold text-white cursor-pointer xl:inline-flex xl:text-xl" > U12 Fehérvár FC </a> </li> <li > <a href="https://fehervarfc.hu/csapatok/u-11/keret-es-stab" target="_self" class="flex items-center justify-between font-semibold text-white cursor-pointer xl:inline-flex xl:text-xl" > U11 Fehérvár FC </a> </li> <li > <a href="https://fehervarfc.hu/csapatok/u-10/keret-es-stab" target="_self" class="flex items-center justify-between font-semibold text-white cursor-pointer xl:inline-flex xl:text-xl" > U10 Fehérvár FC </a> </li> <li > <a href="https://fehervarfc.hu/csapatok/u-9/keret-es-stab" target="_self" class="flex items-center justify-between font-semibold text-white cursor-pointer xl:inline-flex xl:text-xl" > U9 Fehérvár FC </a> </li> <li > <a href="https://fehervarfc.hu/csapatok/u-8/keret-es-stab" target="_self" class="flex items-center justify-between font-semibold text-white cursor-pointer xl:inline-flex xl:text-xl" > U8 Fehérvár FC </a> </li> <li > <a href="https://fehervarfc.hu/csapatok/u-7/keret-es-stab" target="_self" class="flex items-center justify-between font-semibold text-white cursor-pointer xl:inline-flex xl:text-xl" > U7 Fehérvár FC </a> </li> </ul> </li> <li x-data="drowdown" x-id="['dropdown-button']" > <a nohref x-ref="button" x-on:click="toggle()" :class="{ 'active': open }" class="flex items-center justify-between font-semibold text-white cursor-pointer xl:inline-flex xl:text-4xl xl:group-hover:opacity-30" > UP - Leány csapatok <span :class="{ 'bg-opacity-100 text-vidi-blue rotate-90': open, 'bg-opacity-10 text-white': !open }" class="inline-flex items-center justify-center w-8 h-8 text-xs bg-white rounded-full shrink-0 shadow-vidi backdrop-blur xl:hidden"> <i class="fal fa-long-arrow-right"></i> </span> </a> <ul x-ref="panel" x-show="open" x-on:click.outside="close($refs.button)" :id="$id('dropdown-button')" :class="{ 'hidden opacity-0 pointer-events-none': !open }" class="grid gap-4 mt-2 opacity-60 xl:mt-0 xl:w-1/2 xl:absolute xl:top-1/2 xl:left-1/2 xl:-translate-y-1/2 xl:translate-x-1/2 xl:opacity-100 xl:z-10" > <li > <a href="https://fehervarfc.hu/csapatok/leany-u-19/keret-es-stab" target="_self" class="flex items-center justify-between font-semibold text-white cursor-pointer xl:inline-flex xl:text-xl" > Fehérvár FC - U19 leány </a> </li> <li > <a href="https://fehervarfc.hu/csapatok/leany-u-16/keret-es-stab" target="_self" class="flex items-center justify-between font-semibold text-white cursor-pointer xl:inline-flex xl:text-xl" > Fehérvár FC - U16 leány </a> </li> <li > <a href="https://fehervarfc.hu/csapatok/leany-u-14/keret-es-stab" target="_self" class="flex items-center justify-between font-semibold text-white cursor-pointer xl:inline-flex xl:text-xl" > Fehérvár FC - U14 leány </a> </li> <li > <a href="https://fehervarfc.hu/csapatok/leany-u-11/keret-es-stab" target="_self" class="flex items-center justify-between font-semibold text-white cursor-pointer xl:inline-flex xl:text-xl" > Fehérvár FC - U11 leány </a> </li> <li > <a href="https://fehervarfc.hu/csapatok/leany-u-9/keret-es-stab" target="_self" class="flex items-center justify-between font-semibold text-white cursor-pointer xl:inline-flex xl:text-xl" > Fehérvár FC - U9 leány </a> </li> <li > <a href="https://fehervarfc.hu/csapatok/leany-u-7/keret-es-stab" target="_self" class="flex items-center justify-between font-semibold text-white cursor-pointer xl:inline-flex xl:text-xl" > Fehérvár FC - U7 leány </a> </li> <li > <a href="https://fehervarfc.hu/hirek/focizz-te-is-a-vidi-leany-csapataiban-2024" target="_self" class="flex items-center justify-between font-semibold text-white cursor-pointer xl:inline-flex xl:text-xl" > Utánpótlás jelentkezés lányoknak </a> </li> </ul> </li> <li x-data="drowdown" x-id="['dropdown-button']" > <a nohref x-ref="button" x-on:click="toggle()" :class="{ 'active': open }" class="flex items-center justify-between font-semibold text-white cursor-pointer xl:inline-flex xl:text-4xl xl:group-hover:opacity-30" > Mérkőzésinformációk <span :class="{ 'bg-opacity-100 text-vidi-blue rotate-90': open, 'bg-opacity-10 text-white': !open }" class="inline-flex items-center justify-center w-8 h-8 text-xs bg-white rounded-full shrink-0 shadow-vidi backdrop-blur xl:hidden"> <i class="fal fa-long-arrow-right"></i> </span> </a> <ul x-ref="panel" x-show="open" x-on:click.outside="close($refs.button)" :id="$id('dropdown-button')" :class="{ 'hidden opacity-0 pointer-events-none': !open }" class="grid gap-4 mt-2 opacity-60 xl:mt-0 xl:w-1/2 xl:absolute xl:top-1/2 xl:left-1/2 xl:-translate-y-1/2 xl:translate-x-1/2 xl:opacity-100 xl:z-10" > <li > <a href="https://www.vidishop.hu/custom/vidishop/image/data/fehervarfc/ASZF_2023.pdf" target="_self" class="flex items-center justify-between font-semibold text-white cursor-pointer xl:inline-flex xl:text-xl" > Jegy- és bérletértékesítés ÁSZF </a> </li> <li > <a href="https://fehervarfc.hu/biztonsag" target="_self" class="flex items-center justify-between font-semibold text-white cursor-pointer xl:inline-flex xl:text-xl" > Biztonsági szabályok </a> </li> <li > <a href="https://fehervarfc.hu/vasaroljon-jegyet-kenyelmesen-online" target="_self" class="flex items-center justify-between font-semibold text-white cursor-pointer xl:inline-flex xl:text-xl" > Vásárolj jegyet online! </a> </li> </ul> </li> <li > <a href="https://fehervarfc.hu/press" target="_self" class="flex items-center justify-between font-semibold text-white cursor-pointer xl:inline-flex xl:text-4xl xl:group-hover:opacity-30" > Press </a> </li> </ul> </nav> <a href="https://fehervarfc.hu/en/vidi-tv/5819" class="w-full h-[40px] px-8 inline-flex items-center justify-center gap-2 bg-white bg-opacity-10 shadow-vidi rounded-full text-white font-bold text-sm uppercase backdrop-blur group transition-colors duration-500 ease-in-out hover:bg-opacity-20 xl:hidden"> <img src="/assets/img/flags/gb.svg" width="20" height="20" class="object-cover object-center w-5 h-5 rounded-full" alt=""> English </a> <nav class="flex justify-center gap-x-5 xl:hidden"> <a href="http://instagram.com/vidinstagram" target="_blank" class="inline-flex items-center justify-center w-10 h-10 text-white transition-colors duration-500 ease-in-out bg-white rounded-full bg-opacity-10 shadow-vidi backdrop-blur hover:bg-opacity-20"> <i class="fab fa-instagram"></i> </a> <a href="https://www.tiktok.com/@molfehervarfc" target="_blank" class="inline-flex items-center justify-center w-10 h-10 text-white transition-colors duration-500 ease-in-out bg-white rounded-full bg-opacity-10 shadow-vidi backdrop-blur hover:bg-opacity-20"> <i class="fab fa-tiktok"></i> </a> <a href="https://www.facebook.com/molfehervarfc" target="_blank" class="inline-flex items-center justify-center w-10 h-10 text-white transition-colors duration-500 ease-in-out bg-white rounded-full bg-opacity-10 shadow-vidi backdrop-blur hover:bg-opacity-20"> <i class="fab fa-facebook-f"></i> </a> </nav> </div> </div> <div x-cloak @popstate.window="$store.userModal.state = ((location.hash === '#login' || location.hash === '#registration' || location.hash === '#lost-password' || location.hash === '#press-login' || location.hash === '#press-registration' || location.hash === '#press-lost-password') ? location.hash : false)" :class="$store.userModal.state ? `modal-${$store.userModal.state.slice(1)} grid` : 'hidden'" class="fixed inset-0 z-30 overflow-auto bg-vidi-blue"> <div class="mt-5 h-[5.625rem] flex items-center justify-between px-4 lg:mt-[3.125rem] xl:px-8 2xl:px-[6.25rem]"> <a href="https://fehervarfc.hu" class="flex items-end mr-4 brand lg:origin-left lg:mr-auto lg:-translate-y-5"> <img src="/assets/img/logo-top.svg" width="455" height="110" class="hidden md:block" alt=""> <img src="/assets/img/logo-mobile.svg" width="231" height="60" class="md:hidden" alt=""> </a> <button type="button" x-on:click="history.pushState('', document.title, window.location.pathname);dispatchEvent(new PopStateEvent('popstate'));" class="w-[3.75rem] h-[3.75rem] inline-flex items-center justify-center shrink-0 rounded-full bg-white bg-opacity-20 shadow-vidi text-white backdrop-blur hover:bg-opacity-30 focus:outline-none" aria-controls="mobile-menu" aria-expanded="false" aria-label="Hamburger menu"> <svg class="block w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"> </svg> </button> </div> <template x-if="$store.userModal.state === '#press-login'"> <div class="grid grid-cols-1 gap-5 items-center px-4 lg:grid-cols-2 xl:px-8 2xl:px-[6.25rem]"> <div class="space-y-8"> <h2 class="text-3xl font-bold text-white lg:text-7xl">Lépj be VIDIPRESS profilodba</h2> <p class="text-xl text-white">Kizárólag a média munkatársainak elérhető jogtiszta tartalmak: sajtóközlemények, adatlapok, klubinfomációk, kis és nagy felbontású képek illetve online akkreditáció a Fehérvár FC hazai mérkőzéseire.</p> </div> <div class="mx-auto mb-8 bg-white rounded-2xl lg:w-[27.5rem]"> <div class="p-4 space-y-5 lg:p-9"> <h2 class="text-4xl text-center uppercase font-bebas">Belépés</h2> <p class="text-xl text-center">Lépj be e-mail címeddel és jelszavaddal a profilodba</p> <form method="POST" action="https://fehervarfc.hu/press-belepes" class="space-y-10" novalidate> <input type="hidden" name="_token" value="1GyGkTB2jIXvTYWnyJg2nFnu1NZyq7M1olSHVnWe"> <input type="hidden" name="g-recaptcha-response" id="g-recaptcha-response-66a46cb20975c"> <script type="text/javascript"> inputElement = document.getElementById('g-recaptcha-response-66a46cb20975c'); parentForm = inputElement.parentElement; while (parentForm && parentForm.tagName !== 'FORM') { parentForm = parentForm.parentElement; } if (parentForm) { parentForm.addEventListener('submit', function(event) { event.preventDefault(); window.grecaptcha.execute('6LcdccIhAAAAAEdILct3dEEz04u_s1g4NHNO0DZy', {action: 'presslogin'}).then(function(token) { inputElement.value = token; parentForm.submit(); }); }); } </script> <div class=""> <label for="email" class="block ml-8 text-xs uppercase">E-mail címed</label> <input type="email" value="" name="email" id="email" class="block w-full px-8 py-4 text-sm font-medium bg-opacity-50 border-transparent rounded-full bg-vidi-gray-100 hover:border-vidi-blue focus:border-vidi-blue focus:ring-0" placeholder="Add meg az e-mail címed"> </div> <div class=""> <label for="password" class="block ml-8 text-xs uppercase">Jelszavad</label> <input type="password" name="password" id="password" class="block w-full px-8 py-4 text-sm font-medium bg-opacity-50 border-transparent rounded-full bg-vidi-gray-100 hover:border-vidi-blue focus:border-vidi-blue focus:ring-0" placeholder="Add meg a jelszavad"> </div> <p class="text-sm font-medium text-center opacity-60"> <a href="#press-lost-password">Elfelejtettem a jelszavam</a> </p> <p> <button type="submit" class="w-full h-[50px] px-8 inline-flex items-center justify-center btn-vidi shadow-vidi rounded-full text-white font-bold group"> Belépés <i class="ml-4 transition-transform duration-500 ease-in-out fal fa-long-arrow-right group-hover:translate-x-1"></i> </button> </p> </form> </div> <div class="grid gap-5 p-4 text-center border-t border-vidi-gray-100 lg:p-9"> <p class="text-sm font-medium">Nincs még profilod?</p> <p> <a href="#press-registration" class="inline-flex items-center gap-2 font-bold group"> Regisztrálok <i class="transition-transform duration-500 ease-in-out fal fa-long-arrow-right group-hover:translate-x-1"></i> </a> </p> </div> </div> </div> </template> <template x-if="$store.userModal.state === '#press-registration'"> <div class="flex flex-col gap-5 items-center px-4 lg:flex-row xl:px-8 2xl:px-[6.25rem]"> <div class="space-y-8 lg:w-1/3 2xl:w-1/4"> <h2 class="text-3xl font-bold text-white hyphenate lg:text-7xl">Regisztráció a VIDIPRESS használatához</h2> <p class="text-xl text-white">Már van profilod? Lépj be e-mail címeddel!</p> <p> <a href="#press-login" class="h-[50px] px-8 inline-flex items-center justify-center bg-white bg-opacity-10 shadow-vidi rounded-full text-white font-bold text-sm backdrop-blur group transition-colors duration-500 ease-in-out hover:bg-opacity-20"> Belépés <i class="ml-4 transition-transform duration-500 ease-in-out fal fa-long-arrow-right group-hover:translate-x-1"></i> </a> </p> </div> <div class="w-full mx-auto mb-8 bg-white rounded-2xl lg:w-2/3 2xl:w-[52rem]"> <div class="p-4 space-y-5 lg:p-9"> <h2 class="font-bebas text-4xl text-center uppercase">Regisztráció</h2> <p class="text-center text-xl">Kérjük, hogy a következő mezőket pontosan és hiánytalanul töltsd ki.</p> <form method="POST" action="https://fehervarfc.hu/press-regisztracio" class="grid gap-8 grid-cols-1 lg:grid-cols-2" novalidate> <input type="hidden" name="_token" value="1GyGkTB2jIXvTYWnyJg2nFnu1NZyq7M1olSHVnWe"> <input type="hidden" name="g-recaptcha-response" id="g-recaptcha-response-66a46cb209f24"> <script type="text/javascript"> inputElement = document.getElementById('g-recaptcha-response-66a46cb209f24'); parentForm = inputElement.parentElement; while (parentForm && parentForm.tagName !== 'FORM') { parentForm = parentForm.parentElement; } if (parentForm) { parentForm.addEventListener('submit', function(event) { event.preventDefault(); window.grecaptcha.execute('6LcdccIhAAAAAEdILct3dEEz04u_s1g4NHNO0DZy', {action: 'pressregister'}).then(function(token) { inputElement.value = token; parentForm.submit(); }); }); } </script> <div class=""> <label for="press-last_name" class="block ml-8 text-xs uppercase">Vezetéknév</label> <input type="text" value="" name="last_name" id="press-last_name" class="w-full block px-8 py-4 bg-vidi-gray-100 bg-opacity-50 border-transparent rounded-full font-medium text-sm hover:border-vidi-blue focus:border-vidi-blue focus:ring-0" placeholder="Add meg a vezetékneved"> </div> <div class=""> <label for="press-first_name" class="block ml-8 text-xs uppercase">Keresztnév</label> <input type="text" value="" name="first_name" id="press-first_name" class="w-full block px-8 py-4 bg-vidi-gray-100 bg-opacity-50 border-transparent rounded-full font-medium text-sm hover:border-vidi-blue focus:border-vidi-blue focus:ring-0" placeholder="Add meg a keresztneved"> </div> <div class=""> <label for="press-email" class="block ml-8 text-xs uppercase">E-mail címed</label> <input type="email" value="" name="email" id="press-email" class="w-full block px-8 py-4 bg-vidi-gray-100 bg-opacity-50 border-transparent rounded-full font-medium text-sm hover:border-vidi-blue focus:border-vidi-blue focus:ring-0" placeholder="Add meg az e-mail címed"> </div> <div class=""> <label for="press-telephone" class="block ml-8 text-xs uppercase">Telefon</label> <input type="tel" value="" name="phone_number" id="press-telephone" class="w-full block px-8 py-4 bg-vidi-gray-100 bg-opacity-50 border-transparent rounded-full font-medium text-sm hover:border-vidi-blue focus:border-vidi-blue focus:ring-0" placeholder="Telefon szám megadása"> </div> <div class=""> <label for="press-password" class="block ml-8 text-xs uppercase">Jelszó</label> <input type="password" name="password" id="press-password" class="w-full block px-8 py-4 bg-vidi-gray-100 bg-opacity-50 border-transparent rounded-full font-medium text-sm hover:border-vidi-blue focus:border-vidi-blue focus:ring-0" placeholder="Add meg a jelszót"> </div> <div class=""> <label for="press-password_confirmation" class="block ml-8 text-xs uppercase">Jelszó megerősítése</label> <input type="password" name="password_confirmation" id="press-password_confirmation" class="w-full block px-8 py-4 bg-vidi-gray-100 bg-opacity-50 border-transparent rounded-full font-medium text-sm hover:border-vidi-blue focus:border-vidi-blue focus:ring-0" placeholder="Add meg a jelszót újra"> </div> <div class="grid gap-8 col-span-full grid-cols-4"> <div class="col-span-full md:col-span-1"> <label for="press-date_of_birth" class="block ml-8 text-xs uppercase">Születési dátum</label> <input type="text" x-data="datepicker" x-ref="datepickerInput" value="" name="date_of_birth" id="press-date_of_birth" class="w-full block px-8 py-4 bg-vidi-gray-100 bg-opacity-50 border-transparent rounded-full font-medium text-sm hover:border-vidi-blue focus:border-vidi-blue focus:ring-0" placeholder="Születési dátum"> </div> <div class="col-span-full md:col-span-3"> <label for="press-place_of_birth" class="block ml-8 text-xs uppercase">Születési hely</label> <input type="text" value="" name="place_of_birth" id="press-place_of_birth" class="w-full block px-8 py-4 bg-vidi-gray-100 bg-opacity-50 border-transparent rounded-full font-medium text-sm hover:border-vidi-blue focus:border-vidi-blue focus:ring-0" placeholder="Születési hely megadása"> </div> </div> <div class="col-span-full"> <p class="block ml-8 mb-3 text-xs uppercase">Nem</p> <div class="flex gap-8"> <label class="inline-flex items-center"> <input type="radio" name="gender" value="0" checked class="w-8 h-8 rounded-full bg-vidi-gray-100 border-transparent text-vidi-blue hover:border-vidi-blue focus:ring-0" /> <span class="ml-2 text-sm">Férfi</span> </label> <label class="inline-flex items-center"> <input type="radio" name="gender" value="1" class="w-8 h-8 rounded-full bg-vidi-gray-100 border-transparent text-vidi-blue hover:border-vidi-blue focus:ring-0" /> <span class="ml-2 text-sm">Nő</span> </label> </div> </div> <div class="col-span-full"> <h3 class="-mb-4 ml-8 text-vidi-blue font-bebas uppercase text-xl">Céges adatok</h3> </div> <div class=""> <label for="press_medium_name" class="block ml-8 text-xs uppercase">Szervezet (médium) neve</label> <input type="text" value="" name="press_medium_name" id="press_medium_name" class="w-full block px-8 py-4 bg-vidi-gray-100 bg-opacity-50 border-transparent rounded-full font-medium text-sm hover:border-vidi-blue focus:border-vidi-blue focus:ring-0" placeholder="Add meg a szervezet (médium) nevét"> </div> <div class=""> <label for="press_company_name" class="block ml-8 text-xs uppercase">Szervezet cégneve</label> <input type="text" value="" name="press_company_name" id="press_company_name" class="w-full block px-8 py-4 bg-vidi-gray-100 bg-opacity-50 border-transparent rounded-full font-medium text-sm hover:border-vidi-blue focus:border-vidi-blue focus:ring-0" placeholder="Add meg a szervezet cégnevét"> </div> <div class="grid gap-8 col-span-full grid-cols-4"> <div class="col-span-full md:col-span-1"> <label for="press_mailing_zip" class="block ml-8 text-xs uppercase">Irányítószám</label> <input type="number" value="" name="press_mailing_zip" maxlength="4" id="press_mailing_zip" class="w-full block px-8 py-4 bg-vidi-gray-100 bg-opacity-50 border-transparent rounded-full font-medium text-sm hover:border-vidi-blue focus:border-vidi-blue focus:ring-0" placeholder="Irszám"> </div> <div class="col-span-full md:col-span-3"> <label for="press_mailing_city" class="block ml-8 text-xs uppercase">Város</label> <input type="text" value="" name="press_mailing_city" id="press_mailing_city" class="w-full block px-8 py-4 bg-vidi-gray-100 bg-opacity-50 border-transparent rounded-full font-medium text-sm hover:border-vidi-blue focus:border-vidi-blue focus:ring-0" placeholder="Város"> </div> </div> <div class="grid gap-8 col-span-full grid-cols-4"> <div class="col-span-full md:col-span-3"> <label for="press_mailing_address" class="block ml-8 text-xs uppercase">Utca</label> <input type="text" value="" name="press_mailing_address" id="press_mailing_address" class="w-full block px-8 py-4 bg-vidi-gray-100 bg-opacity-50 border-transparent rounded-full font-medium text-sm hover:border-vidi-blue focus:border-vidi-blue focus:ring-0" placeholder="Add meg az utca nevét"> </div> <div class="col-span-full md:col-span-1"> <label for="press_mailing_street_number" class="block ml-8 text-xs uppercase">Házszám</label> <input type="text" value="" name="press_mailing_street_number" id="press_mailing_street_number" class="w-full block px-8 py-4 bg-vidi-gray-100 bg-opacity-50 border-transparent rounded-full font-medium text-sm hover:border-vidi-blue focus:border-vidi-blue focus:ring-0" placeholder="Házszám"> </div> </div> <div class="col-span-full"> <label for="press-title" class="block ml-8 text-xs uppercase">Munkakör</label> <select name="press_title_id" id="press-title" class="w-full block px-8 py-4 bg-vidi-gray-100 bg-opacity-50 border-transparent rounded-full font-medium text-sm hover:border-vidi-blue focus:border-vidi-blue focus:ring-0 invalid:text-gray-500"> <option value="" selected disabled hidden>Válassz</option> <option value="1" >TV-s, operatőr, szerkesztő</option> <option value="2" >Fotós</option> <option value="3" >Újságíró</option> <option value="4" >Rádiós szerkesztő, munkatárs</option> <option value="5" >Internetes szerkesztő</option> </select> </div> <div class="col-span-full px-4 py-7 border border-vidi-gray-100 rounded-2xl lg:px-10"> <h3 class="mb-4 text-vidi-blue font-bebas uppercase text-xl">Iratkozz fel hírlevelünkre</h3> <div class="flex flex-col gap-8 justify-between items-center lg:flex-row"> <p class="text-sm">Értesülj első kézből a Vidivel kapcsolatos hírekről, eseményekről, Vidishop kedvezményekről!</p> <label class="inline-flex items-center shrink-0"> <input type="checkbox" name="newsletter" value="1" class="w-8 h-8 rounded-full bg-vidi-gray-100 border-transparent text-vidi-blue hover:border-vidi-blue focus:ring-transparent"> <span class="ml-2 text-sm">Feliratkozom a hírlevélre</span> </label> </div> </div> <div class="col-span-full flex flex-col gap-8 items-center justify-between lg:flex-row"> <div class=""> <label class="inline-flex items-center"> <input type="checkbox" name="accept_terms" value="1" class="w-8 h-8 rounded-full bg-vidi-gray-100 border-transparent text-vidi-blue hover:border-vidi-blue focus:ring-transparent"> <span class="ml-2 text-sm">Elfogadom az <a href="" target="_blank">adatkezelési nyilatkozatot</a></span> </label> </div> <p> <button type="submit" class="h-[50px] px-8 inline-flex items-center justify-center btn-vidi shadow-vidi rounded-full text-white font-bold text-sm group"> Regisztrálok <i class="fal fa-long-arrow-right ml-4 transition-transform duration-500 ease-in-out group-hover:translate-x-1"></i> </button> </p> </div> </form> </div> </div> </div> </template> <template x-if="$store.userModal.state === '#lost-password'"> <div class="flex flex-col gap-5 items-center px-4 lg:flex-row xl:px-8 2xl:px-[6.25rem]"> <h2 class="text-3xl font-bold text-white lg:text-7xl lg:w-1/2">Lépj be szurkolói profilodba</h2> <div class="w-full mx-auto mb-8 bg-white rounded-2xl lg:w-[27.5rem]"> <div class="p-4 space-y-5 lg:p-9"> <h2 class="text-4xl text-center uppercase font-bebas">Elfelejtett jelszó</h2> <p class="text-xl text-center">Kérj jelszó-emlékeztetőt</p> <form method="POST" action="https://fehervarfc.hu/jelszo-visszaallitas" class="space-y-10" novalidate> <input type="hidden" name="_token" value="1GyGkTB2jIXvTYWnyJg2nFnu1NZyq7M1olSHVnWe"> <div class=""> <label for="lost-email" class="block ml-8 text-xs uppercase">E-mail címed</label> <input type="email" value="" name="email" id="lost-email" class="block w-full px-8 py-4 text-sm font-medium bg-opacity-50 border-transparent rounded-full bg-vidi-gray-100 hover:border-vidi-blue focus:border-vidi-blue focus:ring-0" placeholder="Add meg az e-mail címed"> </div> <p> <button type="submit" class="w-full h-[50px] px-8 inline-flex items-center justify-center btn-vidi shadow-vidi rounded-full text-white font-bold group"> Elfelejtettem a jelszavam <i class="ml-4 transition-transform duration-500 ease-in-out fal fa-long-arrow-right group-hover:translate-x-1"></i> </button> </p> </form> </div> <div class="grid gap-5 p-4 text-center border-t border-vidi-gray-100 lg:p-9"> <p class="text-sm font-medium">Mégis belépnél?</p> <p> <a href="#login" class="inline-flex items-center gap-2 font-bold group"> Belépek <i class="transition-transform duration-500 ease-in-out fal fa-long-arrow-right group-hover:translate-x-1"></i> </a> </p> </div> </div> </div> </template> <template x-if="$store.userModal.state === '#press-lost-password'"> <div class="flex flex-col gap-5 items-center px-4 lg:flex-row xl:px-8 2xl:px-[6.25rem]"> <h2 class="text-3xl font-bold text-white lg:text-7xl lg:w-1/2">Lépj be VIDIPRESS profilodba</h2> <div class="w-full mx-auto mb-8 bg-white rounded-2xl lg:w-[27.5rem]"> <div class="p-4 space-y-5 lg:p-9"> <h2 class="text-4xl text-center uppercase font-bebas">Elfelejtett jelszó</h2> <p class="text-xl text-center">Kérj jelszó-emlékeztetőt</p> <form method="POST" action="https://fehervarfc.hu/jelszo-visszaallitas" class="space-y-10" novalidate> <input type="hidden" name="_token" value="1GyGkTB2jIXvTYWnyJg2nFnu1NZyq7M1olSHVnWe"> <div class=""> <label for="press-lost-email" class="block ml-8 text-xs uppercase">E-mail címed</label> <input type="email" value="" name="email" id="press-lost-email" class="block w-full px-8 py-4 text-sm font-medium bg-opacity-50 border-transparent rounded-full bg-vidi-gray-100 hover:border-vidi-blue focus:border-vidi-blue focus:ring-0" placeholder="Add meg az e-mail címed"> </div> <p> <button type="submit" class="w-full h-[50px] px-8 inline-flex items-center justify-center btn-vidi shadow-vidi rounded-full text-white font-bold group"> Elfelejtettem a jelszavam <i class="ml-4 transition-transform duration-500 ease-in-out fal fa-long-arrow-right group-hover:translate-x-1"></i> </button> </p> </form> </div> <div class="grid gap-5 p-4 text-center border-t border-vidi-gray-100 lg:p-9"> <p class="text-sm font-medium">Mégis belépnél?</p> <p> <a href="#press-login" class="inline-flex items-center gap-2 font-bold group"> Belépek <i class="transition-transform duration-500 ease-in-out fal fa-long-arrow-right group-hover:translate-x-1"></i> </a> </p> </div> </div> </div> </template> </div> <script> let lang = 'hu'; </script> <script src="/assets/js/app.js?id=d95d4c7c226685c9436b0edf417a356e"></script> </body> </html>