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>
208 lines
14 KiB
HTML
208 lines
14 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 Situatii financiare - Romfast</title>
|
|
<meta name="description" content="Aplicatia ROA Situatii Financiare faciliteaza raportarea situatiilor financiare: bilant, contul de profit si pierdere, si alte rapoarte semestriale.">
|
|
<meta name="keywords" content="program situatii financiare, bilant, profit pierdere, rapoarte financiare, ROA, romfast, sistem informatic ERP, indicatori economici">
|
|
<!-- 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 professional-text-secondary">
|
|
<li><a href="../index.html" class="hover:text-blue-600 transition-colors">Home</a></li>
|
|
<li><span class="mx-2">/</span></li>
|
|
<li><a href="aplicatii-erp.html" class="hover:text-blue-600 transition-colors">ROA - Romfast applications</a></li>
|
|
<li><span class="mx-2">/</span></li>
|
|
<li><a href="aplicatii.html" class="hover:text-blue-600 transition-colors">Aplicatii ROA</a></li>
|
|
<li><span class="mx-2">/</span></li>
|
|
<li class="professional-text-primary font-medium">ROA Situatii financiare</li>
|
|
</ol>
|
|
</nav>
|
|
|
|
<!-- Page Header -->
|
|
<section class="mb-12">
|
|
<div class="grid md:grid-cols-3 gap-8 items-center">
|
|
<div class="md:col-span-2">
|
|
<img src="images/roasitfin.png" alt="ROA Situatii Financiare" class="mb-4 h-16 object-contain">
|
|
<h1 class="text-4xl font-bold professional-text-primary">ROA Situatii Financiare</h1>
|
|
</div>
|
|
<div class="flex justify-center md:justify-end">
|
|
<img src="sitfin.gif" alt="ROA Situatii Financiare Screenshot" class="rounded-lg shadow-lg max-w-full h-auto">
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Content Section -->
|
|
<section class="mb-12">
|
|
<div class="max-w-4xl mx-auto">
|
|
<div class="professional-card p-8">
|
|
<h3 class="text-2xl font-bold mb-6 professional-text-primary">Descriere Aplicatie</h3>
|
|
|
|
<div class="space-y-6 mb-8">
|
|
<div class="flex items-start space-x-3">
|
|
<i data-lucide="check-circle" class="w-6 h-6 text-blue-500 mt-1 flex-shrink-0"></i>
|
|
<p class="professional-text-secondary leading-relaxed">
|
|
Aceasta aplicatie are rolul de a facilita raportarea situatiilor financiare: bilant, contul de profit si pierdere, si alte rapoarte semestriale din aceeasi categorie.
|
|
</p>
|
|
</div>
|
|
<div class="flex items-start space-x-3">
|
|
<i data-lucide="alert-triangle" class="w-6 h-6 text-yellow-500 mt-1 flex-shrink-0"></i>
|
|
<p class="professional-text-secondary leading-relaxed">
|
|
<strong>O observatie importanta:</strong> formulele de calcul ale acestor rapoarte sunt extrem de flexibile, ele putand fi definite chiar de utilizator. Programul contine un instrument puternic de constructie de formule de indicatori utilizand valorile din baza de date (in special Balanta de verificare).
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="bg-blue-50 border border-blue-200 rounded-lg p-6">
|
|
<h5 class="text-lg font-semibold mb-4 text-blue-800">Caracteristici principale:</h5>
|
|
<ul class="space-y-3">
|
|
<li class="flex items-start space-x-3 professional-text-secondary">
|
|
<i data-lucide="check" class="w-5 h-5 text-blue-500 mt-0.5 flex-shrink-0"></i>
|
|
<span>Generarea automata a bilantului contabil</span>
|
|
</li>
|
|
<li class="flex items-start space-x-3 professional-text-secondary">
|
|
<i data-lucide="check" class="w-5 h-5 text-blue-500 mt-0.5 flex-shrink-0"></i>
|
|
<span>Calculul contului de profit si pierdere</span>
|
|
</li>
|
|
<li class="flex items-start space-x-3 professional-text-secondary">
|
|
<i data-lucide="check" class="w-5 h-5 text-blue-500 mt-0.5 flex-shrink-0"></i>
|
|
<span>Formule personalizabile pentru indicatori</span>
|
|
</li>
|
|
<li class="flex items-start space-x-3 professional-text-secondary">
|
|
<i data-lucide="check" class="w-5 h-5 text-blue-500 mt-0.5 flex-shrink-0"></i>
|
|
<span>Rapoarte semestriale si anuale</span>
|
|
</li>
|
|
<li class="flex items-start space-x-3 professional-text-secondary">
|
|
<i data-lucide="check" class="w-5 h-5 text-blue-500 mt-0.5 flex-shrink-0"></i>
|
|
<span>Integrare cu modulul de contabilitate</span>
|
|
</li>
|
|
<li class="flex items-start space-x-3 professional-text-secondary">
|
|
<i data-lucide="check" class="w-5 h-5 text-blue-500 mt-0.5 flex-shrink-0"></i>
|
|
<span>Export in multiple formate</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Navigation Links -->
|
|
<section class="mb-12">
|
|
<div class="flex flex-col md:flex-row justify-between gap-4">
|
|
<a href="aplicatii-erp.html" class="professional-btn-secondary flex items-center">
|
|
<i data-lucide="arrow-left" class="w-4 h-4 mr-2"></i>
|
|
Inapoi la ROA Applications
|
|
</a>
|
|
<a href="aplicatii.html" class="professional-btn-primary flex items-center">
|
|
Vezi toate aplicatiile ROA
|
|
<i data-lucide="arrow-right" class="w-4 h-4 ml-2"></i>
|
|
</a>
|
|
</div>
|
|
</section>
|
|
|
|
</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> |