Marius Mutu
efec538ae7
- Convert 10 ROA files from new-style.css to professional-theme.css - Convert 6 ROA files from legacy style.css to professional theme - Convert 3 menu files from legacy style.css to professional theme - Convert 3 chatbot files while preserving functionality - Convert demo.html to professional theme - Apply Tailwind CSS + Flowbite + Lucide Icons throughout - Modernize navigation and footer consistency - Maintain all original content and functionality 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
301 lines
20 KiB
HTML
301 lines
20 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ro">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>ROA - Sistem Informatic ERP</title>
|
|
<meta name="description" content="ROA - Romfast Applications - Sistem Informatic ERP. Managementul Companiei.Program de Contabilitate">
|
|
<meta name="keywords" content="program contabilitate, soft contabilitate, roa, roa romfast application, management financiar contabil, management resurse umane, managementul imobilizarilor si obiectelor de inventar, managementul stocurilor si relatiilor cu furnizorii, management relatii clienti, analiza companiei, aplicatii specifice roa, aplicatii utilitare roa, romfast">
|
|
|
|
<!-- Tailwind CSS -->
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<!-- Flowbite -->
|
|
<script src="https://cdn.jsdelivr.net/npm/flowbite@2.0.0/dist/flowbite.min.js"></script>
|
|
<!-- Lucide Icons -->
|
|
<script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>
|
|
<!-- Google Fonts -->
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Merriweather:wght@300;400;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
|
|
<!-- Professional Theme CSS -->
|
|
<link href="../professional-theme.css" rel="stylesheet">
|
|
</head>
|
|
<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>
|
|
|
|
<!-- 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 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="aplicatii-erp.html" class="text-white hover:text-blue-200 transition-colors font-medium nav-link">ROA</a>
|
|
<div class="relative group">
|
|
<button class="text-white hover:text-blue-200 transition-colors flex items-center space-x-1 nav-link">
|
|
<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>
|
|
</div>
|
|
<a href="../menu/referinte.html" class="text-white hover:text-blue-200 transition-colors nav-link">Referinte</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>
|
|
</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">
|
|
<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">
|
|
<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 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="aplicatii-erp.html" class="block text-gray-700 hover:text-blue-600 transition-colors font-medium 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>
|
|
<a href="../menu/referinte.html" class="block text-gray-700 hover:text-blue-600 transition-colors py-2">Referinte</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>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
<!-- Main Content Container -->
|
|
<main class="container mx-auto px-4 py-8 max-w-7xl">
|
|
<!-- Breadcrumb -->
|
|
<nav aria-label="breadcrumb" class="mb-6">
|
|
<ol class="flex items-center space-x-2 text-sm text-gray-600">
|
|
<li><a href="../index.html" class="hover:text-blue-600 transition-colors">Home</a></li>
|
|
<li class="flex items-center space-x-2">
|
|
<i data-lucide="chevron-right" class="w-4 h-4"></i>
|
|
<span class="professional-text-primary font-medium">ROA - Romfast applications</span>
|
|
</li>
|
|
</ol>
|
|
</nav>
|
|
|
|
<!-- Page Header -->
|
|
<div class="grid md:grid-cols-3 gap-8 mb-12">
|
|
<div class="md:col-span-2">
|
|
<h1 class="text-4xl font-bold mb-4 professional-text-primary">ROA - Aplicatii ERP</h1>
|
|
<p class="text-xl professional-text-secondary leading-relaxed">Sistem informatic complex pentru managementul companiei</p>
|
|
</div>
|
|
<div>
|
|
<div class="professional-card p-6 text-center">
|
|
<h5 class="text-lg font-semibold mb-4 professional-text-primary">Acceseaza online ROA!</h5>
|
|
<a href="../servicii/acceseazaroaonline.html" class="block mb-4">
|
|
<img src="images/roapac.gif" alt="Acceseaza ROA" class="mx-auto rounded-lg" style="max-width: 110px;">
|
|
</a>
|
|
<p class="text-sm professional-text-secondary mb-4">Pentru conectarea la serverul ROA DEMO folositi <strong>Internet Explorer.</strong></p>
|
|
<div class="space-y-3">
|
|
<a href="../menu/roa-suport-tehnic.html" class="professional-btn-secondary block">Suport tehnic ROA</a>
|
|
<a href="specificatii-erp.html" class="professional-btn-secondary block">Specificatii ROA</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ROA Modules Grid -->
|
|
<div class="grid lg:grid-cols-2 gap-6">
|
|
<!-- Analiza globala -->
|
|
<div>
|
|
<div class="professional-card h-full">
|
|
<div class="p-6">
|
|
<div class="flex items-start space-x-4 mb-4">
|
|
<img src="../images/grafic-bani.jpg" alt="Analiza globala" class="rounded-lg" style="width: 80px; height: auto;">
|
|
<div>
|
|
<h4 class="text-xl font-semibold professional-text-primary"><a name="analiza">Analiza globala a companiei</a></h4>
|
|
</div>
|
|
</div>
|
|
<ul class="space-y-2">
|
|
<li><a href="roa-manager.html" class="text-blue-600 hover:text-blue-800 transition-colors font-medium">ROA Manager</a></li>
|
|
<li class="professional-text-secondary"><strong>ROA</strong> Situatii operative</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Management activitate -->
|
|
<div>
|
|
<div class="professional-card h-full">
|
|
<div class="p-6">
|
|
<div class="flex items-start space-x-4 mb-4">
|
|
<img src="../images/contact_us.JPG" alt="Management activitate" class="rounded-lg" style="width: 80px; height: auto;">
|
|
<div>
|
|
<h4 class="text-xl font-semibold professional-text-primary"><a name="activitate">Managementul Activitatii</a></h4>
|
|
</div>
|
|
</div>
|
|
<p class="professional-text-secondary mb-4">Contine aplicatii specifice fiecarei activitati.</p>
|
|
<ul class="space-y-2">
|
|
<li class="professional-text-secondary"><strong>ROA</strong> Retail & Distributie</li>
|
|
<li><a href="roa-service-auto.html" class="text-blue-600 hover:text-blue-800 transition-colors font-medium">ROA Service Auto</a></li>
|
|
<li class="professional-text-secondary"><strong>ROA</strong> Cablu & TV</li>
|
|
<li class="professional-text-secondary"><strong>ROA</strong> Productie</li>
|
|
<li class="professional-text-secondary"><strong>ROA</strong> Servicii</li>
|
|
<li class="professional-text-secondary"><strong>ROA</strong> Restaurant</li>
|
|
<li class="professional-text-secondary"><strong>ROA</strong> Hotel</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Financiar-Contabil -->
|
|
<div>
|
|
<div class="professional-card h-full">
|
|
<div class="p-6">
|
|
<div class="flex items-start space-x-4 mb-4">
|
|
<img src="../images/product_we_offer.jpg" alt="Financiar contabilitate" class="rounded-lg" style="width: 80px; height: auto;">
|
|
<div>
|
|
<h4 class="text-xl font-semibold professional-text-primary"><a name="contabilitate">Managementul Financiar-Contabil</a></h4>
|
|
</div>
|
|
</div>
|
|
<ul class="space-y-2">
|
|
<li><a href="roa-financiar-contabilitate.html" class="text-blue-600 hover:text-blue-800 transition-colors font-medium">ROA Financiar-Contabilitate</a></li>
|
|
<li><a href="roa-situatii-financiare.html" class="text-blue-600 hover:text-blue-800 transition-colors font-medium">ROA Situatii financiare</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Gestiuni -->
|
|
<div>
|
|
<div class="professional-card h-full">
|
|
<div class="p-6">
|
|
<div class="flex items-start space-x-4 mb-4">
|
|
<img src="../images/affiliate_4.gif" alt="Gestiuni" class="rounded-lg" style="width: 80px; height: auto;">
|
|
<div>
|
|
<h4 class="text-xl font-semibold professional-text-primary"><a name="gestiuni">Managementul Gestiunilor</a></h4>
|
|
</div>
|
|
</div>
|
|
<ul class="space-y-2">
|
|
<li><a href="roa-gestiune.html" class="text-blue-600 hover:text-blue-800 transition-colors font-medium">ROA Gestiune generala</a></li>
|
|
<li class="professional-text-secondary"><strong>ROA</strong> Vanzare en-detali</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Imobilizari -->
|
|
<div>
|
|
<div class="professional-card h-full">
|
|
<div class="p-6">
|
|
<div class="flex items-start space-x-4 mb-4">
|
|
<img src="images/Fixedassets250.jpg" alt="Imobilizari" class="rounded-lg" style="width: 80px; height: auto;">
|
|
<div>
|
|
<h4 class="text-xl font-semibold professional-text-primary"><a name="imobilizari">Managementul Imobilizarilor</a></h4>
|
|
</div>
|
|
</div>
|
|
<ul class="space-y-2">
|
|
<li><a href="roa-imobilizari.html" class="text-blue-600 hover:text-blue-800 transition-colors font-medium">ROA Managementul imobilizarilor corporale, necorporale si in curs</a></li>
|
|
<li><a href="roa-obiecte-inventar.html" class="text-blue-600 hover:text-blue-800 transition-colors font-medium">ROA Gestiunea obiectelor de inventar in folosinta</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Resurse umane -->
|
|
<div>
|
|
<div class="professional-card h-full">
|
|
<div class="p-6">
|
|
<div class="flex items-start space-x-4 mb-4">
|
|
<img src="../images/new_technology.jpg" alt="Resurse umane" class="rounded-lg" style="width: 80px; height: auto;">
|
|
<div>
|
|
<h4 class="text-xl font-semibold professional-text-primary"><a name="salarii">Managementul Resurselor Umane</a></h4>
|
|
</div>
|
|
</div>
|
|
<ul class="space-y-2">
|
|
<li><a href="roa-resurse-umane.html" class="text-blue-600 hover:text-blue-800 transition-colors font-medium">ROA Resurse umane</a></li>
|
|
<li class="professional-text-secondary"><strong>ROA</strong> Salarizarea personalului</li>
|
|
<li class="professional-text-secondary"><strong>ROA</strong> Normarea muncii</li>
|
|
<li class="professional-text-secondary"><strong>ROA</strong> Declaratii de salarii</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Relatii clienti -->
|
|
<div>
|
|
<div class="professional-card h-full">
|
|
<div class="p-6">
|
|
<div class="flex items-start space-x-4 mb-4">
|
|
<img src="../images/integration.jpg" alt="Relatii clienti" class="rounded-lg" style="width: 80px; height: auto;">
|
|
<div>
|
|
<h4 class="text-xl font-semibold professional-text-primary"><a name="clienti">Managementul Relatiilor cu Clientii</a></h4>
|
|
</div>
|
|
</div>
|
|
<ul class="space-y-2">
|
|
<li><a href="roa-contracte-clienti.html" class="text-blue-600 hover:text-blue-800 transition-colors font-medium">ROA Contracte clienti</a></li>
|
|
<li><a href="roa-comenzi-clienti.html" class="text-blue-600 hover:text-blue-800 transition-colors font-medium">ROA Comenzi clienti</a></li>
|
|
<li class="professional-text-secondary"><strong>ROA</strong> Ofertare</li>
|
|
<li><a href="roa-facturare.html" class="text-blue-600 hover:text-blue-800 transition-colors font-medium">ROA Comercial facturare</a></li>
|
|
<li><a href="roa-politici-preturi.html" class="text-blue-600 hover:text-blue-800 transition-colors font-medium">ROA Politici de preturi si tarife</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Relatii furnizori -->
|
|
<div>
|
|
<div class="professional-card h-full">
|
|
<div class="p-6">
|
|
<div class="flex items-start space-x-4 mb-4">
|
|
<img src="../images/news3.jpg" alt="Relatii furnizori" class="rounded-lg" style="width: 80px; height: auto;">
|
|
<div>
|
|
<h4 class="text-xl font-semibold professional-text-primary"><a name="furnizori">Managementul Relatiilor cu Furnizorii</a></h4>
|
|
</div>
|
|
</div>
|
|
<ul class="space-y-2">
|
|
<li><a href="roa-contracte-furnizori.html" class="text-blue-600 hover:text-blue-800 transition-colors font-medium">ROA Contracte furnizori</a></li>
|
|
<li class="professional-text-secondary"><strong>ROA</strong> Aprovizionare</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</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;">
|
|
<p class="text-sm text-gray-400 mb-2">
|
|
Copyright © 2025 Romfast SRL. Toate drepturile rezervate.
|
|
</p>
|
|
<a href="../politica-confidentialitate.html" class="text-blue-400 hover:text-blue-300 transition-colors text-sm">
|
|
Politica de confidentialitate
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- Professional Theme JavaScript -->
|
|
<script src="../professional-theme.js"></script>
|
|
</body>
|
|
</html> |