ONE PIECE HACKING

Ngiler SH3LL 360
: / home / tbf / tbf.ro / razvan / dist / eveniment / public_bk /

Information Server
MySQL : OFF Perl : OFF CURL : ON WGET : OFF PKEXEC : OFF

Directive	Local Value
IP Address	89.40.16.97
System	Linux server.atelieruldeit.ro 3.10.0-1160.el7.x86_64 #1 SMP Mon Oct 19 16:18:59 UTC 2020 x86_64
User	tbf
PHP Version	7.3.33
Software	Apache
Doc root	Writable

Edit File : calendar-membru.html \| Size : 100.68 KB
<!DOCTYPE html> <html lang="ro"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Favicons --> <link rel="apple-touch-icon" sizes="180x180" href="img/fav/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="img/fav/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="img/fav/favicon-16x16.png"> <link rel="manifest" href="img/fav/site.webmanifest"> <link rel="mask-icon" href="img/fav/safari-pinned-tab.svg" color="#5bbad5"> <link rel="shortcut icon" href="img/fav/favicon.ico"> <meta name="msapplication-TileColor" content="#111110"> <meta name="msapplication-config" content="img/fav/browserconfig.xml"> <meta name="theme-color" content="#ffffff"> <!-- OG Tags --> <meta property="og:title" content="Sistemele TBF de management și vânzări" /> <meta property="og:description" content="Crește afacerile accelerat cu ajutorul sistemelor TBF." /> <meta property="og:image" content="img/implementare-2.png" /> <!-- Fonts --> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link href="https://fonts.googleapis.com/css2?family=Gochi+Hand&family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet" /> <link rel="stylesheet" href="https://use.typekit.net/acd8glq.css"> <link rel="stylesheet" href="output.css"> <!-- AlpineJS --> <script defer src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script> <!-- ScrollReveal --> <script src="https://unpkg.com/scrollreveal@4.0.0/dist/scrollreveal.min.js"></script> <!-- Confetti JS --> <script src="https://cdn.jsdelivr.net/npm/tsparticles-confetti@2.12.0/tsparticles.confetti.bundle.min.js"></script> <style> [x-cloak] { display: none; } html { scroll-behavior: smooth; } html.sr .load-hidden { visibility: hidden; } </style> <title>TBF</title> </head> <body class="selection:bg-galben-300 selection:text-galben-950 bg-white"> <!-- Top Menu --> <header x-data="{ serviciiOpen: false, despreOpen: false, mobileOpen: false }" class="bg-black z-50 border-b border-neutru-950"> <nav class="mx-auto flex max-w-7xl items-center justify-between p-6 lg:px-8" aria-label="Global"> <div class="flex lg:flex-1"> <a href="index.html" class="-m-1.5 p-1.5 hover:opacity-80 text-white"> <span class="sr-only"> TBF </span> <img class="h-4 w-auto" src="img/tbf-white.svg" alt="Logo TBF"> </a> </div> <!-- Mobile Menu Button Open --> <div class="flex md:hidden"> <button @click="mobileOpen = !mobileOpen" type="button" class="-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-white hover:text-galben-400"> <span class="sr-only"> Meniu </span> <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" /> </svg> </button> </div> <div class="hidden md:flex md:gap-x-12"> <div class="relative"> <button @click="serviciiOpen = !serviciiOpen" @keydown.escape="serviciiOpen = false" type="button" class="flex items-center gap-x-1 text-sm font-semibold leading-6 text-white hover:text-galben-400 group" aria-expanded="false"> Servicii <svg class="h-5 w-5 flex-none text-white group-hover:text-galben-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> <path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z" clip-rule="evenodd" /> </svg> </button> <!-- Submenu Servicii --> <div x-cloak x-show="serviciiOpen" @click.away="serviciiOpen = false" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 translate-y-1" class="absolute -left-8 top-full z-50 mt-3 w-screen max-w-md overflow-hidden rounded-3xl bg-white/90 backdrop-blur-md shadow-lg ring-1 ring-gray-900/5"> <div class="p-4"> <div class="group relative flex gap-x-6 rounded-lg p-4 text-sm leading-6 hover:bg-gray-50"> <div class="mt-1 flex h-11 w-11 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 text-gray-600 group-hover:text-galben-400"> <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 6h9.75M10.5 6a1.5 1.5 0 11-3 0m3 0a1.5 1.5 0 10-3 0M3.75 6H7.5m3 12h9.75m-9.75 0a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m-3.75 0H7.5m9-6h3.75m-3.75 0a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m-9.75 0h9.75" /> </svg> </div> <div class="flex-auto"> <a href="ziua-responsabilitatilor.html" class="block font-semibold text-gray-900"> Ziua Responsabilităților <span class="absolute inset-0"></span> </a> <p class="mt-1 text-gray-600"> Workshop implementare responsabilități </p> </div> </div> <div class="group relative flex gap-x-6 rounded-lg p-4 text-sm leading-6 hover:bg-gray-50"> <div class="mt-1 flex h-11 w-11 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 text-gray-600 group-hover:text-galben-400"> <path stroke-linecap="round" stroke-linejoin="round" d="M18 18.72a9.094 9.094 0 003.741-.479 3 3 0 00-4.682-2.72m.94 3.198l.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0112 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 016 18.719m12 0a5.971 5.971 0 00-.941-3.197m0 0A5.995 5.995 0 0012 12.75a5.995 5.995 0 00-5.058 2.772m0 0a3 3 0 00-4.681 2.72 8.986 8.986 0 003.74.477m.94-3.197a5.971 5.971 0 00-.94 3.197M15 6.75a3 3 0 11-6 0 3 3 0 016 0zm6 3a2.25 2.25 0 11-4.5 0 2.25 2.25 0 014.5 0zm-13.5 0a2.25 2.25 0 11-4.5 0 2.25 2.25 0 014.5 0z" /> </svg> </div> <div class="flex-auto"> <a href="ziua-recrutarilor.html" class="block font-semibold text-gray-900"> Ziua Recrutărilor <span class="absolute inset-0"></span> </a> <p class="mt-1 text-gray-600"> Workshop implementare proces recrutări </p> </div> </div> <div class="group relative flex gap-x-6 rounded-lg p-4 text-sm leading-6 hover:bg-gray-50"> <div class="mt-1 flex h-11 w-11 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 text-gray-600 group-hover:text-galben-400"> <path stroke-linecap="round" stroke-linejoin="round" d="M11.35 3.836c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75 2.25 2.25 0 00-.1-.664m-5.8 0A2.251 2.251 0 0113.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m8.9-4.414c.376.023.75.05 1.124.08 1.131.094 1.976 1.057 1.976 2.192V16.5A2.25 2.25 0 0118 18.75h-2.25m-7.5-10.5H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V18.75m-7.5-10.5h6.375c.621 0 1.125.504 1.125 1.125v9.375m-8.25-3l1.5 1.5 3-3.75" /> </svg> </div> <div class="flex-auto"> <a href="ziua-procedurilor.html" class="block font-semibold text-gray-900"> Ziua Procedurilor <span class="absolute inset-0"></span> </a> <p class="mt-1 text-gray-600"> Workshop implementare proceduri </p> </div> </div> <div class="group relative flex gap-x-6 rounded-lg p-4 text-sm leading-6 hover:bg-gray-50"> <div class="mt-1 flex h-11 w-11 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 text-gray-600 group-hover:text-galben-400"> <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 18.75a60.07 60.07 0 0115.797 2.101c.727.198 1.453-.342 1.453-1.096V18.75M3.75 4.5v.75A.75.75 0 013 6h-.75m0 0v-.375c0-.621.504-1.125 1.125-1.125H20.25M2.25 6v9m18-10.5v.75c0 .414.336.75.75.75h.75m-1.5-1.5h.375c.621 0 1.125.504 1.125 1.125v9.75c0 .621-.504 1.125-1.125 1.125h-.375m1.5-1.5H21a.75.75 0 00-.75.75v.75m0 0H3.75m0 0h-.375a1.125 1.125 0 01-1.125-1.125V15m1.5 1.5v-.75A.75.75 0 003 15h-.75M15 10.5a3 3 0 11-6 0 3 3 0 016 0zm3 0h.008v.008H18V10.5zm-12 0h.008v.008H6V10.5z" /> </svg> </div> <div class="flex-auto"> <a href="ziua-vanzarilor.html" class="block font-semibold text-gray-900"> Ziua Vânzărilor <span class="absolute inset-0"></span> </a> <p class="mt-1 text-gray-600"> Workshop implementare proces de vânzări </p> </div> </div> </div> <div class="grid grid-cols-2 divide-x divide-gray-900/5 bg-gray-50"> <a href="index.html#clienti" @click="serviciiOpen = false" class="flex items-center justify-center group gap-x-2.5 p-3 text-sm font-semibold leading-6 text-gray-900 hover:bg-gray-100"> <svg class="h-5 w-5 flex-none text-gray-400 group-hover:text-galben-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> <path fill-rule="evenodd" d="M2 10a8 8 0 1116 0 8 8 0 01-16 0zm6.39-2.908a.75.75 0 01.766.027l3.5 2.25a.75.75 0 010 1.262l-3.5 2.25A.75.75 0 018 12.25v-4.5a.75.75 0 01.39-.658z" clip-rule="evenodd" /> </svg> Clienții noștri </a> <button @click="serviciiOpen = false" data-tf-popup="XUHqMzkJ" data-tf-opacity="100" data-tf-iframe-props="title=Recrutare" data-tf-medium="snippet" class="flex items-center justify-center group gap-x-2.5 p-3 text-sm font-semibold leading-6 text-gray-900 hover:bg-gray-100"> <svg class="h-5 w-5 flex-none text-gray-400 group-hover:text-galben-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> <path fill-rule="evenodd" d="M2 3.5A1.5 1.5 0 013.5 2h1.148a1.5 1.5 0 011.465 1.175l.716 3.223a1.5 1.5 0 01-1.052 1.767l-.933.267c-.41.117-.643.555-.48.95a11.542 11.542 0 006.254 6.254c.395.163.833-.07.95-.48l.267-.933a1.5 1.5 0 011.767-1.052l3.223.716A1.5 1.5 0 0118 15.352V16.5a1.5 1.5 0 01-1.5 1.5H15c-1.149 0-2.263-.15-3.326-.43A13.022 13.022 0 012.43 8.326 13.019 13.019 0 012 5V3.5z" clip-rule="evenodd" /> </svg> Contactează-ne </button> </div> </div> </div> <a href="fundamentul-zilei.html" class="text-sm font-semibold leading-6 text-white hover:text-galben-400"> Fundamente </a> <button data-tf-popup="Avc2QrAi" data-tf-opacity="100" data-tf-iframe-props="title=Recrutare" data-tf-medium="snippet" class="text-sm font-semibold leading-6 text-white hover:text-galben-400"> Software </button> <div class="relative"> <button @click="despreOpen = !serviciiOpen" @keydown.escape="despreOpen = false" type="button" class="flex items-center gap-x-1 text-sm font-semibold leading-6 text-white hover:text-galben-400 group" aria-expanded="false"> Despre <svg class="h-5 w-5 flex-none text-white group-hover:text-galben-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> <path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z" clip-rule="evenodd" /> </svg> </button> <!-- SubMenu Despre --> <div x-cloak x-show="despreOpen" @click.away="despreOpen = false" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 translate-y-1" class="absolute -left-8 top-full z-50 mt-3 w-96 rounded-3xl bg-white/90 backdrop-blur-md p-4 shadow-lg ring-1 ring-gray-900/5"> <div class="relative rounded-lg p-4 hover:bg-gray-50"> <button @click="$dispatch('open-misiune'); despreOpen=false;" class="block text-sm font-semibold leading-6 text-gray-900"> Misiunea TBF <span class="absolute inset-0"></span> </button> <p class="mt-1 text-sm leading-6 text-gray-600"> Povestea TBF, a fondatorului nostru (Răzvan Căzănescu) și a echipei noastre </p> </div> <div class="relative rounded-lg p-4 hover:bg-gray-50"> <a href="studiu-tbf.html" class="block text-sm font-semibold leading-6 text-gray-900"> Studiu TBF <span class="absolute inset-0"></span> </a> <p class="mt-1 text-sm leading-6 text-gray-600"> Cel mai mare studiu despre managementul afacerilor din România </p> </div> <div class="relative rounded-lg p-4 hover:bg-gray-50"> <button @click="despreOpen = false" data-tf-popup="sC5FZTip" data-tf-opacity="100" data-tf-iframe-props="title=Recrutare" data-tf-medium="snippet" class="block text-sm font-semibold leading-6 text-gray-900"> Alătură-te Echipei <span class="absolute inset-0"></span> </button> <p class="mt-1 text-sm leading-6 text-gray-600"> Suntem mereu în căutare de oameni remarcabili și nerezonabili </p> </div> </div> </div> </div> <div class="hidden md:flex lg:flex-1 md:justify-end"> <button data-tf-popup="XUHqMzkJ" data-tf-opacity="100" data-tf-iframe-props="title=Recrutare" data-tf-medium="snippet" class="text-sm font-semibold leading-6 text-white hover:text-galben-400"> Contact </button> </div> </nav> <!-- Mobile menu, show/hide based on menu open state. --> <div x-cloak x-show="mobileOpen" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 translate-y-1" class="" role="dialog"> <div class="fixed inset-0 z-10"></div> <div class="fixed inset-y-0 right-0 z-10 flex w-full flex-col justify-between overflow-y-auto bg-white sm:max-w-sm sm:ring-1 sm:ring-gray-900/10"> <div class="p-6"> <div class="flex items-center justify-between"> <a href="index.html" class="-m-1.5 p-1.5 hover:opacity-80"> <span class="sr-only">TBF</span> <img class="h-4 w-auto" src="img/tbf.svg" alt="Logo TBF"> </a> <button @click="mobileOpen = false" type="button" class="-m-2.5 rounded-md p-2.5 text-gray-700 hover:text-gray-500"> <span class="sr-only"> Închide meniu </span> <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /> </svg> </button> </div> <div class="mt-6 flow-root"> <div class="-my-6 divide-y divide-gray-500/10"> <div class="space-y-2 py-6"> <a href="ziua-responsabilitatilor.html" class="group -mx-3 flex items-center gap-x-6 rounded-lg p-3 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50"> <div class="flex h-11 w-11 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white"> <svg class="h-6 w-6 text-gray-600 group-hover:text-galben-400" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 6a7.5 7.5 0 107.5 7.5h-7.5V6z" /> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5H21A7.5 7.5 0 0013.5 3v7.5z" /> </svg> </div> Ziua Responsabilităților </a> <a href="ziua-recrutarilor.html" class="group -mx-3 flex items-center gap-x-6 rounded-lg p-3 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50"> <div class="flex h-11 w-11 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white"> <svg class="h-6 w-6 text-gray-600 group-hover:text-galben-400" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M15.042 21.672L13.684 16.6m0 0l-2.51 2.225.569-9.47 5.227 7.917-3.286-.672zM12 2.25V4.5m5.834.166l-1.591 1.591M20.25 10.5H18M7.757 14.743l-1.59 1.59M6 10.5H3.75m4.007-4.243l-1.59-1.59" /> </svg> </div> Ziua Recrutărilor </a> <a href="ziua-procedurilor.html" class="group -mx-3 flex items-center gap-x-6 rounded-lg p-3 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50"> <div class="flex h-11 w-11 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white"> <svg class="h-6 w-6 text-gray-600 group-hover:text-galben-400" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M7.864 4.243A7.5 7.5 0 0119.5 10.5c0 2.92-.556 5.709-1.568 8.268M5.742 6.364A7.465 7.465 0 004.5 10.5a7.464 7.464 0 01-1.15 3.993m1.989 3.559A11.209 11.209 0 008.25 10.5a3.75 3.75 0 117.5 0c0 .527-.021 1.049-.064 1.565M12 10.5a14.94 14.94 0 01-3.6 9.75m6.633-4.596a18.666 18.666 0 01-2.485 5.33" /> </svg> </div> Ziua Procedurilor </a> <a href="ziua-vanzarilor.html" class="group -mx-3 flex items-center gap-x-6 rounded-lg p-3 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50"> <div class="flex h-11 w-11 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white"> <svg class="h-6 w-6 text-gray-600 group-hover:text-galben-400" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 16.875h3.375m0 0h3.375m-3.375 0V13.5m0 3.375v3.375M6 10.5h2.25a2.25 2.25 0 002.25-2.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v2.25A2.25 2.25 0 006 10.5zm0 9.75h2.25A2.25 2.25 0 0010.5 18v-2.25a2.25 2.25 0 00-2.25-2.25H6a2.25 2.25 0 00-2.25 2.25V18A2.25 2.25 0 006 20.25zm9.75-9.75H18a2.25 2.25 0 002.25-2.25V6A2.25 2.25 0 0018 3.75h-2.25A2.25 2.25 0 0013.5 6v2.25a2.25 2.25 0 002.25 2.25z" /> </svg> </div> Ziua Vânzărilor </a> </div> <div class="space-y-2 py-6"> <a href="#" class="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50"> Newsletter </a> <a href="#" class="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50"> Software </a> <button @click="$dispatch('open-misiune'); mobileOpen=false;" class="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50"> Misiunea TBF </button> <a href="studiu-tbf.html" class="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50"> Studiu TBF </a> <button data-tf-popup="sC5FZTip" data-tf-opacity="100" data-tf-iframe-props="title=Recrutare" data-tf-medium="snippet" class="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50"> Alătură-te Echipei </button> </div> </div> </div> </div> <div class="sticky bottom-0 grid grid-cols-2 divide-x divide-gray-900/5 bg-gray-50 text-center"> <a href="index.html#clienti" class="p-3 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-100"> Clienții noștri </a> <a href="#" class="p-3 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-100"> Contactează-ne </a> </div> </div> </div> </header> <div x-data="{showModal: false, headline: '', desc: ''}"> <div class="bg-black py-24 sm:py-32"> <div class="mx-auto max-w-7xl px-6 lg:px-8"> <div class="mx-auto max-w-4xl text-center"> <h2 class="text-base font-semibold leading-7 text-galben-400">Membru TBF</h2> <p class="mt-2 text-4xl font-bold tracking-tight text-white sm:text-5xl">Calendar Membru TBF</p> </div> <p class="mx-auto mt-6 max-w-2xl text-center text-lg leading-8 text-neutru-300">Mai jos găsești calendarul tuturor trainingurilor și întâlnirilor trimestriale pentru anul 2024. Fiecare sesiune este susținută live, online pentru a putea participa toți angajații necesari la fiecare.</p> </div> <div class="bg-black mt-20"> <div class="mx-auto grid max-w-3xl grid-cols-1 gap-x-8 gap-y-16 px-4 py-16 sm:grid-cols-2 sm:px-6 xl:max-w-6xl xl:grid-cols-3 xl:px-8"> <!-- Ianuarie --> <section class="text-center"> <h2 class="text-sm font-semibold text-white">Ianuarie</h2> <div class="mt-6 grid grid-cols-7 text-xs leading-6 text-gray-500"> <div>L</div> <div>M</div> <div>M</div> <div>J</div> <div>V</div> <div>S</div> <div>D</div> </div> <div class="isolate mt-2 grid grid-cols-7 gap-px rounded-lg bg-gray-200 text-sm shadow ring-1 ring-gray-200"> <button type="button" class="rounded-tl-lg bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10"> <time datetime="2021-12-27" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">31</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-01" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">1</time> </button> <button type="button" class="rounded-tr-lg bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-02" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">2</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-03" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">3</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-04" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">4</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-05" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">5</time> </button> <button type="button" class="rounded-tr-lg bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-02" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">6</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-07" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">7</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-08" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">8</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-09" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">9</time> </button> <button type="button" x-on:click="showModal = true; headline = 'Întâlnire Trimestrială'; desc = 'Ziua #1 din întâlnirea trimestrială pentru trimestrul #1 2024'" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-12" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full bg-galben-400 font-semibold text-white">10</time> </button> <button type="button" x-on:click="showModal = true; headline = 'Întâlnire Trimestrială'; desc = 'Ziua #2 din întâlnirea trimestrială pentru trimestrul #1 2024'" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-12" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full bg-galben-400 font-semibold text-white">11</time> </button> <button type="button" x-on:click="showModal = true; headline = 'Întâlnire Trimestrială'; desc = 'Ziua #3 din întâlnirea trimestrială pentru trimestrul #1 2024'" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-12" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full bg-galben-400 font-semibold text-white">12</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-13" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">13</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-14" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">14</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-15" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">15</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-16" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">16</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-17" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">17</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-18" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">18</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-19" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">19</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-20" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">20</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-21" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">21</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-22" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">22</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-23" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">23</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-24" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">24</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-25" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">25</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-26" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">26</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-27" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">27</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-27" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">28</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-29" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">29</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-30" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">30</time> </button> <button type="button" x-on:click="showModal = true; headline = 'Training Strategic'; desc = '4 Ore de training live (online) susținute de Răzvan Căzănescu (10:00 - 14:00)'" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-12" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full bg-green-500 font-semibold text-white">31</time> </button> <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10"> <time datetime="2022-02-01" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">1</time> </button> <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10"> <time datetime="2022-02-02" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">2</time> </button> <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10"> <time datetime="2022-02-02" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">3</time> </button> <button type="button" class="rounded-bl-lg bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10"> <time datetime="2022-02-01" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">4</time> </button> <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10"> <time datetime="2022-02-02" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">5</time> </button> <button type="button" class="rounded-br-lg bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10"> <time datetime="2022-02-06" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">6</time> </button> <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10"> <time datetime="2022-02-01" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">7</time> </button> <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10"> <time datetime="2022-02-02" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">8</time> </button> <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10"> <time datetime="2022-02-02" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">9</time> </button> <button type="button" class="rounded-br-lg bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10"> <time datetime="2022-02-06" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">10</time> </button> </div> </section> <!-- Februarie --> <section class="text-center"> <h2 class="text-sm font-semibold text-white">Februarie</h2> <div class="mt-6 grid grid-cols-7 text-xs leading-6 text-gray-500"> <div>L</div> <div>M</div> <div>M</div> <div>J</div> <div>V</div> <div>S</div> <div>D</div> </div> <div class="isolate mt-2 grid grid-cols-7 gap-px rounded-lg bg-gray-200 text-sm shadow ring-1 ring-gray-200"> <button type="button" class="rounded-tl-lg bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10"> <time datetime="2021-12-27" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">28</time> </button> <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10"> <time datetime="2021-12-27" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">29</time> </button> <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10"> <time datetime="2021-12-27" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">30</time> </button> <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10"> <time datetime="2021-12-27" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">31</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-01" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">1</time> </button> <button type="button" class="rounded-tr-lg bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-02" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">2</time> </button> <button type="button" class="rounded-tr-lg bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-02" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">3</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-04" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">4</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-05" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">5</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-05" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">6</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-07" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">7</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-08" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">8</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-09" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">9</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-07" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">10</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-08" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">11</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-09" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">12</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-13" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">13</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-12" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full bg-green-500 font-semibold text-white">14</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-15" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">15</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-16" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">16</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-17" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">17</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-18" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">18</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-19" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">19</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-20" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">20</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-21" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">21</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-22" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">22</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-23" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">23</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-24" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">24</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-31" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">25</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-26" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">26</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-27" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">27</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-12" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full bg-green-500 font-semibold text-white">28</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-29" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">29</time> </button> <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10"> <time datetime="2022-02-01" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">1</time> </button> <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10"> <time datetime="2022-02-06" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">2</time> </button> <button type="button" class="rounded-bl-lg bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10"> <time datetime="2022-02-01" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">3</time> </button> <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10"> <time datetime="2022-02-01" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">4</time> </button> <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10"> <time datetime="2022-02-01" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">5</time> </button> <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10"> <time datetime="2022-02-01" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">6</time> </button> <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10"> <time datetime="2022-02-01" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">7</time> </button> <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10"> <time datetime="2022-02-01" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">8</time> </button> <button type="button" class="rounded-br-lg bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10"> <time datetime="2022-02-01" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">9</time> </button> </div> </section> <!-- Martie --> <section class="text-center"> <h2 class="text-sm font-semibold text-white">Martie</h2> <div class="mt-6 grid grid-cols-7 text-xs leading-6 text-gray-500"> <div>L</div> <div>M</div> <div>M</div> <div>J</div> <div>V</div> <div>S</div> <div>D</div> </div> <div class="isolate mt-2 grid grid-cols-7 gap-px rounded-lg bg-gray-200 text-sm shadow ring-1 ring-gray-200"> <button type="button" class="rounded-tl-lg bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10"> <time datetime="2021-12-27" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">25</time> </button> <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10"> <time datetime="2021-12-27" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">26</time> </button> <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10"> <time datetime="2021-12-27" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">27</time> </button> <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10"> <time datetime="2021-12-27" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">28</time> </button> <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10"> <time datetime="2021-12-27" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">29</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-01" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">1</time> </button> <button type="button" class="rounded-tr-lg bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-02" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">2</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-04" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">4</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-04" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">4</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-05" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">5</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-05" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">6</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-07" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">7</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-08" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">8</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-09" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">9</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-07" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">10</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-08" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">11</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-09" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">12</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-12" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full bg-green-500 font-semibold text-white">13</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-14" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">14</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-15" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">15</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-16" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">16</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-17" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">17</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-18" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">18</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-19" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">19</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-20" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">20</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-21" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">21</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-22" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">22</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-23" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">23</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-24" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">24</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-24" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">25</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-26" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">26</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-27" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">27</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-27" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">28</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-29" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">29</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-29" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">30</time> </button> <button type="button" class="rounded-bl-lg bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-31" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">31</time> </button> <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10"> <time datetime="2022-02-01" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">1</time> </button> <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10"> <time datetime="2022-02-01" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">2</time> </button> <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10"> <time datetime="2022-02-01" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">3</time> </button> <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10"> <time datetime="2022-02-01" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">4</time> </button> <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10"> <time datetime="2022-02-01" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">5</time> </button> <button type="button" class="rounded-br-lg bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10"> <time datetime="2022-02-06" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">6</time> </button> </div> </section> <!-- Aprilie --> <section class="text-center"> <h2 class="text-sm font-semibold text-white">Aprilie</h2> <div class="mt-6 grid grid-cols-7 text-xs leading-6 text-gray-500"> <div>L</div> <div>M</div> <div>M</div> <div>J</div> <div>V</div> <div>S</div> <div>D</div> </div> <div class="isolate mt-2 grid grid-cols-7 gap-px rounded-lg bg-gray-200 text-sm shadow ring-1 ring-gray-200"> <button type="button" class="rounded-tl-lg bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10"> <time datetime="2021-12-27" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">31</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-01" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">1</time> </button> <button type="button" class="rounded-tr-lg bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-02" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">2</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-12" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full bg-galben-400 font-semibold text-white">3</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-12" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full bg-galben-400 font-semibold text-white">4</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-12" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full bg-galben-400 font-semibold text-white">5</time> </button> <button type="button" class="rounded-tr-lg bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-07" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">7</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-08" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">8</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-09" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">9</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-07" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">10</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-08" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">11</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-09" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">12</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-13" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">13</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-14" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">14</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-15" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">15</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-16" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">16</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-17" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">17</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-18" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">18</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-19" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">19</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-20" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">20</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-21" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">21</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-22" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">22</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-23" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">23</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-12" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full bg-green-500 font-semibold text-white">24</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-25" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">25</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-26" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">26</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-27" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">27</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-27" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">28</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-29" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">29</time> </button> <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10"> <time datetime="2022-01-30" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">30</time> </button> <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10"> <time datetime="2022-02-01" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">1</time> </button> <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10"> <time datetime="2022-02-02" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">2</time> </button> <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10"> <time datetime="2022-02-02" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">3</time> </button> <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10"> <time datetime="2022-02-01" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">4</time> </button> <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10"> <time datetime="2022-02-02" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">5</time> </button> <button type="button" class="rounded-bl-lg bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10"> <time datetime="2022-02-06" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">6</time> </button> <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10"> <time datetime="2022-02-01" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">7</time> </button> <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10"> <time datetime="2022-02-02" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">8</time> </button> <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10"> <time datetime="2022-02-02" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">9</time> </button> <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10"> <time datetime="2022-02-02" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">8</time> </button> <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10"> <time datetime="2022-02-02" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">9</time> </button> <button type="button" class="rounded-br-lg bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10"> <time datetime="2022-02-06" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">10</time> </button> </div> </section> </div> </div> </div> <div x-show="showModal" class="fixed inset-0 z-50 overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-end justify-center min-h-screen px-4 text-center md:items-center sm:block sm:p-0"> <div class="fixed inset-0 transition-opacity bg-black bg-opacity-80 backdrop-blur-sm" x-cloak @click="showModal = false" x-show="showModal" x-transition:enter="transition ease-out duration-300 transform" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-200 transform" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" aria-hidden="true"> </div> <div class="inline-block w-full max-w-sm p-12 my-20 overflow-hidden text-left transition-all transform bg-white rounded-lg shadow-2xl" x-cloak x-show="showModal" x-transition:enter="transition ease-out duration-300 transform" x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" x-transition:leave="transition ease-in duration-200 transform" x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> <div class=""> <div> <div class="mt-3 text-center sm:mt-5"> <h3 class="text-base font-semibold leading-6 text-gray-900" id="modal-title" x-text="headline"></h3> <div class="mt-2"> <p class="text-sm text-gray-500" x-text="desc"></p> </div> </div> </div> </div> </div> </div> </div> </div> <!-- Footer --> <div class="mx-auto mt-0 max-w-7xl px-6 lg:px-8"> <footer aria-labelledby="footer-heading" class="relative pt-0 pb-16 sm:pt-48 sm:pb-10"> <!-- Links --> <div class="hidden xl:grid xl:grid-cols-3 xl:gap-8 border-t border-white/10 pt-24 pb-20"> <img class="h-4 w-auto" src="img/tbf-white.svg" alt> <div class="reveal-0-1000 mt-16 grid grid-cols-2 gap-8 xl:col-span-2 xl:mt-0"> <div class="md:grid md:grid-cols-2 md:gap-8"> <div> <h3 class="text-sm font-semibold leading-6 text-white"> Implementare </h3> <ul role="list" class="mt-6 space-y-4"> <li> <a href="ziua-responsabilitatilor.html" class="text-sm leading-6 text-neutru-200 hover:text-galben-400"> Responsabilități </a> </li> <li> <a href="ziua-procedurilor.html" class="text-sm leading-6 text-neutru-200 hover:text-galben-400"> Proceduri </a> </li> <li> <a href="ziua-recrutarilor.html" class="text-sm leading-6 text-neutru-200 hover:text-galben-400"> Proces Recrutări </a> </li> <li> <a href="ziua-vanzarilor.html" class="text-sm leading-6 text-neutru-200 hover:text-galben-400"> Proces Vânzări </a> </li> </ul> </div> <div class="mt-10 md:mt-0"> <h3 class="text-sm font-semibold leading-6 text-white"> Sisteme </h3> <ul role="list" class="mt-6 space-y-4"> <li> <a href="ziua-responsabilitatilor.html" class="text-sm leading-6 text-neutru-200 hover:text-galben-400"> Management </a> </li> <li> <a href="ziua-vanzarilor.html" class="text-sm leading-6 text-neutru-200 hover:text-galben-400"> Vânzări </a> </li> <li> <button data-tf-popup="Avc2QrAi" data-tf-opacity="100" data-tf-iframe-props="title=Recrutare" data-tf-medium="snippet" class="text-sm leading-6 text-neutru-200 hover:text-galben-400"> Software </button> </li> </ul> </div> </div> <div class="md:grid md:grid-cols-2 md:gap-8"> <div> <h3 class="text-sm font-semibold leading-6 text-white"> Companie </h3> <ul role="list" class="mt-6 space-y-4"> <li> <button x-data @click="$dispatch('open-misiune');" class="text-sm leading-6 text-neutru-200 hover:text-galben-400"> Povestea </button> </li> <li> <a href="studiu-tbf.html" class="text-sm leading-6 text-neutru-200 hover:text-galben-400"> Studiu </a> </li> <li> <button data-tf-popup="sC5FZTip" data-tf-opacity="100" data-tf-iframe-props="title=Recrutare" data-tf-medium="snippet" class="text-sm leading-6 text-neutru-200 hover:text-galben-400"> Cariere </button> </li> <li> <button data-tf-popup="XUHqMzkJ" data-tf-opacity="100" data-tf-iframe-props="title=Recrutare" data-tf-medium="snippet" class="text-sm leading-6 text-neutru-200 hover:text-galben-400"> Contact </button> </li> </ul> </div> <div class="mt-10 md:mt-0"> <h3 class="text-sm font-semibold leading-6 text-white"> Legal </h3> <ul role="list" class="mt-6 space-y-4"> <li> <a target="_blank" href="termeni-si-conditii.html" class="text-sm leading-6 text-neutru-200 hover:text-galben-400"> Termeni </a> </li> <li> <a target="_blank" href="politica-de-confidentialitate.html" class="text-sm leading-6 text-neutru-200 hover:text-galben-400"> Confidențialitate </a> </li> <li> <a target="_blank" href="politica-de-confidentialitate.html#prelucrare-date" class="text-sm leading-6 text-neutru-200 hover:text-galben-400"> GDPR </a> </li> <li> <a target="_blank" href="politica-de-confidentialitate.html#drepturi" class="text-sm leading-6 text-neutru-200 hover:text-galben-400"> Drepturi </a> </li> </ul> </div> </div> </div> </div> <!-- Copyright --> <div class="reveal-0-1000 mt-14 lg:mt-8 border-t border-white/10 pt-8 md:flex md:items-center md:justify-between"> <div class="flex items-center justify-center lg:justify-start space-x-6 md:order-2"> <a target="_blank" href="https://facebook.com/thebasicfundamentals" class="text-neutru-200 hover:text-galben-400"> <span class="sr-only"> Facebook </span> <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd" /> </svg> </a> <a target="_blank" href="https://ro.linkedin.com/company/thebasicfundamentals" class="text-neutru-200 hover:text-galben-400"> <span class="sr-only"> LinkedIn </span> <svg class="h-5 w-5" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 24 24"> <path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" /> </svg> </a> <a target="_blank" href="https://www.youtube.com/@tbf1004" class="text-neutru-200 hover:text-galben-400"> <span class="sr-only"> YouTube </span> <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path fill-rule="evenodd" d="M19.812 5.418c.861.23 1.538.907 1.768 1.768C21.998 8.746 22 12 22 12s0 3.255-.418 4.814a2.504 2.504 0 0 1-1.768 1.768c-1.56.419-7.814.419-7.814.419s-6.255 0-7.814-.419a2.505 2.505 0 0 1-1.768-1.768C2 15.255 2 12 2 12s0-3.255.417-4.814a2.507 2.507 0 0 1 1.768-1.768C5.744 5 11.998 5 11.998 5s6.255 0 7.814.418ZM15.194 12 10 15V9l5.194 3Z" clip-rule="evenodd" /> </svg> </a> </div> <p class="mt-8 text-center lg:text-left px-5 lg:px-0 text-xs leading-5 text-neutru-200 md:order-1 md:mt-0"> © <span id="year-copyright"> 2024 </span> TBF Core, TBF Apps. Toate drepturile rezervate. </p> </div> </footer> </div> </div> <!-- Scripts --> <script src="js/scripts.js"></script> <!-- Vimeo Player --> <script src="https://player.vimeo.com/api/player.js"></script> <!-- TypeForm --> <script src="//embed.typeform.com/next/embed.js"></script> </body> </html> Back

