Document

<!DOCTYPE html> <html lang="ro"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">   <link rel="preconnect" href="https://fonts.bunny.net"> <link href="https://fonts.bunny.net/css?family=figtree:400,600&display=swap" rel="stylesheet" /> <script> // JavaScript countdown logic function countdown() { var countdownStartDate = new Date("2024-11-14").getTime(); var countdownEndDate = new Date("2024-11-15").getTime(); var x = setInterval(function() { var now = new Date().getTime(); var distanceStart = countdownStartDate - now; var distanceEnd = countdownEndDate - now; var daysStart = Math.floor(distanceStart / (1000 * 60 * 60 * 24)); var hoursStart = Math.floor((distanceStart % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); var minutesStart = Math.floor((distanceStart % (1000 * 60 * 60)) / (1000 * 60)); var secondsStart = Math.floor((distanceStart % (1000 * 60)) / 1000); var daysEnd = Math.floor(distanceEnd / (1000 * 60 * 60 * 24)); var hoursEnd = Math.floor((distanceEnd % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); var minutesEnd = Math.floor((distanceEnd % (1000 * 60 * 60)) / (1000 * 60)); var secondsEnd = Math.floor((distanceEnd % (1000 * 60)) / 1000); document.getElementById("zileramase").innerHTML = daysStart; document.getElementById("oreramase").innerHTML = hoursStart; document.getElementById("minuteramase").innerHTML = minutesStart; document.getElementById("secunderamase").innerHTML = secondsStart; if (distanceStart < 0 && distanceEnd > 0) { clearInterval(x); document.getElementById("countdown").innerHTML = "Eveniment 卯n desf膬葯urare"; } if (distanceEnd < 0) { clearInterval(x); document.getElementById("countdown").innerHTML = "Evenimentul s-a sf芒r葯it"; } }, 1000); // var x = setInterval(function() { // var now = new Date().getTime(); // var distance = countdownDate - now; // var days = Math.floor(distance / (1000 * 60 * 60 * 24)); // var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); // var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); // var seconds = Math.floor((distance % (1000 * 60)) / 1000); // document.getElementById("zileramase").innerHTML = days; // document.getElementById("oreramase").innerHTML = hours; // document.getElementById("minuteramase").innerHTML = minutes; // document.getElementById("secunderamase").innerHTML = seconds; // if (distance < 0) { // clearInterval(x); // document.getElementById("countdown").innerHTML = "Evenimentul s-a sf芒r葯it."; // } // }, 1000); } window.onload = function() { countdown(); }; </script> </head> <body> <!DOCTYPE html> <html lang="ro" class="dark"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="csrf-token" content="A115zghXGaY705QOLirnPLZxy579UCQwlyNh4L4o"> <title>Bilete UPB</title>  <link rel="preconnect" href="https://fonts.bunny.net"> <link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" />    <link rel="preconnect" href="https://fonts.bunny.net"> <link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" />   <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', '2446582965729966'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=2446582965729966&ev=PageView&noscript=1" /></noscript>  <link rel="preload" as="style" href="https://bilete.upb.ro/build/assets/app-b2901446.css" /><link rel="modulepreload" href="https://bilete.upb.ro/build/assets/app-6e0eadfb.js" /><link rel="stylesheet" href="https://bilete.upb.ro/build/assets/app-b2901446.css" /><script type="module" src="https://bilete.upb.ro/build/assets/app-6e0eadfb.js"></script></head> <body class="font-sans antialiased"> <div class="min-h-screen bg-white dark:bg-gray-900"> <nav x-data="{ open: false }" class="bg-white dark:bg-gray-800 shadow-lg">  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 "> <div class="flex justify-between h-24"> <div class="flex">  <div class="shrink-0 flex items-center"> <a href="https://bilete.upb.ro"> <img src="https://bilete.upb.ro/img/logo.svg" width="80x" height="80px"> </a> </div>  <div class="hidden space-x-8 sm:-my-px sm:ml-10 sm:flex"> <a class="inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium leading-5 text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 hover:border-gray-300 dark:hover:border-gray-700 focus:outline-none focus:text-gray-700 dark:focus:text-gray-300 focus:border-gray-300 dark:focus:border-gray-700 transition duration-150 ease-in-out" href="https://bilete.upb.ro"> Acas膬 </a> <a class="inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium leading-5 text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 hover:border-gray-300 dark:hover:border-gray-700 focus:outline-none focus:text-gray-700 dark:focus:text-gray-300 focus:border-gray-300 dark:focus:border-gray-700 transition duration-150 ease-in-out" href="https://bilete.upb.ro/evenimente-incheiate"> Evenimente 卯ncheiate </a> </div> </div>  <div class="hidden space-x-8 sm:-my-px sm:ml-10 sm:flex"> <a class="inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium leading-5 text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 hover:border-gray-300 dark:hover:border-gray-700 focus:outline-none focus:text-gray-700 dark:focus:text-gray-300 focus:border-gray-300 dark:focus:border-gray-700 transition duration-150 ease-in-out" href="https://bilete.upb.ro/login"> Conectare </a> <a class="inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium leading-5 text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 hover:border-gray-300 dark:hover:border-gray-700 focus:outline-none focus:text-gray-700 dark:focus:text-gray-300 focus:border-gray-300 dark:focus:border-gray-700 transition duration-150 ease-in-out" href="https://bilete.upb.ro/register"> 脦nregistrare </a> </div>  <div class="-mr-2 flex items-center sm:hidden"> <button @click="open = ! open" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 dark:text-gray-500 hover:text-gray-500 dark:hover:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-900 focus:outline-none focus:bg-gray-100 dark:focus:bg-gray-900 focus:text-gray-500 dark:focus:text-gray-400 transition duration-150 ease-in-out"> <svg class="h-6 w-6" stroke="currentColor" fill="none" viewBox="0 0 24 24"> <path :class="{'hidden': open, 'inline-flex': ! open }" class="inline-flex" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" /> <path :class="{'hidden': ! open, 'inline-flex': open }" class="hidden" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" /> </svg> </button> </div> </div> </div>  <div :class="{'block': open, 'hidden': ! open}" class="hidden sm:hidden"> <div class="pt-2 pb-3 space-y-1"> <a class="block w-full pl-3 pr-4 py-2 border-l-4 border-transparent text-left text-base font-medium text-gray-600 dark:text-gray-400 hover:text-gray-800 dark:hover:text-gray-200 hover:bg-gray-50 dark:hover:bg-gray-700 hover:border-gray-300 dark:hover:border-gray-600 focus:outline-none focus:text-gray-800 dark:focus:text-gray-200 focus:bg-gray-50 dark:focus:bg-gray-700 focus:border-gray-300 dark:focus:border-gray-600 transition duration-150 ease-in-out" href="https://bilete.upb.ro"> Acas膬 </a> <a class="block w-full pl-3 pr-4 py-2 border-l-4 border-transparent text-left text-base font-medium text-gray-600 dark:text-gray-400 hover:text-gray-800 dark:hover:text-gray-200 hover:bg-gray-50 dark:hover:bg-gray-700 hover:border-gray-300 dark:hover:border-gray-600 focus:outline-none focus:text-gray-800 dark:focus:text-gray-200 focus:bg-gray-50 dark:focus:bg-gray-700 focus:border-gray-300 dark:focus:border-gray-600 transition duration-150 ease-in-out" href="https://bilete.upb.ro/evenimente-incheiate"> Evenimente 卯ncheiate </a>  <a class="block w-full pl-3 pr-4 py-2 border-l-4 border-transparent text-left text-base font-medium text-gray-600 dark:text-gray-400 hover:text-gray-800 dark:hover:text-gray-200 hover:bg-gray-50 dark:hover:bg-gray-700 hover:border-gray-300 dark:hover:border-gray-600 focus:outline-none focus:text-gray-800 dark:focus:text-gray-200 focus:bg-gray-50 dark:focus:bg-gray-700 focus:border-gray-300 dark:focus:border-gray-600 transition duration-150 ease-in-out" href="https://bilete.upb.ro/login"> Conectare </a> <a class="block w-full pl-3 pr-4 py-2 border-l-4 border-transparent text-left text-base font-medium text-gray-600 dark:text-gray-400 hover:text-gray-800 dark:hover:text-gray-200 hover:bg-gray-50 dark:hover:bg-gray-700 hover:border-gray-300 dark:hover:border-gray-600 focus:outline-none focus:text-gray-800 dark:focus:text-gray-200 focus:bg-gray-50 dark:focus:bg-gray-700 focus:border-gray-300 dark:focus:border-gray-600 transition duration-150 ease-in-out" href="https://bilete.upb.ro/register"> 脦nregistrare </a> </div> </div> </nav>  <header class="bg-white dark:bg-gray-800 shadow"> <div> <div class="flex flex-col"> <div class="w-full h-[30svh] md:h-[50svh] lg:h-[80svh] bg-center bg-no-repeat bg-cover" style="background-image: url(https://bilete.upb.ro/img/2024/MaterialFest/materialfest_cover.png)"> </div> <div class="flex items-center justify-center text-white text-center text-[2rem] lg:text-[4rem] " style=" background-color: #ed0000;"> <div class="w-full flex flex-col justify-center text-center items-center" > <a href="https://bilete.upb.ro/login" class="w-full"> <div class="w-full uppercase py-[1.4rem] text-white text-5xl rounded font-extrabold" >Ia bilet</div> </a> </div> </div> <div id="countdown" class="flex items-center justify-center text-white text-center text-[2rem] lg:text-[4rem] pb-[1.4rem]" style="height: calc(23svh - 96px); background: linear-gradient(360deg,#2b323f, #ed0000)"> <div class="flex flex-col me-8 md:me-12 lg:me-16 xl:me-20 2xl:me-32"> <span id="zileramase" class="text-3xl md:text-6xl font-bold"></span> <span class="text-xs tracking-[0.2em]">ZILE</span> </div> <div class="flex flex-col me-8 md:me-12 lg:me-16 xl:me-20 2xl:me-32"> <span id="oreramase" class="text-3xl md:text-6xl font-bold"></span> <span class="text-xs tracking-[0.2em]">ORE</span> </div> <div class="flex flex-col me-8 md:me-12 lg:me-16 xl:me-20 2xl:me-32"> <span id="minuteramase" class="text-3xl md:text-6xl font-bold"></span> <span class="text-xs tracking-[0.2em]">MINUTE</span> </div> <div class="flex flex-col"> <span id="secunderamase" class="text-3xl md:text-6xl font-bold"></span> <span class="text-xs tracking-[0.2em]">SECUNDE</span> </div> </div> <p class="text-white py-4 text-[20px] font-bold w-full text-center px-4 flex justify-center bg-[#111827]" > Pentru a achizi葲iona bilet, trebuie s膬 fii autentificat! </p> </div> </div> </header>  <main class="max-w-[80rem] mx-auto "> <section class="max-w-[80rem] mx-auto py-10 px-10 lg:py-[3rem] lg:px-[6rem]"> <div class="flex justify-center align-center w-full bg-center bg-no-repeat bg-contain h-[14rem]" style="background-image: url(https://bilete.upb.ro/img/2024/MaterialFest/logo-material-fest.png)"> </div> <div class="text-center pt-4"> <h1 class="text-white text-[1.75rem] px-2 lg:px-4 font-bold leading-[1.2]"> </h1> <div class="flex justify-center py-8 text-sm uppercase text-white "> <a href="http://materialfest.upb.ro/" target="_blank" class="px-[5rem] py-[1rem] uppercase text-white text-4 md:text-[16px] rounded font-bold flex justify-center" style="background-color: #ed0000; ">Afl膬 mai multe despre eveniment  </a> </div> <div class="flex max-w-[60rem] dark:text-white mx-auto text-sm"> <div class="pb-8 flex-2"> <span> <label class="block font-medium text-sm text-gray-700 dark:text-gray-300"> </label> </span> </div> </div> <div class="flex flex-col md:flex-row max-w-[25rem] md:max-w-[60rem] dark:text-white mx-auto pb-4 text-sm">     </div> <div class="flex justify-around mb-8 w-fit mx-auto font-bold"> <h1 class="text-white pr-4"> 14-11-2024 </h1> <h1 class="text-white border-x-4 px-4"> POLITEHNICA Bucure葯ti </h1> <h1 class="text-white pl-4">Edi葲ia 2024 </h1> </div> </a> <p class="text-white mb-8 text-[20px] font-bold " > Pentru a achizi葲iona bilet, trebuie s膬 fii autentificat! </p> <a href="https://bilete.upb.ro/login"> <button class="px-[5rem] py-[1rem] uppercase text-white text-4 rounded font-bold" style="background-color: #ed0000;">Ia bilet</button> </a> </div> </section> </main> <section class="bg-[#1F2937] px-4 border-t-[1px] border-gray-700"> <div class="flex justify-center max-w-[80rem] mx-auto pb-4 "> <div class="py-8">  <div class="flex justify-center py-4 "> <a href="https://www.facebook.com/UPB1818" target="_blank" aria-label="facebook"> <svg class="mr-4 " width="28px" height="28px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g id="SVGRepo_bgCarrier" stroke-width="0"></g> <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> <g id="SVGRepo_iconCarrier"> <path fill-rule="evenodd" clip-rule="evenodd" d="M20 1C21.6569 1 23 2.34315 23 4V20C23 21.6569 21.6569 23 20 23H4C2.34315 23 1 21.6569 1 20V4C1 2.34315 2.34315 1 4 1H20ZM20 3C20.5523 3 21 3.44772 21 4V20C21 20.5523 20.5523 21 20 21H15V13.9999H17.0762C17.5066 13.9999 17.8887 13.7245 18.0249 13.3161L18.4679 11.9871C18.6298 11.5014 18.2683 10.9999 17.7564 10.9999H15V8.99992C15 8.49992 15.5 7.99992 16 7.99992H18C18.5523 7.99992 19 7.5522 19 6.99992V6.31393C19 5.99091 18.7937 5.7013 18.4813 5.61887C17.1705 5.27295 16 5.27295 16 5.27295C13.5 5.27295 12 6.99992 12 8.49992V10.9999H10C9.44772 10.9999 9 11.4476 9 11.9999V12.9999C9 13.5522 9.44771 13.9999 10 13.9999H12V21H4C3.44772 21 3 20.5523 3 20V4C3 3.44772 3.44772 3 4 3H20Z" fill="#F3F4F6"></path> </g> </svg> </a> <a href="https://www.instagram.com/upb1818/" target="_blank" aria-label="instagram"> <svg class="mr-3 " width="28px" height="28px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g id="SVGRepo_bgCarrier" stroke-width="0"></g> <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> <g id="SVGRepo_iconCarrier"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18ZM12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z" fill="#F3F4F6"></path> <path d="M18 5C17.4477 5 17 5.44772 17 6C17 6.55228 17.4477 7 18 7C18.5523 7 19 6.55228 19 6C19 5.44772 18.5523 5 18 5Z" fill="#F3F4F6"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M1.65396 4.27606C1 5.55953 1 7.23969 1 10.6V13.4C1 16.7603 1 18.4405 1.65396 19.7239C2.2292 20.8529 3.14708 21.7708 4.27606 22.346C5.55953 23 7.23969 23 10.6 23H13.4C16.7603 23 18.4405 23 19.7239 22.346C20.8529 21.7708 21.7708 20.8529 22.346 19.7239C23 18.4405 23 16.7603 23 13.4V10.6C23 7.23969 23 5.55953 22.346 4.27606C21.7708 3.14708 20.8529 2.2292 19.7239 1.65396C18.4405 1 16.7603 1 13.4 1H10.6C7.23969 1 5.55953 1 4.27606 1.65396C3.14708 2.2292 2.2292 3.14708 1.65396 4.27606ZM13.4 3H10.6C8.88684 3 7.72225 3.00156 6.82208 3.0751C5.94524 3.14674 5.49684 3.27659 5.18404 3.43597C4.43139 3.81947 3.81947 4.43139 3.43597 5.18404C3.27659 5.49684 3.14674 5.94524 3.0751 6.82208C3.00156 7.72225 3 8.88684 3 10.6V13.4C3 15.1132 3.00156 16.2777 3.0751 17.1779C3.14674 18.0548 3.27659 18.5032 3.43597 18.816C3.81947 19.5686 4.43139 20.1805 5.18404 20.564C5.49684 20.7234 5.94524 20.8533 6.82208 20.9249C7.72225 20.9984 8.88684 21 10.6 21H13.4C15.1132 21 16.2777 20.9984 17.1779 20.9249C18.0548 20.8533 18.5032 20.7234 18.816 20.564C19.5686 20.1805 20.1805 19.5686 20.564 18.816C20.7234 18.5032 20.8533 18.0548 20.9249 17.1779C20.9984 16.2777 21 15.1132 21 13.4V10.6C21 8.88684 20.9984 7.72225 20.9249 6.82208C20.8533 5.94524 20.7234 5.49684 20.564 5.18404C20.1805 4.43139 19.5686 3.81947 18.816 3.43597C18.5032 3.27659 18.0548 3.14674 17.1779 3.0751C16.2777 3.00156 15.1132 3 13.4 3Z" fill="#F3F4F6"></path> </g> </svg> </a> <a href="https://www.tiktok.com/@upb1818" target="_blank" aria-label="tiktok"> <svg fill="#F3F4F6" width="28px" height="28px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g id="SVGRepo_bgCarrier" stroke-width="0"></g> <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> <g id="SVGRepo_iconCarrier"> <path d="M6.977,15.532a2.791,2.791,0,0,0,2.791,2.792,2.859,2.859,0,0,0,2.9-2.757L12.7,3h2.578A4.8,4.8,0,0,0,19.7,7.288v2.995h0c-.147.014-.295.022-.443.022a4.8,4.8,0,0,1-4.02-2.172v7.4a5.469,5.469,0,1,1-5.469-5.469c.114,0,.226.01.338.017v2.7a2.909,2.909,0,0,0-.338-.034A2.791,2.791,0,0,0,6.977,15.532Z"> </path> </g> </svg> </a> </div> <a href="https://www.google.com/maps/place/Universitatea+Na%C8%9Bional%C4%83+de+%C8%98tiin%C8%9B%C4%83+%C8%99i+Tehnologie+POLITEHNICA+Bucure%C8%99ti/@44.4386102,26.0469176,17z/data=!3m1!4b1!4m6!3m5!1s0x40b201ea132d5141:0xf5d5aecb94fa6dc7!8m2!3d44.4386064!4d26.0494925!16zL20vMDRsbDU2?entry=ttu" aria-label="maps" class="text-gray-100 flex justify-center text-center text-[14px] lg:text-[16px] "> <b class="pl-2">Splaiul Independen葲ei, nr 313B</b> </a> </div>  </div> <div class="w-full flex justify-center p-4 border-t-[1px] border-gray-700 "> <p class="text-gray-100 text-[12px] flex justify-center text-center "> 漏 2024 Universitatea Na葲ional膬 de 葮tiin葲膬葯i Tehnologie POLITEHNICA Bucure葯ti | Toate drepturile rezervate </p> </div> </section> </div> </body> </html></body> </html>

CINXE.COM

Document