redesign theme
This commit is contained in:
@@ -366,68 +366,66 @@
|
||||
<body class="min-h-screen">
|
||||
<!-- Soft Professional Blue Header -->
|
||||
<header class="professional-navbar sticky top-0 z-50">
|
||||
<nav class="container mx-auto px-4 py-4">
|
||||
<div class="flex items-center justify-between">
|
||||
<!-- Logo Section -->
|
||||
<div class="flex items-center space-x-3">
|
||||
<img src="images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
|
||||
<div class="hidden md:block">
|
||||
<p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<nav class="container mx-auto px-4 lg:px-10 py-3">
|
||||
<div class="flex items-center justify-between gap-6">
|
||||
<!-- Logo -->
|
||||
<a href="/index.html" class="flex items-center gap-3">
|
||||
<img src="/images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
|
||||
<span class="brand-tagline hidden md:inline">Aduce informația în mâinile tale</span>
|
||||
</a>
|
||||
|
||||
<!-- Centered Navigation -->
|
||||
<div class="hidden lg:flex items-center space-x-8">
|
||||
<a href="index.html" class="text-white hover:text-blue-200 transition-colors font-medium nav-link">Prima pagina</a>
|
||||
<a href="menu/desprenoi.html" class="text-white hover:text-blue-200 transition-colors nav-link">Despre noi</a>
|
||||
<a href="roa/aplicatii-erp.html" class="text-white hover:text-blue-200 transition-colors nav-link">ROA</a>
|
||||
<a href="roa/cum-arata-roa.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Cum arată ROA</a>
|
||||
<a href="roa/cum-arata-roa.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cum arată ROA</a>
|
||||
<div class="hidden lg:flex items-center gap-7">
|
||||
<a href="/index.html" class="nav-link">Prima pagina</a>
|
||||
<a href="/menu/desprenoi.html" class="nav-link">Despre noi</a>
|
||||
<a href="/roa/aplicatii-erp.html" class="nav-link">ROA</a>
|
||||
<a href="/roa/cum-arata-roa.html" class="nav-link">Cum arată ROA</a>
|
||||
<div class="relative group">
|
||||
<button class="text-white hover:text-blue-200 transition-colors flex items-center space-x-1 nav-link">
|
||||
<button class="nav-link flex items-center gap-1">
|
||||
<span>Servicii</span>
|
||||
<i data-lucide="chevron-down" class="w-4 h-4"></i>
|
||||
</button>
|
||||
<div class="absolute top-full left-0 mt-2 w-48 bg-white rounded-lg shadow-lg border border-gray-200 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300">
|
||||
<a href="menu/analiza.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800 rounded-t-lg">Analiza</a>
|
||||
<a href="menu/implementare.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">Implementare</a>
|
||||
<a href="menu/roa-suport-tehnic.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">Suport tehnic ROA</a>
|
||||
<a href="menu/alteservicii.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800 rounded-b-lg">Alte servicii</a>
|
||||
<div class="nav-dropdown absolute top-full left-0 mt-2 w-48 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 overflow-hidden">
|
||||
<a href="/menu/analiza.html" class="block px-4 py-3">Analiza</a>
|
||||
<a href="/menu/implementare.html" class="block px-4 py-3">Implementare</a>
|
||||
<a href="/menu/roa-suport-tehnic.html" class="block px-4 py-3">Suport tehnic ROA</a>
|
||||
<a href="/menu/alteservicii.html" class="block px-4 py-3">Alte servicii</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="menu/referinte.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cine folosește ROA</a>
|
||||
<a href="menu/angajari.html" class="text-white hover:text-blue-200 transition-colors nav-link">Angajari</a>
|
||||
<a href="menu/contact.html" class="text-white hover:text-blue-200 transition-colors nav-link">Contact</a>
|
||||
<a href="/menu/referinte.html" class="nav-link">Cine folosește ROA</a>
|
||||
<a href="/menu/angajari.html" class="nav-link">Angajari</a>
|
||||
<a href="/menu/contact.html" class="nav-cta">Contact</a>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Theme Toggle & Mobile Menu -->
|
||||
<div class="flex items-center space-x-4">
|
||||
<button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300">
|
||||
<div class="flex items-center gap-2">
|
||||
<button id="theme-toggle" class="p-2" aria-label="Comută tema">
|
||||
<i data-lucide="sun" class="w-5 h-5"></i>
|
||||
</button>
|
||||
<button id="mobile-menu-toggle" class="lg:hidden text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300">
|
||||
<button id="mobile-menu-toggle" class="lg:hidden p-2" style="color: var(--text-secondary);" aria-label="Meniu">
|
||||
<i data-lucide="menu" class="w-6 h-6" id="menu-icon"></i>
|
||||
<i data-lucide="x" class="w-6 h-6 hidden" id="close-icon"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Mobile Menu -->
|
||||
<div id="mobile-menu" class="lg:hidden hidden bg-white border-t border-gray-200 shadow-lg">
|
||||
<div class="px-4 py-4 space-y-3">
|
||||
<a href="index.html" class="block text-gray-700 hover:text-blue-600 transition-colors font-medium py-2">Prima pagina</a>
|
||||
<a href="menu/desprenoi.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Despre noi</a>
|
||||
<a href="roa/aplicatii-erp.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">ROA</a>
|
||||
<div class="border-l-2 border-gray-300 pl-4 space-y-2">
|
||||
<p class="text-gray-600 font-medium text-sm">Servicii</p>
|
||||
<a href="menu/analiza.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Analiza</a>
|
||||
<a href="menu/implementare.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Implementare</a>
|
||||
<a href="menu/roa-suport-tehnic.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Suport tehnic ROA</a>
|
||||
<a href="menu/alteservicii.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Alte servicii</a>
|
||||
<div id="mobile-menu" class="lg:hidden hidden mt-3 rounded-xl overflow-hidden" style="background: var(--surface); border: 1px solid var(--border);">
|
||||
<div class="px-4 py-4 space-y-1">
|
||||
<a href="/index.html" class="nav-link block py-2">Prima pagina</a>
|
||||
<a href="/menu/desprenoi.html" class="nav-link block py-2">Despre noi</a>
|
||||
<a href="/roa/aplicatii-erp.html" class="nav-link block py-2">ROA</a>
|
||||
<a href="/roa/cum-arata-roa.html" class="nav-link block py-2">Cum arată ROA</a>
|
||||
<div class="pl-4 py-1 space-y-1" style="border-left: 2px solid var(--border);">
|
||||
<p class="eyebrow">Servicii</p>
|
||||
<a href="/menu/analiza.html" class="nav-link block py-1 text-sm">Analiza</a>
|
||||
<a href="/menu/implementare.html" class="nav-link block py-1 text-sm">Implementare</a>
|
||||
<a href="/menu/roa-suport-tehnic.html" class="nav-link block py-1 text-sm">Suport tehnic ROA</a>
|
||||
<a href="/menu/alteservicii.html" class="nav-link block py-1 text-sm">Alte servicii</a>
|
||||
</div>
|
||||
<a href="menu/referinte.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Cine folosește ROA</a>
|
||||
<a href="menu/angajari.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Angajari</a>
|
||||
<a href="menu/contact.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Contact</a>
|
||||
<a href="/menu/referinte.html" class="nav-link block py-2">Cine folosește ROA</a>
|
||||
<a href="/menu/angajari.html" class="nav-link block py-2">Angajari</a>
|
||||
<a href="/menu/contact.html" class="nav-cta inline-block mt-2">Contact</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
@@ -447,11 +445,25 @@
|
||||
</main>
|
||||
|
||||
<!-- Professional Footer -->
|
||||
<footer class="professional-navbar mt-16">
|
||||
<div class="container mx-auto px-4 py-8 text-center">
|
||||
<div class="text-white">
|
||||
<p class="mb-2">© 2025 Romfast. Toate drepturile rezervate.</p>
|
||||
<p class="text-sm opacity-80">ROA - Romfast Applications - Sisteme informatice pentru managementul afacerii</p>
|
||||
<footer class="site-footer">
|
||||
<div class="max-w-6xl mx-auto px-4 lg:px-10 pt-12 pb-7">
|
||||
<!-- Aplicații online -->
|
||||
<div class="pb-6 footer-divider" style="border-bottom: 1px solid;">
|
||||
<div class="flex flex-wrap gap-x-5 gap-y-2.5">
|
||||
<a href="https://efactura.roa.romfast.ro" target="_blank" rel="noopener" title="Editor e-factură (XML)" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="file-text" class="w-4 h-4"></i>Editor Factură Electronică</a>
|
||||
<a href="https://qr-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator coduri QR" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="qr-code" class="w-4 h-4"></i>QR Code Generator</a>
|
||||
<a href="https://icon-generator.roa.romfast.ro" target="_blank" rel="noopener" title="Generator iconuri" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="shapes" class="w-4 h-4"></i>Icon Generator</a>
|
||||
<a href="https://roa-qr.romfast.ro" target="_blank" rel="noopener" title="Generează cod QR și-l adaugă la PDF" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="scan-line" class="w-4 h-4"></i>PDF QR</a>
|
||||
<a href="https://city-discovery.roa.romfast.ro" target="_blank" rel="noopener" title="Joc City Adventure Game" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="gamepad-2" class="w-4 h-4"></i>City Discovery</a>
|
||||
<a href="https://space.roa.romfast.ro" target="_blank" rel="noopener" title="Rezervări spații" class="inline-flex items-center gap-1.5 text-sm"><i data-lucide="calendar-check" class="w-4 h-4"></i>Space Booking</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center justify-between gap-4 flex-wrap pt-5">
|
||||
<span class="footer-muted text-sm">Copyright © 2025 Romfast SRL. Toate drepturile rezervate.</span>
|
||||
<div class="flex flex-wrap gap-5">
|
||||
<a href="/menu/politica-confidentialitate.html" class="footer-muted text-sm">Politica de confidențialitate</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
Reference in New Issue
Block a user