Edit File : calendar-membru.html | Size : 100.68 KB

<!DOCTYPE html>
<html lang="ro">

<link rel="apple-touch-icon" sizes="180x180" href="img/fav/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="img/fav/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="img/fav/favicon-16x16.png">
    <link rel="manifest" href="img/fav/site.webmanifest">
    <link rel="mask-icon" href="img/fav/safari-pinned-tab.svg" color="#5bbad5">
    <link rel="shortcut icon" href="img/fav/favicon.ico">
    <meta name="msapplication-TileColor" content="#111110">
    <meta name="msapplication-config" content="img/fav/browserconfig.xml">
    <meta name="theme-color" content="#ffffff">

<meta property="og:title" content="Sistemele TBF de management și vânzări" />
    <meta property="og:description" content="Crește afacerile accelerat cu ajutorul sistemelor TBF." />
    <meta property="og:image" content="img/implementare-2.png" />

<link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link href="https://fonts.googleapis.com/css2?family=Gochi+Hand&family=Inter:wght@400;500;600;700;800&display=swap"
        rel="stylesheet" />
    <link rel="stylesheet" href="https://use.typekit.net/acd8glq.css">

<script defer src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script>

<script src="https://unpkg.com/scrollreveal@4.0.0/dist/scrollreveal.min.js"></script>

