Convert remaining 23 HTML files to professional theme
- 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>
This commit is contained in:
@@ -6,203 +6,203 @@
|
||||
<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">
|
||||
<!-- Bootstrap CSS -->
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
<!-- 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=Open+Sans:wght@400;700&display=swap" rel="stylesheet">
|
||||
<!-- Custom CSS -->
|
||||
<link href="../new-style.css" rel="stylesheet">
|
||||
<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>
|
||||
<div class="page-wrapper">
|
||||
|
||||
<!-- Navigation & Branding Header -->
|
||||
<header class="shadow-sm">
|
||||
<nav class="navbar navbar-expand-lg navbar-dark py-3">
|
||||
<div class="container">
|
||||
<!-- Branding Section -->
|
||||
<a class="navbar-brand d-flex flex-column align-items-start" href="../index.html">
|
||||
<img src="../images/romfast_logo.png" alt="Romfast Logo" style="height: 70px; margin-bottom: 5px;">
|
||||
<div>
|
||||
<div class="slogan fs-6 text-white" style="font-family: 'Open Sans', sans-serif; font-style: italic;">Aduce informația în mâinile tale</div>
|
||||
<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>
|
||||
</a>
|
||||
|
||||
<!-- Toggler -->
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mainNav" aria-controls="mainNav" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
|
||||
<!-- Links -->
|
||||
<div class="collapse navbar-collapse" id="mainNav">
|
||||
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
|
||||
<li class="nav-item"><a class="nav-link" href="../index.html">Prima pagina</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../menu/desprenoi.html">Despre noi</a></li>
|
||||
<li class="nav-item"><a class="nav-link active" href="aplicatii-erp.html">ROA</a></li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="serviciiDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
Servicii
|
||||
</a>
|
||||
<ul class="dropdown-menu" aria-labelledby="serviciiDropdown">
|
||||
<li><a class="dropdown-item" href="../menu/analiza.html">Analiza</a></li>
|
||||
<li><a class="dropdown-item" href="../menu/implementare.html">Implementare</a></li>
|
||||
<li><a class="dropdown-item" href="../menu/roa-suport-tehnic.html">Suport tehnic ROA</a></li>
|
||||
<li><a class="dropdown-item" href="../menu/alteservicii.html">Alte servicii</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item"><a class="nav-link" href="../menu/referinte.html">Referinte</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../menu/angajari.html">Angajari</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../menu/contact.html">Contact</a></li>
|
||||
<li class="nav-item dropdown">
|
||||
<button class="btn btn-outline-light dropdown-toggle ms-2" type="button" id="themeDropdown" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
Theme
|
||||
</button>
|
||||
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="themeDropdown">
|
||||
<li><a class="dropdown-item" href="#" data-theme="light">Light Mode</a></li>
|
||||
<li><a class="dropdown-item" href="#" data-theme="dark">Dark Mode</a></li>
|
||||
<li><a class="dropdown-item" href="#" data-theme="system">System Mode</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</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 -->
|
||||
<main class="container my-5">
|
||||
<!-- Main Content Container -->
|
||||
<main class="container mx-auto px-4 py-8 max-w-7xl">
|
||||
|
||||
<!-- Breadcrumb -->
|
||||
<nav aria-label="breadcrumb" class="mb-4">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item"><a href="../index.html">Home</a></li>
|
||||
<li class="breadcrumb-item"><a href="aplicatii-erp.html">ROA - Romfast applications</a></li>
|
||||
<li class="breadcrumb-item"><a href="aplicatii.html">Aplicatii ROA</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">ROA Situatii financiare</li>
|
||||
<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-5">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-8">
|
||||
<img src="images/roasitfin.png" alt="ROA Situatii Financiare" class="img-fluid mb-3" style="max-height: 60px;">
|
||||
<h1 class="h2">ROA Situatii Financiare</h1>
|
||||
<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="col-md-4">
|
||||
<img src="sitfin.gif" alt="ROA Situatii Financiare Screenshot" class="img-fluid rounded shadow">
|
||||
<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-5">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="card theme-card">
|
||||
<div class="card-body">
|
||||
<h3 class="card-title">Descriere Aplicatie</h3>
|
||||
|
||||
<ul class="list-unstyled mb-4">
|
||||
<li class="mb-3">
|
||||
<i class="bi bi-check-circle-fill text-primary me-2"></i>
|
||||
Aceasta aplicatie are rolul de a facilita raportarea situatiilor financiare: bilant, contul de profit si pierdere, si alte rapoarte semestriale din aceeasi categorie.
|
||||
</li>
|
||||
<li class="mb-3">
|
||||
<i class="bi bi-exclamation-triangle-fill text-warning me-2"></i>
|
||||
<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).
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="alert theme-alert-info" role="alert">
|
||||
<h5 class="alert-heading">Caracteristici principale:</h5>
|
||||
<ul class="mb-0">
|
||||
<li>Generarea automata a bilantului contabil</li>
|
||||
<li>Calculul contului de profit si pierdere</li>
|
||||
<li>Formule personalizabile pentru indicatori</li>
|
||||
<li>Rapoarte semestriale si anuale</li>
|
||||
<li>Integrare cu modulul de contabilitate</li>
|
||||
<li>Export in multiple formate</li>
|
||||
</ul>
|
||||
</div>
|
||||
<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-5">
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
<a href="aplicatii-erp.html" class="btn btn-outline-primary">
|
||||
<i class="bi bi-arrow-left me-2"></i>
|
||||
Inapoi la ROA Applications
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-6 text-md-end mb-3">
|
||||
<a href="aplicatii.html" class="btn btn-primary">
|
||||
Vezi toate aplicatiile ROA
|
||||
<i class="bi bi-arrow-right ms-2"></i>
|
||||
</a>
|
||||
</div>
|
||||
<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>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="bg-dark text-white text-center py-4 mt-5">
|
||||
<div class="container">
|
||||
<p>Copyright © 2025 Romfast SRL. Toate drepturile rezervate.</p>
|
||||
<p><a href="../menu/politica-confidentialitate.html" class="text-white">Politica de confidentialitate</a></p>
|
||||
<!-- 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>
|
||||
|
||||
<!-- Bootstrap JS -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script>
|
||||
function applyTheme(theme) {
|
||||
const body = document.body;
|
||||
const themeDropdownButton = document.getElementById('themeDropdown');
|
||||
|
||||
body.classList.remove('dark-mode'); // Always remove first
|
||||
|
||||
if (theme === 'dark') {
|
||||
body.classList.add('dark-mode');
|
||||
} else if (theme === 'system') {
|
||||
if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
|
||||
body.classList.add('dark-mode');
|
||||
}
|
||||
}
|
||||
themeDropdownButton.textContent = theme.charAt(0).toUpperCase() + theme.slice(1) + ' Mode';
|
||||
localStorage.setItem('themePreference', theme);
|
||||
}
|
||||
|
||||
document.querySelectorAll('.dropdown-item[data-theme]').forEach(item => {
|
||||
item.addEventListener('click', function(event) {
|
||||
event.preventDefault();
|
||||
const theme = this.getAttribute('data-theme');
|
||||
applyTheme(theme);
|
||||
});
|
||||
});
|
||||
|
||||
// Initial theme application based on saved preference or system preference
|
||||
const savedTheme = localStorage.getItem('themePreference');
|
||||
if (savedTheme) {
|
||||
applyTheme(savedTheme);
|
||||
} else {
|
||||
// Default to system mode if no preference is saved
|
||||
applyTheme('system');
|
||||
}
|
||||
|
||||
// Listen for system theme changes if currently in system mode
|
||||
window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', e => {
|
||||
if (localStorage.getItem('themePreference') === 'system') {
|
||||
applyTheme('system');
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
<!-- Professional Theme JavaScript -->
|
||||
<script src="../professional-theme.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user