Ngiler SH3LL 360
Home
Information
Create File
Create Folder
:
/
home
/
tbf
/
tbf.ro
/
razvan
/
dist
/
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
close
Edit File :
fundamentul-zilei.html
| Size :
58.22
KB
Copy
<!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> <style> [x-cloak] { display: none; } html { scroll-behavior: smooth; } html.sr .load-hidden { visibility: hidden; } </style> <style> .article-fundament h1 { visibility: none; } </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-white/80 backdrop-blur-md sticky top-0 z-50 border-b border-slate-100"> <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"> <span class="sr-only"> TBF </span> <img class="h-4 w-auto" src="img/tbf.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-gray-700 hover:text-gray-500"> <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-gray-900 hover:text-gray-600" aria-expanded="false"> Servicii <svg class="h-5 w-5 flex-none text-gray-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-gray-900 hover:text-gray-600"> 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-gray-900 hover:text-gray-600"> 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-gray-900 hover:text-gray-600" aria-expanded="false"> Despre <svg class="h-5 w-5 flex-none text-gray-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-gray-900 hover:text-gray-600"> 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> <!-- Hero Newsletter --> <div class="relative mt-0 py-20 lg:pt-28 lg:pb-20 overflow-hidden xl:overflow-visible"> <svg class="absolute w-auto top-10 h-[80%] lg:-top-10 lg:inset-y-0 transform-gpu blur-3xl opacity-40" xmlns="http://www.w3.org/2000/svg" width="1440" height="999" viewBox="0 0 1440 999" fill="none"> <path d="M0 603.039C51.3206 476.942 41.5 -147.5 328 346.071C530.617 695.132 636.488 952.864 843.978 977.715C1051.47 1002.57 923.438 53.1122 1062.5 264.071C1201.56 475.03 1287.34 204.109 1305 182.571C1322.66 161.034 1797.56 658.076 1335 838.071C822.5 1037.5 765.404 -43.9261 644 24.0005C522.596 91.9271 334.964 1117.56 238.945 932C162.129 783.556 193.878 488.907 238.945 463.872" stroke="url(#paint0_linear_144_46)" stroke-width="41"/> <defs> <linearGradient id="paint0_linear_144_46" x1="-513" y1="434" x2="1492.5" y2="1657.51" gradientUnits="userSpaceOnUse"> <stop stop-color="#FFFEF0" stop-opacity="0"/> <stop offset="0.197917" stop-color="#FFF96B" stop-opacity="0.24"/> <stop offset="0.416667" stop-color="#FEC710"/> <stop offset="0.588542" stop-color="#FFF09E" stop-opacity="0"/> <stop offset="0.747779" stop-color="#FDC024"/> <stop offset="0.903438" stop-color="#FEC710" stop-opacity="0.04"/> </linearGradient> </defs> </svg> <!-- Hero content --> <div class="relative z-10 grid items-center grid-cols-1 max-w-screen-xl gap-16 px-5 mx-auto sm:px-6 lg:px-8 lg:grid-cols-2 lg:gap-8"> <div class="flex flex-col items-center max-w-full md:max-w-2xl mx-auto lg:items-start group"> <h1 class="font-display text-4xl font-bold text-center text-neutru-950 sm:text-5xl lg:text-left sm:leading-[3.8rem] group-hover:-translate-y-3 transition ease-out duration-[3000ms]"> Fundamentul zilei, <br /> cel mai apreciat <span class="relative whitespace-nowrap"> <!-- Headline underline --> <svg xmlns="http://www.w3.org/2000/svg" width="249" height="22" viewBox="0 0 249 22" fill="currentColor" class="absolute top-2/3 left-0 h-[0.6em] w-full fill-galben-400/40 group-hover:translate-y-2 group-hover:rotate-3 transition ease-out duration-[3000ms]"> <path d="M247.564 18.5807C241.772 13.3568 232.473 12.7526 225.225 11.4427C217.124 9.97395 208.996 8.57031 200.846 7.46093C186.542 5.51302 172.169 4.08854 157.79 3.01562C126.033 0.645827 94.0929 0.0338481 62.3387 2.36979C42.1785 3.85416 22.008 5.90885 2.32917 10.8463C-0.0155171 11.4349 0.207047 14.6719 2.6889 14.7083C22.0261 14.9896 41.3866 12.6406 60.7109 11.8568C79.9471 11.0807 99.2274 10.6719 118.484 10.9557C142.604 11.3125 166.719 12.8333 190.722 15.5156C199.956 16.5469 209.195 17.6016 218.411 18.8255C227.864 20.0807 237.259 22 246.767 20.7422C247.709 20.6198 248.426 19.3568 247.564 18.5807Z" /> </svg> <span class="relative"> newsletter </span> </span> de business </h1> <p class="mt-6 text-lg leading-8 text-center text-neutru-700 lg:text-left group-hover:-translate-y-2 transition ease-out duration-[3000ms]"> O lecție scurtă și practică de management, marketing sau vânzări scrisă de Răzvan Căzănescu (fondatorul TBF). Mii de antreprenori și manageri citesc Fundamentul Zilei la 07:00 în fiecare dimineață. </p> <div class="reveal-0-1000 load-hidden mt-10 flex flex-wrap items-center justify-center gap-y-6 gap-x-6 lg:justify-start"> <button data-tf-popup="FJkB3385" data-tf-opacity="100" data-tf-iframe-props="title=Newsletter" data-tf-medium="snippet" class="rounded-full bg-galben-300 px-10 py-3 text-sm font-medium text-neutru-950 shadow-sm hover:bg-galben-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-galben-400"> Abonează-te Gratuit </button> <button x-data @click="$dispatch('random')" class="flex items-center gap-1 text-sm font-medium duration-200 ease-in-out group text-neutru-900 hover:text-neutru-950 sm:text-md"> Fundament aleator <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-5 w-5 text-neutru-900 duration-300 ease-in-out group-hover:-translate-y-0 group-hover:translate-x-0.5 group-hover:text-neutru-950"> <path fill-rule="evenodd" d="M5 10a.75.75 0 01.75-.75h6.638L10.23 7.29a.75.75 0 111.04-1.08l3.5 3.25a.75.75 0 010 1.08l-3.5 3.25a.75.75 0 11-1.04-1.08l2.158-1.96H5.75A.75.75 0 015 10z" clip-rule="evenodd" /> </svg> </button> </div> </div> <!-- Hero graphics --> <div class="w-full max-w-lg md:max-w-2xl lg:max-w-lg mx-auto lg:mr-0 hover:-translate-y-5 transition ease-out duration-[3000ms] group"> <div class="relative aspect-h-5 md:aspect-h-4 lg:aspect-h-5 aspect-w-4 lg:aspect-w-4 md:aspect-w-7 rounded-2xl"> <img class="reveal-0-1000 load-hidden object-cover object-center w-full h-full rounded-2xl shadow-2xl shadow-galben-400/20" src="img/newsletter-2.jpg" alt /> <div> <!-- Floating divs over image --> <div> <!-- Abonați --> <div class="reveal-250-1000 load-hidden absolute -right-10 lg:-left-36 top-6 lg:top-12 inline-flex h-12 w-max items-center justify-center gap-3.5 rounded-2xl bg-white/80 px-8 text-sm font-semibold text-neutru-800 shadow-lg shadow-galben-400/5 ring-1 ring-galben-600/5 backdrop-blur-md lg:px-10 group-hover:translate-y-3 group-hover:rotate-2 transition duration-[3000ms] ease-out"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-auto w-7 text-galben-400 lg:text-galben-300"> <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> 30,000+ abonați </div> <!-- Ediții --> <div class="reveal-500-1000 load-hidden absolute bottom-16 md:bottom-10 lg:bottom-16 -left-10 lg:-left-24 inline-flex h-12 w-max items-center justify-center gap-3.5 rounded-2xl bg-white/80 px-8 text-sm font-semibold text-neutru-800 shadow-lg shadow-galben-400/5 ring-1 ring-galben-600/5 backdrop-blur-md lg:px-10 group-hover:translate-y-3 group-hover:translate-x-2 group-hover:-rotate-2 transition duration-[3000ms] ease-out"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-auto h-6 text-galben-300"> <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> 800+ ediții </div> <!-- Gratuit --> <div class="reveal-700-1000 load-hidden absolute -right-28 top-[370px] hidden h-12 w-max items-center justify-center gap-3.5 rounded-2xl bg-white/80 px-8 text-sm font-semibold text-neutru-800 shadow-lg shadow-galben-400/5 ring-1 ring-galben-600/5 backdrop-blur-md lg:px-10 lg:inline-flex group-hover:translate-y-3 group-hover:-translate-x-2 group-hover:-rotate-3 transition duration-[3000ms] ease-out"> 100% Gratuit <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-galben-300"> <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> </div> </div> </div> </div> </div> <!-- Arhiva --> <div id="arhiva" x-data="{ fundamente: null, loaded: false, fundamentModal: false, fundamentData: null, randomModal: false, randomData: null, random() { if (this.fundamente) { this.randomData = this.fundamente[Math.floor(Math.random() * this.fundamente.length)]; this.randomModal = true; }; }, getFundamente() { fetch('https://backend.tbf.ro/api/daily-foundations?get_all=1') .then(response => response.json()) .then(data => { this.fundamente = data.data; this.loaded = true; }); }, formatDate(timestamp) { const date = new Date(timestamp); const romanianMonths = [ 'Ian', 'Feb', 'Mar', 'Apr', 'Mai', 'Iun', 'Iul', 'Aug', 'Sep', 'Oct', 'Noi', 'Dec' ]; const monthIndex = date.getMonth(); const day = date.getDate(); const year = date.getFullYear(); const formattedDate = day + ' ' + romanianMonths[monthIndex] + ', ' + year; return formattedDate; }, removeHtmlFormatting(html) { const tempDiv = document.createElement('div'); tempDiv.innerHTML = html; const h1Elements = tempDiv.getElementsByTagName('h1'); for (let i = 0; i < h1Elements.length; i++) { h1Elements[i].innerHTML = ''; } return tempDiv.textContent || tempDiv.innerText || ''; } }" x-init="getFundamente();" @random.window="random();" class="relative scroll-mt-40"> <!-- Listare Fundamente --> <div x-show="loaded"> <div class="bg-white py-0 sm:py-0"> <div class="mx-auto max-w-4xl px-6 lg:px-8"> <div class="mx-auto grid max-w-2xl grid-cols-1 gap-x-20 gap-y-20 border-t border-gray-200 pt-10 lg:mt-20 sm:pt-16 lg:mx-0 lg:max-w-none lg:grid-cols-2 items-start"> <template x-for="item in fundamente"> <article @click="fundamentModal = true;fundamentData = item;" :id="item.nr" class="max-w-xl group cursor-pointer"> <span x-text="'#'+item.nr" class="text-galben-400 group-hover:text-galben-300 font-medium text-sm capitalize"></span> <h3 x-html="item.short_description" class="mt-3 text-xl font-semibold leading-8 text-gray-900 group-hover:text-gray-600 line-clamp-3"></h3> <time :datetime="item.publish_date" x-text="formatDate(item.publish_date)" class="mt-4 block text-gray-500 text-xs"></time> <p x-html="removeHtmlFormatting(item.description)" class="mt-5 line-clamp-3 text-sm leading-6 text-gray-600"></p> </div> </article> </template> </div> </div> </div> </div> <!-- Loading --> <div x-show="!loaded" class="relative"> <div class="mx-auto max-w-4xl lg:mt-20 border-t border-gray-200"> <div class="relative w-full py-20 flex items-center justify-center"> <svg class="animate-spin h-10 w-10 text-galben-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </div> </div> </div> <!-- Modal Fundament --> <div x-show="fundamentModal" class="fixed inset-0 z-50 overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-center justify-center min-h-screen px-4 text-center"> <div x-cloak @click="fundamentModal = false" x-show="fundamentModal" 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" class="fixed inset-0 transition-opacity bg-white bg-opacity-70 backdrop-blur-sm" aria-hidden="true"> <button @click="fundamentModal = false" class="absolute top-3 right-3 text-gray-900 hover:text-galben-400"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 md:w-10 h-6 md:h-10"> <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /> </svg> </button> </div> <div x-cloak x-show="fundamentModal" 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" class="relative inline-block w-full max-w-xl p-0 my-20 overflow-hidden text-left transition-all transform bg-white rounded-lg shadow-2xl 2xl:max-w-2xl"> <div x-cloak x-show="fundamentModal" 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" class="max-w-full max-h-full p-10 lg:p-20"> <article class="flex max-w-xl flex-col justify-between h-full"> <span x-text="'#' + (fundamentData ? fundamentData.nr : '')" class="text-galben-400 font-medium text-sm capitalize"></span> <h3 class="mt-3 text-xl font-semibold leading-8 text-gray-900 group-hover:text-gray-600"> <span x-html="fundamentData ? fundamentData.short_description : ''"></span> </h3> <div x-html="fundamentData ? fundamentData.description : ''" class="article-fundament mt-5 space-y-5 text-sm leading-6 text-gray-600"> </div> </article> </div> </div> </div> </div> <!-- Modal Random Fundament --> <div x-show="randomModal" class="fixed inset-0 z-50 overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-center justify-center min-h-screen px-4 text-center"> <div x-cloak @click="randomModal = false" x-show="randomModal" 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" class="fixed inset-0 transition-opacity bg-white bg-opacity-70 backdrop-blur-sm" aria-hidden="true"> <button @click="randomModal = false" class="absolute top-3 right-3 text-gray-900 hover:text-galben-400"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 md:w-10 h-6 md:h-10"> <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /> </svg> </button> </div> <div x-cloak x-show="randomModal" 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" class="relative inline-block w-full max-w-xl p-0 my-20 overflow-hidden text-left transition-all transform bg-white rounded-lg shadow-2xl 2xl:max-w-2xl"> <div x-cloak x-show="randomModal" 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" class="max-w-full max-h-full p-10 lg:p-20"> <article class="flex max-w-xl flex-col justify-between h-full"> <span x-text="'#' + (randomData ? randomData.nr : '')" class="text-galben-400 font-medium text-sm capitalize"></span> <h3 class="mt-3 text-xl font-semibold leading-8 text-gray-900 group-hover:text-gray-600"> <span x-html="randomData ? randomData.short_description : ''"></span> </h3> <div x-html="randomData ? randomData.description : ''" class="article-fundament mt-5 space-y-5 text-sm leading-6 text-gray-600"> </div> </article> </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-neutru-900/10 pt-24"> <img class="h-4 w-auto" src="img/tbf.svg" alt> <div class="reveal-0-1000 load-hidden 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-neutru-950"> Implementare </h3> <ul role="list" class="mt-6 space-y-4"> <li> <a href="ziua-responsabilitatilor.html" class="text-sm leading-6 text-neutru-600 hover:text-neutru-950"> Responsabilități </a> </li> <li> <a href="ziua-procedurilor.html" class="text-sm leading-6 text-neutru-600 hover:text-neutru-950"> Proceduri </a> </li> <li> <a href="ziua-recrutarilor.html" class="text-sm leading-6 text-neutru-600 hover:text-neutru-950"> Proces Recrutări </a> </li> <li> <a href="ziua-vanzarilor.html" class="text-sm leading-6 text-neutru-600 hover:text-neutru-950"> Proces Vânzări </a> </li> </ul> </div> <div class="mt-10 md:mt-0"> <h3 class="text-sm font-semibold leading-6 text-neutru-950"> Sisteme </h3> <ul role="list" class="mt-6 space-y-4"> <li> <a href="ziua-responsabilitatilor.html" class="text-sm leading-6 text-neutru-600 hover:text-neutru-950"> Management </a> </li> <li> <a href="ziua-vanzarilor.html" class="text-sm leading-6 text-neutru-600 hover:text-neutru-950"> 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-600 hover:text-neutru-950"> 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-neutru-950"> 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-600 hover:text-neutru-950"> Povestea </button> </li> <li> <a href="studiu-tbf.html" class="text-sm leading-6 text-neutru-600 hover:text-neutru-950"> 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-600 hover:text-neutru-950"> 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-600 hover:text-neutru-950"> Contact </button> </li> </ul> </div> <div class="mt-10 md:mt-0"> <h3 class="text-sm font-semibold leading-6 text-neutru-950"> 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-600 hover:text-neutru-950"> Termeni </a> </li> <li> <a target="_blank" href="politica-de-confidentialitate.html" class="text-sm leading-6 text-neutru-600 hover:text-neutru-950"> Confidențialitate </a> </li> <li> <a target="_blank" href="politica-de-confidentialitate.html#prelucrare-date" class="text-sm leading-6 text-neutru-600 hover:text-neutru-950"> GDPR </a> </li> <li> <a target="_blank" href="politica-de-confidentialitate.html#drepturi" class="text-sm leading-6 text-neutru-600 hover:text-neutru-950"> Drepturi </a> </li> </ul> </div> </div> </div> </div> <!-- Newsletter --> <div class="reveal-0-1000 load-hidden text-center lg:text-left px-5 lg:px-0 mt-0 border-t border-neutru-900/10 pt-14 lg:pt-8 sm:mt-20 lg:mt-24 lg:flex lg:items-center lg:justify-between"> <div> <h3 class="text-sm font-semibold leading-6 text-neutru-950"> Înscrie-te la Fundamentul Zilei </h3> <p class="mt-2 text-sm leading-6 text-neutru-600"> 30,000+ cititori, 800+ ediții, de luni până vineri, scris de Răzvan Căzănescu. </p> </div> <div class="mt-6 sm:max-w-md mx-auto lg:mx-0 lg:mt-0 px-5 lg:px-0 flex gap-x-3"> <!-- Fundamentul Zilei --> <button data-tf-popup="FJkB3385" data-tf-opacity="100" data-tf-iframe-props="title=Newsletter" data-tf-medium="snippet" class="flex gap-2 w-full items-center justify-center rounded-full px-7 text-xs font-medium bg-gray-950 md:bg-white py-3 text-white md:text-gray-500 hover:ring-gray-900 hover:text-gray-900 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-galben-400 whitespace-nowrap"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white md:text-gray-700"> <path d="M1.5 8.67v8.58a3 3 0 003 3h15a3 3 0 003-3V8.67l-8.928 5.493a3 3 0 01-3.144 0L1.5 8.67z" /> <path d="M22.5 6.908V6.75a3 3 0 00-3-3h-15a3 3 0 00-3 3v.158l9.714 5.978a1.5 1.5 0 001.572 0L22.5 6.908z" /> </svg> Fundamentul Zilei </button> <!-- Contact --> <button data-tf-popup="XUHqMzkJ" data-tf-opacity="100" data-tf-iframe-props="title=Contact" data-tf-medium="snippet" class="hidden sm:flex w-full items-center justify-center rounded-full bg-neutru-950 px-7 py-3 text-xs font-medium text-white shadow-sm hover:bg-neutru-900 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-galben-400"> Contact </button> </div> </div> <!-- Copyright --> <div class="reveal-0-1000 load-hidden mt-14 lg:mt-8 border-t border-neutru-900/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-400 hover:text-neutru-500"> <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-400 hover:text-neutru-500"> <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-400 hover:text-neutru-500"> <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-400 md:order-1 md:mt-0"> © <span id="year-copyright"> 2024 </span> TBF Core, TBF Apps. Toate drepturile rezervate. </p> </div> </footer> </div> <!-- Video Modal Misiune --> <div x-data="{ misiuneModal: false, player: null }" @open-misiune.window="misiuneModal=true; player = loadMisiuneVideoPlayer('857225824');"> <div x-show="misiuneModal" class="fixed inset-0 z-50 overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="flex items-center justify-center min-h-screen px-4 text-center"> <div x-cloak @click="misiuneModal = false; player.destroy(); " x-show="misiuneModal" 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" class="fixed inset-0 transition-opacity bg-white bg-opacity-70 backdrop-blur-sm" aria-hidden="true"> <button @click="misiuneModal = false; player.destroy(); " class="absolute top-3 right-3 text-gray-900 hover:text-galben-400"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 md:w-10 h-6 md:h-10"> <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /> </svg> </button> </div> <div x-cloak x-show="misiuneModal" 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" class="relative inline-block w-full max-w-xl p-0 my-20 overflow-hidden text-left transition-all transform bg-white rounded-lg shadow-2xl 2xl:max-w-2xl"> <div x-cloak x-show="misiuneModal" 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" id="misiuneVideo" class="max-w-full max-h-screen"> <!-- Loader --> <div class="absolute w-10 h-10 right-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2"> <svg class="animate-spin h-10 w-10 text-gray-300" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </div> </div> </div> </div> </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