<script src="https://cdn.jsdelivr.net/npm/tsparticles-confetti@2.12.0/tsparticles.confetti.bundle.min.js"></script>

html {
            scroll-behavior: smooth;
        }

html.sr .load-hidden {
            visibility: hidden;
        }
    </style>
    <title>TBF</title>
</head>

<body class="selection:bg-galben-300 selection:text-galben-950 bg-white">
    
    <header x-data="{ serviciiOpen: false, despreOpen: false, mobileOpen: false }"
        class="bg-black z-50 border-b border-neutru-950">
        <nav class="mx-auto flex max-w-7xl items-center justify-between p-6 lg:px-8" aria-label="Global">
            <div class="flex lg:flex-1">
                <a href="index.html" class="-m-1.5 p-1.5 hover:opacity-80 text-white">
                    <span class="sr-only">
                        TBF
                    </span>
                    <img class="h-4 w-auto" src="img/tbf-white.svg" alt="Logo TBF">
                </a>
            </div>
            
            <div class="flex md:hidden">
                <button @click="mobileOpen = !mobileOpen" type="button"
                    class="-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-white hover:text-galben-400">
                    <span class="sr-only">
                        Meniu
                    </span>
                    <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
                        aria-hidden="true">
                        <path stroke-linecap="round" stroke-linejoin="round"
                            d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
                    </svg>
                </button>
            </div>
            <div class="hidden md:flex md:gap-x-12">
                <div class="relative">
                    <button @click="serviciiOpen = !serviciiOpen" @keydown.escape="serviciiOpen = false" type="button"
                        class="flex items-center gap-x-1 text-sm font-semibold leading-6 text-white hover:text-galben-400 group"
                        aria-expanded="false">
                        Servicii
                        <svg class="h-5 w-5 flex-none text-white group-hover:text-galben-400" viewBox="0 0 20 20"
                            fill="currentColor" aria-hidden="true">
                            <path fill-rule="evenodd"
                                d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z"
                                clip-rule="evenodd" />
                        </svg>
                    </button>
                    
                    <div x-cloak x-show="serviciiOpen" @click.away="serviciiOpen = false"
                        x-transition:enter="transition ease-out duration-200"
                        x-transition:enter-start="opacity-0 translate-y-1"
                        x-transition:enter-end="opacity-100 translate-y-0"
                        x-transition:leave="transition ease-in duration-150"
                        x-transition:leave-start="opacity-100 translate-y-0"
                        x-transition:leave-end="opacity-0 translate-y-1"
                        class="absolute -left-8 top-full z-50 mt-3 w-screen max-w-md overflow-hidden rounded-3xl bg-white/90 backdrop-blur-md shadow-lg ring-1 ring-gray-900/5">
                        <div class="p-4">
                            <div class="group relative flex gap-x-6 rounded-lg p-4 text-sm leading-6 hover:bg-gray-50">
                                <div
                                    class="mt-1 flex h-11 w-11 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white">
                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
                                        stroke-width="1.5" stroke="currentColor"
                                        class="h-6 w-6 text-gray-600 group-hover:text-galben-400">
                                        <path stroke-linecap="round" stroke-linejoin="round"
                                            d="M10.5 6h9.75M10.5 6a1.5 1.5 0 11-3 0m3 0a1.5 1.5 0 10-3 0M3.75 6H7.5m3 12h9.75m-9.75 0a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m-3.75 0H7.5m9-6h3.75m-3.75 0a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m-9.75 0h9.75" />
                                    </svg>
                                </div>
                                <div class="flex-auto">
                                    <a href="ziua-responsabilitatilor.html" class="block font-semibold text-gray-900">
                                        Ziua Responsabilităților
                                        <span class="absolute inset-0"></span>
                                    </a>
                                    <p class="mt-1 text-gray-600">
                                        Workshop implementare responsabilități
                                    </p>
                                </div>
                            </div>
                            <div class="group relative flex gap-x-6 rounded-lg p-4 text-sm leading-6 hover:bg-gray-50">
                                <div
                                    class="mt-1 flex h-11 w-11 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white">
                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
                                        stroke-width="1.5" stroke="currentColor"
                                        class="h-6 w-6 text-gray-600 group-hover:text-galben-400">
                                        <path stroke-linecap="round" stroke-linejoin="round"
                                            d="M18 18.72a9.094 9.094 0 003.741-.479 3 3 0 00-4.682-2.72m.94 3.198l.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0112 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 016 18.719m12 0a5.971 5.971 0 00-.941-3.197m0 0A5.995 5.995 0 0012 12.75a5.995 5.995 0 00-5.058 2.772m0 0a3 3 0 00-4.681 2.72 8.986 8.986 0 003.74.477m.94-3.197a5.971 5.971 0 00-.94 3.197M15 6.75a3 3 0 11-6 0 3 3 0 016 0zm6 3a2.25 2.25 0 11-4.5 0 2.25 2.25 0 014.5 0zm-13.5 0a2.25 2.25 0 11-4.5 0 2.25 2.25 0 014.5 0z" />
                                    </svg>
                                </div>
                                <div class="flex-auto">
                                    <a href="ziua-recrutarilor.html" class="block font-semibold text-gray-900">
                                        Ziua Recrutărilor
                                        <span class="absolute inset-0"></span>
                                    </a>
                                    <p class="mt-1 text-gray-600">
                                        Workshop implementare proces recrutări
                                    </p>
                                </div>
                            </div>
                            <div class="group relative flex gap-x-6 rounded-lg p-4 text-sm leading-6 hover:bg-gray-50">
                                <div
                                    class="mt-1 flex h-11 w-11 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white">
                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
                                        stroke-width="1.5" stroke="currentColor"
                                        class="h-6 w-6 text-gray-600 group-hover:text-galben-400">
                                        <path stroke-linecap="round" stroke-linejoin="round"
                                            d="M11.35 3.836c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75 2.25 2.25 0 00-.1-.664m-5.8 0A2.251 2.251 0 0113.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m8.9-4.414c.376.023.75.05 1.124.08 1.131.094 1.976 1.057 1.976 2.192V16.5A2.25 2.25 0 0118 18.75h-2.25m-7.5-10.5H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V18.75m-7.5-10.5h6.375c.621 0 1.125.504 1.125 1.125v9.375m-8.25-3l1.5 1.5 3-3.75" />
                                    </svg>
                                </div>
                                <div class="flex-auto">
                                    <a href="ziua-procedurilor.html" class="block font-semibold text-gray-900">
                                        Ziua Procedurilor
                                        <span class="absolute inset-0"></span>
                                    </a>
                                    <p class="mt-1 text-gray-600">
                                        Workshop implementare proceduri
                                    </p>
                                </div>
                            </div>
                            <div class="group relative flex gap-x-6 rounded-lg p-4 text-sm leading-6 hover:bg-gray-50">
                                <div
                                    class="mt-1 flex h-11 w-11 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white">
                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
                                        stroke-width="1.5" stroke="currentColor"
                                        class="h-6 w-6 text-gray-600 group-hover:text-galben-400">
                                        <path stroke-linecap="round" stroke-linejoin="round"
                                            d="M2.25 18.75a60.07 60.07 0 0115.797 2.101c.727.198 1.453-.342 1.453-1.096V18.75M3.75 4.5v.75A.75.75 0 013 6h-.75m0 0v-.375c0-.621.504-1.125 1.125-1.125H20.25M2.25 6v9m18-10.5v.75c0 .414.336.75.75.75h.75m-1.5-1.5h.375c.621 0 1.125.504 1.125 1.125v9.75c0 .621-.504 1.125-1.125 1.125h-.375m1.5-1.5H21a.75.75 0 00-.75.75v.75m0 0H3.75m0 0h-.375a1.125 1.125 0 01-1.125-1.125V15m1.5 1.5v-.75A.75.75 0 003 15h-.75M15 10.5a3 3 0 11-6 0 3 3 0 016 0zm3 0h.008v.008H18V10.5zm-12 0h.008v.008H6V10.5z" />
                                    </svg>
                                </div>
                                <div class="flex-auto">
                                    <a href="ziua-vanzarilor.html" class="block font-semibold text-gray-900">
                                        Ziua Vânzărilor
                                        <span class="absolute inset-0"></span>
                                    </a>
                                    <p class="mt-1 text-gray-600">
                                        Workshop implementare proces de vânzări
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="grid grid-cols-2 divide-x divide-gray-900/5 bg-gray-50">
                            <a href="index.html#clienti" @click="serviciiOpen = false"
                                class="flex items-center justify-center group gap-x-2.5 p-3 text-sm font-semibold leading-6 text-gray-900 hover:bg-gray-100">
                                <svg class="h-5 w-5 flex-none text-gray-400 group-hover:text-galben-400"
                                    viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                                    <path fill-rule="evenodd"
                                        d="M2 10a8 8 0 1116 0 8 8 0 01-16 0zm6.39-2.908a.75.75 0 01.766.027l3.5 2.25a.75.75 0 010 1.262l-3.5 2.25A.75.75 0 018 12.25v-4.5a.75.75 0 01.39-.658z"
                                        clip-rule="evenodd" />
                                </svg>
                                Clienții noștri
                            </a>
                            <button @click="serviciiOpen = false" data-tf-popup="XUHqMzkJ" data-tf-opacity="100"
                                data-tf-iframe-props="title=Recrutare" data-tf-medium="snippet"
                                class="flex items-center justify-center group gap-x-2.5 p-3 text-sm font-semibold leading-6 text-gray-900 hover:bg-gray-100">
                                <svg class="h-5 w-5 flex-none text-gray-400 group-hover:text-galben-400"
                                    viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                                    <path fill-rule="evenodd"
                                        d="M2 3.5A1.5 1.5 0 013.5 2h1.148a1.5 1.5 0 011.465 1.175l.716 3.223a1.5 1.5 0 01-1.052 1.767l-.933.267c-.41.117-.643.555-.48.95a11.542 11.542 0 006.254 6.254c.395.163.833-.07.95-.48l.267-.933a1.5 1.5 0 011.767-1.052l3.223.716A1.5 1.5 0 0118 15.352V16.5a1.5 1.5 0 01-1.5 1.5H15c-1.149 0-2.263-.15-3.326-.43A13.022 13.022 0 012.43 8.326 13.019 13.019 0 012 5V3.5z"
                                        clip-rule="evenodd" />
                                </svg>
                                Contactează-ne
                            </button>
                        </div>
                    </div>
                </div>

