romfast/romfast-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

redesign theme

Browse Source
This commit is contained in:
Claude Agent
2026-06-25 23:25:41 +00:00
parent 6d69e7ffc6
commit cb2d9178fb
29 changed files with 2421 additions and 2085 deletions
Download Patch File Download Diff File Expand all files Collapse all files

125
menu/implementare.html
View File

@@ -21,70 +21,69 @@
<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="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="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="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="implementare.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800 bg-blue-50 font-medium">Implementare</a>
<a href="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="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="referinte.html" class="text-white hover:text-blue-200 transition-colors nav-link">Cine folosește ROA</a>
<a href="angajari.html" class="text-white hover:text-blue-200 transition-colors nav-link">Angajari</a>
<a href="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>
</nav>
<!-- 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="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>
<a href="../roa/cum-arata-roa.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Cum arată 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="analiza.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Analiza</a>
<a href="implementare.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Implementare</a>
<a href="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="alteservicii.html" class="block text-gray-600 hover:text-blue-600 transition-colors py-1 text-sm">Alte servicii</a>
<!-- Mobile Menu -->
<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="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>
<a href="referinte.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Cine folosește ROA</a>
<a href="angajari.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Angajari</a>
<a href="contact.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Contact</a>
</div>
</div>
</nav>
</header>
<!-- Main Content Container -->
@@ -308,22 +307,26 @@
</main>
<!-- Professional Footer -->
<footer class="bg-gradient-to-r from-slate-900 via-gray-800 to-slate-900 text-white py-12" style="border-radius: 1rem 1rem 0 0;">
<div class="container mx-auto px-4 text-center">
<div class="mb-6">
<img src="../images/romfast_logo.png" alt="Romfast Logo" class="h-12 mx-auto mb-4">
<p class="text-gray-400 italic">Aduce informația în mâinile tale</p>
</div>
<div class="border-t border-gray-700 pt-6" style="border-radius: 0.5rem;">
<div class="flex flex-wrap justify-center gap-x-5 gap-y-2 mb-4">
<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-blue-400 hover:text-blue-300 transition-colors 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-blue-400 hover:text-blue-300 transition-colors 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-blue-400 hover:text-blue-300 transition-colors 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-blue-400 hover:text-blue-300 transition-colors 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-blue-400 hover:text-blue-300 transition-colors 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-blue-400 hover:text-blue-300 transition-colors text-sm"><i data-lucide="calendar-check" class="w-4 h-4"></i>Space Booking</a>
<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>
<p class="text-sm text-gray-400 mb-2">Copyright &copy; 2025 Romfast SRL. Toate drepturile rezervate.</p><div class="flex flex-wrap justify-center gap-x-4 gap-y-2"><a href="../menu/politica-confidentialitate.html" class="text-blue-400 hover:text-blue-300 transition-colors text-sm">Politica de confidentialitate</a></div></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>