<a href="fundamentul-zilei.html"
                    class="text-sm font-semibold leading-6 text-white hover:text-galben-400">
                    Fundamente
                </a>
                <button data-tf-popup="Avc2QrAi" data-tf-opacity="100" data-tf-iframe-props="title=Recrutare"
                    data-tf-medium="snippet" class="text-sm font-semibold leading-6 text-white hover:text-galben-400">
                    Software
                </button>

<div class="relative">
                    <button @click="despreOpen = !serviciiOpen" @keydown.escape="despreOpen = false" type="button"
                        class="flex items-center gap-x-1 text-sm font-semibold leading-6 text-white hover:text-galben-400 group"
                        aria-expanded="false">
                        Despre
                        <svg class="h-5 w-5 flex-none text-white group-hover:text-galben-400" viewBox="0 0 20 20"
                            fill="currentColor" aria-hidden="true">
                            <path fill-rule="evenodd"
                                d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z"
                                clip-rule="evenodd" />
                        </svg>
                    </button>
                    
                    <div x-cloak x-show="despreOpen" @click.away="despreOpen = false"
                        x-transition:enter="transition ease-out duration-200"
                        x-transition:enter-start="opacity-0 translate-y-1"
                        x-transition:enter-end="opacity-100 translate-y-0"
                        x-transition:leave="transition ease-in duration-150"
                        x-transition:leave-start="opacity-100 translate-y-0"
                        x-transition:leave-end="opacity-0 translate-y-1"
                        class="absolute -left-8 top-full z-50 mt-3 w-96 rounded-3xl bg-white/90 backdrop-blur-md p-4 shadow-lg ring-1 ring-gray-900/5">
                        <div class="relative rounded-lg p-4 hover:bg-gray-50">
                            <button @click="$dispatch('open-misiune'); despreOpen=false;"
                                class="block text-sm font-semibold leading-6 text-gray-900">
                                Misiunea TBF
                                <span class="absolute inset-0"></span>
                            </button>
                            <p class="mt-1 text-sm leading-6 text-gray-600">
                                Povestea TBF, a fondatorului nostru (Răzvan Căzănescu) și a echipei noastre
                            </p>
                        </div>
                        <div class="relative rounded-lg p-4 hover:bg-gray-50">
                            <a href="studiu-tbf.html" class="block text-sm font-semibold leading-6 text-gray-900">
                                Studiu TBF
                                <span class="absolute inset-0"></span>
                            </a>
                            <p class="mt-1 text-sm leading-6 text-gray-600">
                                Cel mai mare studiu despre managementul afacerilor din România
                            </p>
                        </div>
                        <div class="relative rounded-lg p-4 hover:bg-gray-50">
                            <button @click="despreOpen = false" data-tf-popup="sC5FZTip" data-tf-opacity="100"
                                data-tf-iframe-props="title=Recrutare" data-tf-medium="snippet"
                                class="block text-sm font-semibold leading-6 text-gray-900">
                                Alătură-te Echipei
                                <span class="absolute inset-0"></span>
                            </button>
                            <p class="mt-1 text-sm leading-6 text-gray-600">
                                Suntem mereu în căutare de oameni remarcabili și nerezonabili
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="hidden md:flex lg:flex-1 md:justify-end">
                <button data-tf-popup="XUHqMzkJ" data-tf-opacity="100" data-tf-iframe-props="title=Recrutare"
                    data-tf-medium="snippet" class="text-sm font-semibold leading-6 text-white hover:text-galben-400">
                    Contact
                </button>
            </div>
        </nav>

<div x-cloak x-show="mobileOpen" x-transition:enter="transition ease-out duration-200"
            x-transition:enter-start="opacity-0 translate-y-1" x-transition:enter-end="opacity-100 translate-y-0"
            x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0"
            x-transition:leave-end="opacity-0 translate-y-1" class="" role="dialog">
            <div class="fixed inset-0 z-10"></div>
            <div
                class="fixed inset-y-0 right-0 z-10 flex w-full flex-col justify-between overflow-y-auto bg-white sm:max-w-sm sm:ring-1 sm:ring-gray-900/10">
                <div class="p-6">
                    <div class="flex items-center justify-between">
                        <a href="index.html" class="-m-1.5 p-1.5 hover:opacity-80">
                            <span class="sr-only">TBF</span>
                            <img class="h-4 w-auto" src="img/tbf.svg" alt="Logo TBF">
                        </a>
                        <button @click="mobileOpen = false" type="button"
                            class="-m-2.5 rounded-md p-2.5 text-gray-700 hover:text-gray-500">
                            <span class="sr-only">
                                Închide meniu
                            </span>
                            <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                                stroke="currentColor" aria-hidden="true">
                                <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
                            </svg>
                        </button>
                    </div>
                    <div class="mt-6 flow-root">
                        <div class="-my-6 divide-y divide-gray-500/10">
                            <div class="space-y-2 py-6">
                                <a href="ziua-responsabilitatilor.html"
                                    class="group -mx-3 flex items-center gap-x-6 rounded-lg p-3 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50">
                                    <div
                                        class="flex h-11 w-11 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white">
                                        <svg class="h-6 w-6 text-gray-600 group-hover:text-galben-400" fill="none"
                                            viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
                                            aria-hidden="true">
                                            <path stroke-linecap="round" stroke-linejoin="round"
                                                d="M10.5 6a7.5 7.5 0 107.5 7.5h-7.5V6z" />
                                            <path stroke-linecap="round" stroke-linejoin="round"
                                                d="M13.5 10.5H21A7.5 7.5 0 0013.5 3v7.5z" />
                                        </svg>
                                    </div>
                                    Ziua Responsabilităților
                                </a>
                                <a href="ziua-recrutarilor.html"
                                    class="group -mx-3 flex items-center gap-x-6 rounded-lg p-3 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50">
                                    <div
                                        class="flex h-11 w-11 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white">
                                        <svg class="h-6 w-6 text-gray-600 group-hover:text-galben-400" fill="none"
                                            viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
                                            aria-hidden="true">
                                            <path stroke-linecap="round" stroke-linejoin="round"
                                                d="M15.042 21.672L13.684 16.6m0 0l-2.51 2.225.569-9.47 5.227 7.917-3.286-.672zM12 2.25V4.5m5.834.166l-1.591 1.591M20.25 10.5H18M7.757 14.743l-1.59 1.59M6 10.5H3.75m4.007-4.243l-1.59-1.59" />
                                        </svg>
                                    </div>
                                    Ziua Recrutărilor
                                </a>
                                <a href="ziua-procedurilor.html"
                                    class="group -mx-3 flex items-center gap-x-6 rounded-lg p-3 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50">
                                    <div
                                        class="flex h-11 w-11 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white">
                                        <svg class="h-6 w-6 text-gray-600 group-hover:text-galben-400" fill="none"
                                            viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
                                            aria-hidden="true">
                                            <path stroke-linecap="round" stroke-linejoin="round"
                                                d="M7.864 4.243A7.5 7.5 0 0119.5 10.5c0 2.92-.556 5.709-1.568 8.268M5.742 6.364A7.465 7.465 0 004.5 10.5a7.464 7.464 0 01-1.15 3.993m1.989 3.559A11.209 11.209 0 008.25 10.5a3.75 3.75 0 117.5 0c0 .527-.021 1.049-.064 1.565M12 10.5a14.94 14.94 0 01-3.6 9.75m6.633-4.596a18.666 18.666 0 01-2.485 5.33" />
                                        </svg>
                                    </div>
                                    Ziua Procedurilor
                                </a>
                                <a href="ziua-vanzarilor.html"
                                    class="group -mx-3 flex items-center gap-x-6 rounded-lg p-3 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50">
                                    <div
                                        class="flex h-11 w-11 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white">
                                        <svg class="h-6 w-6 text-gray-600 group-hover:text-galben-400" fill="none"
                                            viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
                                            aria-hidden="true">
                                            <path stroke-linecap="round" stroke-linejoin="round"
                                                d="M13.5 16.875h3.375m0 0h3.375m-3.375 0V13.5m0 3.375v3.375M6 10.5h2.25a2.25 2.25 0 002.25-2.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v2.25A2.25 2.25 0 006 10.5zm0 9.75h2.25A2.25 2.25 0 0010.5 18v-2.25a2.25 2.25 0 00-2.25-2.25H6a2.25 2.25 0 00-2.25 2.25V18A2.25 2.25 0 006 20.25zm9.75-9.75H18a2.25 2.25 0 002.25-2.25V6A2.25 2.25 0 0018 3.75h-2.25A2.25 2.25 0 0013.5 6v2.25a2.25 2.25 0 002.25 2.25z" />
                                        </svg>
                                    </div>
                                    Ziua Vânzărilor
                                </a>
                            </div>
                            <div class="space-y-2 py-6">
                                <a href="#"
                                    class="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50">
                                    Newsletter
                                </a>
                                <a href="#"
                                    class="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50">
                                    Software
                                </a>
                                <button @click="$dispatch('open-misiune'); mobileOpen=false;"
                                    class="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50">
                                    Misiunea TBF
                                </button>
                                <a href="studiu-tbf.html"
                                    class="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50">
                                    Studiu TBF
                                </a>
                                <button data-tf-popup="sC5FZTip" data-tf-opacity="100"
                                    data-tf-iframe-props="title=Recrutare" data-tf-medium="snippet"
                                    class="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50">
                                    Alătură-te Echipei
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="sticky bottom-0 grid grid-cols-2 divide-x divide-gray-900/5 bg-gray-50 text-center">
                    <a href="index.html#clienti"
                        class="p-3 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-100">
                        Clienții noștri
                    </a>
                    <a href="#" class="p-3 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-100">
                        Contactează-ne
                    </a>
                </div>
            </div>
        </div>
    </header>

<div x-data="{showModal: false, headline: '', desc: ''}">
        <div class="bg-black py-24 sm:py-32">
            <div class="mx-auto max-w-7xl px-6 lg:px-8">
                <div class="mx-auto max-w-4xl text-center">
                    <h2 class="text-base font-semibold leading-7 text-galben-400">Membru TBF</h2>
                    <p class="mt-2 text-4xl font-bold tracking-tight text-white sm:text-5xl">Calendar Membru TBF</p>
                </div>
                <p class="mx-auto mt-6 max-w-2xl text-center text-lg leading-8 text-neutru-300">Mai jos găsești
                    calendarul tuturor trainingurilor și întâlnirilor trimestriale pentru anul 2024. Fiecare sesiune
                    este susținută live, online pentru a putea participa toți angajații necesari la fiecare.</p>
            </div>

<div class="bg-black mt-20">
                <div
                    class="mx-auto grid max-w-3xl grid-cols-1 gap-x-8 gap-y-16 px-4 py-16 sm:grid-cols-2 sm:px-6 xl:max-w-6xl xl:grid-cols-3 xl:px-8">
                    
                    <section class="text-center">
                        <h2 class="text-sm font-semibold text-white">Ianuarie</h2>
                        <div class="mt-6 grid grid-cols-7 text-xs leading-6 text-gray-500">
                            <div>L</div>
                            <div>M</div>
                            <div>M</div>
                            <div>J</div>
                            <div>V</div>
                            <div>S</div>
                            <div>D</div>
                        </div>
                        <div
                            class="isolate mt-2 grid grid-cols-7 gap-px rounded-lg bg-gray-200 text-sm shadow ring-1 ring-gray-200">
                            <button type="button"
                                class="rounded-tl-lg bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
                                <time datetime="2021-12-27"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">31</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-01"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">1</time>
                            </button>
                            <button type="button" class="rounded-tr-lg bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-02"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">2</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-03"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">3</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-04"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">4</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-05"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">5</time>
                            </button>
                            <button type="button" class="rounded-tr-lg bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-02"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">6</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-07"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">7</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-08"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">8</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-09"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">9</time>
                            </button>
                            <button type="button"
                                x-on:click="showModal = true; headline = 'Întâlnire Trimestrială'; desc = 'Ziua #1 din întâlnirea trimestrială pentru trimestrul #1 2024'"
                                class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-12"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full bg-galben-400 font-semibold text-white">10</time>
                            </button>
                            <button type="button"
                                x-on:click="showModal = true; headline = 'Întâlnire Trimestrială'; desc = 'Ziua #2 din întâlnirea trimestrială pentru trimestrul #1 2024'"
                                class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-12"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full bg-galben-400 font-semibold text-white">11</time>
                            </button>
                            <button type="button"
                                x-on:click="showModal = true; headline = 'Întâlnire Trimestrială'; desc = 'Ziua #3 din întâlnirea trimestrială pentru trimestrul #1 2024'"
                                class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-12"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full bg-galben-400 font-semibold text-white">12</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-13"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">13</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-14"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">14</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-15"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">15</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-16"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">16</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-17"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">17</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-18"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">18</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-19"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">19</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-20"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">20</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-21"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">21</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-22"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">22</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-23"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">23</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-24"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">24</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-25"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">25</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-26"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">26</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-27"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">27</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-27"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">28</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-29"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">29</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-30"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">30</time>
                            </button>
                            <button type="button"
                                x-on:click="showModal = true; headline = 'Training Strategic'; desc = '4 Ore de training live (online) susținute de Răzvan Căzănescu (10:00 - 14:00)'"
                                class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-12"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full bg-green-500 font-semibold text-white">31</time>
                            </button>
                            <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-02-01"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">1</time>
                            </button>
                            <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-02-02"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">2</time>
                            </button>
                            <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-02-02"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">3</time>
                            </button>
                            <button type="button"
                                class="rounded-bl-lg bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-02-01"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">4</time>
                            </button>
                            <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-02-02"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">5</time>
                            </button>
                            <button type="button"
                                class="rounded-br-lg bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-02-06"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">6</time>
                            </button>
                            <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-02-01"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">7</time>
                            </button>
                            <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-02-02"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">8</time>
                            </button>
                            <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-02-02"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">9</time>
                            </button>
                            <button type="button"
                                class="rounded-br-lg bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-02-06"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">10</time>
                            </button>
                        </div>
                    </section>
                    
                    <section class="text-center">
                        <h2 class="text-sm font-semibold text-white">Februarie</h2>
                        <div class="mt-6 grid grid-cols-7 text-xs leading-6 text-gray-500">
                            <div>L</div>
                            <div>M</div>
                            <div>M</div>
                            <div>J</div>
                            <div>V</div>
                            <div>S</div>
                            <div>D</div>
                        </div>
                        <div
                            class="isolate mt-2 grid grid-cols-7 gap-px rounded-lg bg-gray-200 text-sm shadow ring-1 ring-gray-200">
                            <button type="button"
                                class="rounded-tl-lg bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
                                <time datetime="2021-12-27"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">28</time>
                            </button>
                            <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
                                <time datetime="2021-12-27"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">29</time>
                            </button>
                            <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
                                <time datetime="2021-12-27"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">30</time>
                            </button>
                            <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
                                <time datetime="2021-12-27"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">31</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-01"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">1</time>
                            </button>
                            <button type="button" class="rounded-tr-lg bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-02"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">2</time>
                            </button>
                            <button type="button" class="rounded-tr-lg bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-02"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">3</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-04"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">4</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-05"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">5</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-05"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">6</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-07"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">7</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-08"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">8</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-09"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">9</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-07"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">10</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-08"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">11</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-09"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">12</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-13"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">13</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-12"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full bg-green-500 font-semibold text-white">14</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-15"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">15</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-16"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">16</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-17"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">17</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-18"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">18</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-19"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">19</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-20"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">20</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-21"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">21</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-22"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">22</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-23"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">23</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-24"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">24</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-31"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">25</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-26"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">26</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-27"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">27</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-12"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full bg-green-500 font-semibold text-white">28</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-29"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">29</time>
                            </button>
                            <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-02-01"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">1</time>
                            </button>
                            <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-02-06"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">2</time>
                            </button>
                            <button type="button"
                                class="rounded-bl-lg bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-02-01"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">3</time>
                            </button>
                            <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-02-01"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">4</time>
                            </button>
                            <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-02-01"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">5</time>
                            </button>
                            <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-02-01"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">6</time>
                            </button>
                            <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-02-01"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">7</time>
                            </button>
                            <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-02-01"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">8</time>
                            </button>
                            <button type="button"
                                class="rounded-br-lg bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-02-01"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">9</time>
                            </button>
                        </div>
                    </section>
                    
                    <section class="text-center">
                        <h2 class="text-sm font-semibold text-white">Martie</h2>
                        <div class="mt-6 grid grid-cols-7 text-xs leading-6 text-gray-500">
                            <div>L</div>
                            <div>M</div>
                            <div>M</div>
                            <div>J</div>
                            <div>V</div>
                            <div>S</div>
                            <div>D</div>
                        </div>
                        <div
                            class="isolate mt-2 grid grid-cols-7 gap-px rounded-lg bg-gray-200 text-sm shadow ring-1 ring-gray-200">
                            <button type="button"
                                class="rounded-tl-lg bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
                                <time datetime="2021-12-27"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">25</time>
                            </button>
                            <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
                                <time datetime="2021-12-27"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">26</time>
                            </button>
                            <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
                                <time datetime="2021-12-27"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">27</time>
                            </button>
                            <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
                                <time datetime="2021-12-27"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">28</time>
                            </button>
                            <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
                                <time datetime="2021-12-27"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">29</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-01"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">1</time>
                            </button>
                            <button type="button" class="rounded-tr-lg bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-02"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">2</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-04"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">4</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-04"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">4</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-05"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">5</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-05"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">6</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-07"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">7</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-08"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">8</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-09"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">9</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-07"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">10</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-08"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">11</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-09"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">12</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-12"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full bg-green-500 font-semibold text-white">13</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-14"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">14</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-15"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">15</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-16"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">16</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-17"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">17</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-18"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">18</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-19"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">19</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-20"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">20</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-21"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">21</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-22"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">22</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-23"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">23</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-24"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">24</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-24"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">25</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-26"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">26</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-27"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">27</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-27"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">28</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-29"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">29</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-29"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">30</time>
                            </button>
                            <button type="button" class="rounded-bl-lg bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-31"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">31</time>
                            </button>
                            <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-02-01"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">1</time>
                            </button>
                            <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-02-01"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">2</time>
                            </button>
                            <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-02-01"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">3</time>
                            </button>
                            <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-02-01"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">4</time>
                            </button>
                            <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-02-01"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">5</time>
                            </button>
                            <button type="button"
                                class="rounded-br-lg bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-02-06"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">6</time>
                            </button>
                        </div>
                    </section>
                    
                    <section class="text-center">
                        <h2 class="text-sm font-semibold text-white">Aprilie</h2>
                        <div class="mt-6 grid grid-cols-7 text-xs leading-6 text-gray-500">
                            <div>L</div>
                            <div>M</div>
                            <div>M</div>
                            <div>J</div>
                            <div>V</div>
                            <div>S</div>
                            <div>D</div>
                        </div>
                        <div
                            class="isolate mt-2 grid grid-cols-7 gap-px rounded-lg bg-gray-200 text-sm shadow ring-1 ring-gray-200">
                            <button type="button"
                                class="rounded-tl-lg bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
                                <time datetime="2021-12-27"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">31</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-01"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">1</time>
                            </button>
                            <button type="button" class="rounded-tr-lg bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-02"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">2</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-12"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full bg-galben-400 font-semibold text-white">3</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-12"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full bg-galben-400 font-semibold text-white">4</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-12"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full bg-galben-400 font-semibold text-white">5</time>
                            </button>
                            <button type="button" class="rounded-tr-lg bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-07"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">7</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-08"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">8</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-09"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">9</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-07"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">10</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-08"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">11</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-09"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">12</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-13"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">13</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-14"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">14</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-15"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">15</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-16"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">16</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-17"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">17</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-18"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">18</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-19"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">19</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-20"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">20</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-21"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">21</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-22"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">22</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-23"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">23</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-12"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full bg-green-500 font-semibold text-white">24</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-25"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">25</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-26"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">26</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-27"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">27</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-27"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">28</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-29"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">29</time>
                            </button>
                            <button type="button" class="bg-white py-1.5 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-01-30"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">30</time>
                            </button>
                            <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-02-01"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">1</time>
                            </button>
                            <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-02-02"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">2</time>
                            </button>
                            <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-02-02"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">3</time>
                            </button>
                            <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-02-01"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">4</time>
                            </button>
                            <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-02-02"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">5</time>
                            </button>
                            <button type="button"
                                class="rounded-bl-lg bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-02-06"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">6</time>
                            </button>
                            <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-02-01"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">7</time>
                            </button>
                            <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-02-02"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">8</time>
                            </button>
                            <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-02-02"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">9</time>
                            </button>
                            <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-02-02"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">8</time>
                            </button>
                            <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-02-02"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">9</time>
                            </button>
                            <button type="button"
                                class="rounded-br-lg bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
                                <time datetime="2022-02-06"
                                    class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">10</time>
                            </button>
                        </div>
                    </section>
                </div>
            </div>
        </div>

<div class="mx-auto mt-0 max-w-7xl px-6 lg:px-8">
        <footer aria-labelledby="footer-heading" class="relative pt-0 pb-16 sm:pt-48 sm:pb-10">
            
            <div class="hidden xl:grid xl:grid-cols-3 xl:gap-8 border-t border-white/10 pt-24 pb-20">
                <img class="h-4 w-auto" src="img/tbf-white.svg" alt>
                <div class="reveal-0-1000 mt-16 grid grid-cols-2 gap-8 xl:col-span-2 xl:mt-0">
                    <div class="md:grid md:grid-cols-2 md:gap-8">
                        <div>
                            <h3 class="text-sm font-semibold leading-6 text-white">
                                Implementare
                            </h3>
                            <ul role="list" class="mt-6 space-y-4">
                                <li>
                                    <a href="ziua-responsabilitatilor.html"
                                        class="text-sm leading-6 text-neutru-200 hover:text-galben-400">
                                        Responsabilități
                                    </a>
                                </li>
                                <li>
                                    <a href="ziua-procedurilor.html"
                                        class="text-sm leading-6 text-neutru-200 hover:text-galben-400">
                                        Proceduri
                                    </a>
                                </li>
                                <li>
                                    <a href="ziua-recrutarilor.html"
                                        class="text-sm leading-6 text-neutru-200 hover:text-galben-400">
                                        Proces Recrutări
                                    </a>
                                </li>
                                <li>
                                    <a href="ziua-vanzarilor.html"
                                        class="text-sm leading-6 text-neutru-200 hover:text-galben-400">
                                        Proces Vânzări
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="mt-10 md:mt-0">
                            <h3 class="text-sm font-semibold leading-6 text-white">
                                Sisteme
                            </h3>
                            <ul role="list" class="mt-6 space-y-4">
                                <li>
                                    <a href="ziua-responsabilitatilor.html"
                                        class="text-sm leading-6 text-neutru-200 hover:text-galben-400">
                                        Management
                                    </a>
                                </li>
                                <li>
                                    <a href="ziua-vanzarilor.html"
                                        class="text-sm leading-6 text-neutru-200 hover:text-galben-400">
                                        Vânzări
                                    </a>
                                </li>
                                <li>
                                    <button data-tf-popup="Avc2QrAi" data-tf-opacity="100"
                                        data-tf-iframe-props="title=Recrutare" data-tf-medium="snippet"
                                        class="text-sm leading-6 text-neutru-200 hover:text-galben-400">
                                        Software
                                    </button>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="md:grid md:grid-cols-2 md:gap-8">
                        <div>
                            <h3 class="text-sm font-semibold leading-6 text-white">
                                Companie
                            </h3>
                            <ul role="list" class="mt-6 space-y-4">
                                <li>
                                    <button x-data @click="$dispatch('open-misiune');"
                                        class="text-sm leading-6 text-neutru-200 hover:text-galben-400">
                                        Povestea
                                    </button>
                                </li>
                                <li>
                                    <a href="studiu-tbf.html"
                                        class="text-sm leading-6 text-neutru-200 hover:text-galben-400">
                                        Studiu
                                    </a>
                                </li>
                                <li>
                                    <button data-tf-popup="sC5FZTip" data-tf-opacity="100"
                                        data-tf-iframe-props="title=Recrutare" data-tf-medium="snippet"
                                        class="text-sm leading-6 text-neutru-200 hover:text-galben-400">
                                        Cariere
                                    </button>
                                </li>
                                <li>
                                    <button data-tf-popup="XUHqMzkJ" data-tf-opacity="100"
                                        data-tf-iframe-props="title=Recrutare" data-tf-medium="snippet"
                                        class="text-sm leading-6 text-neutru-200 hover:text-galben-400">
                                        Contact
                                    </button>
                                </li>
                            </ul>
                        </div>
                        <div class="mt-10 md:mt-0">
                            <h3 class="text-sm font-semibold leading-6 text-white">
                                Legal
                            </h3>
                            <ul role="list" class="mt-6 space-y-4">
                                <li>
                                    <a target="_blank" href="termeni-si-conditii.html"
                                        class="text-sm leading-6 text-neutru-200 hover:text-galben-400">
                                        Termeni
                                    </a>
                                </li>
                                <li>
                                    <a target="_blank" href="politica-de-confidentialitate.html"
                                        class="text-sm leading-6 text-neutru-200 hover:text-galben-400">
                                        Confidențialitate
                                    </a>
                                </li>
                                <li>
                                    <a target="_blank" href="politica-de-confidentialitate.html#prelucrare-date"
                                        class="text-sm leading-6 text-neutru-200 hover:text-galben-400">
                                        GDPR
                                    </a>
                                </li>
                                <li>
                                    <a target="_blank" href="politica-de-confidentialitate.html#drepturi"
                                        class="text-sm leading-6 text-neutru-200 hover:text-galben-400">
                                        Drepturi
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            
            <div
                class="reveal-0-1000 mt-14 lg:mt-8 border-t border-white/10 pt-8 md:flex md:items-center md:justify-between">
                <div class="flex items-center justify-center lg:justify-start space-x-6 md:order-2">
                    <a target="_blank" href="https://facebook.com/thebasicfundamentals"
                        class="text-neutru-200 hover:text-galben-400">
                        <span class="sr-only">
                            Facebook
                        </span>
                        <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                            <path fill-rule="evenodd"
                                d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z"
                                clip-rule="evenodd" />
                        </svg>
                    </a>
                    <a target="_blank" href="https://ro.linkedin.com/company/thebasicfundamentals"
                        class="text-neutru-200 hover:text-galben-400">
                        <span class="sr-only">
                            LinkedIn
                        </span>
                        <svg class="h-5 w-5" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"
                            viewBox="0 0 24 24">
                            <path
                                d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
                        </svg>
                    </a>
                    <a target="_blank" href="https://www.youtube.com/@tbf1004"
                        class="text-neutru-200 hover:text-galben-400">
                        <span class="sr-only">
                            YouTube
                        </span>
                        <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                            <path fill-rule="evenodd"
                                d="M19.812 5.418c.861.23 1.538.907 1.768 1.768C21.998 8.746 22 12 22 12s0 3.255-.418 4.814a2.504 2.504 0 0 1-1.768 1.768c-1.56.419-7.814.419-7.814.419s-6.255 0-7.814-.419a2.505 2.505 0 0 1-1.768-1.768C2 15.255 2 12 2 12s0-3.255.417-4.814a2.507 2.507 0 0 1 1.768-1.768C5.744 5 11.998 5 11.998 5s6.255 0 7.814.418ZM15.194 12 10 15V9l5.194 3Z"
                                clip-rule="evenodd" />
                        </svg>
                    </a>
                </div>
                <p
                    class="mt-8 text-center lg:text-left px-5 lg:px-0 text-xs leading-5 text-neutru-200 md:order-1 md:mt-0">
                    &copy;
                    <span id="year-copyright">
                        2024
                    </span>
                    TBF Core, TBF Apps. Toate drepturile rezervate.
                </p>
            </div>
        </footer>
    </div>
    </div>

<script src="js/scripts.js"></script>

<script src="https://player.vimeo.com/api/player.js"></script>

<script src="//embed.typeform.com/next/embed.js"></script>

</body>

</html>

Back