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,161 +6,169 @@
|
||||
<title>ROA Politici de preturi si tarife</title>
|
||||
<meta name="description" content="Romfast produce programe de contabilitate, gestiune, resurse umane, imobilizari, salarizare: ROA - Sistem Informatic ERP pentru managementul listelor de preturi si politicilor de tarife.">
|
||||
<meta name="keywords" content="programe horeca, Program service auto, program contabilitate gestiune salarii facturare mijloace fixe productie, roa, romfast, soft contabilitate gestiune salarii, sistem informatic contabilitate, politici de preturi si tarife, liste de preturi, managementul preturilor">
|
||||
<!-- 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="../roa/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">
|
||||
<!-- Breadcrumbs -->
|
||||
<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">Politici de preturi si tarife</li>
|
||||
<!-- 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">Politici de preturi si tarife</li>
|
||||
</ol>
|
||||
</nav>
|
||||
|
||||
<!-- Page Header -->
|
||||
<section class="mb-5">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-8">
|
||||
<img src="images/roapolitici.png" width="324" height="29" alt="ROA Politici de preturi si tarife" class="mb-3">
|
||||
</div>
|
||||
<section class="mb-12">
|
||||
<div class="text-center">
|
||||
<img src="images/roapolitici.png" alt="ROA Politici de preturi si tarife" class="mb-6 max-w-full h-auto">
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Content Section -->
|
||||
<section class="mb-5">
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
<div class="content-section">
|
||||
<ul class="list-unstyled">
|
||||
<li class="mb-3">Aceasta aplicatie are rolul de a facilita definirea listelor de preturi pentru articolele furnizate de companie clientilor. Aceste articole pot fi atat marfuri cat si servicii.</li>
|
||||
<li class="mb-3">Programul permite organizare preturilor si tarifelor pe liste de preturi avand valabilitati distincte pe numite perioade de timp.</li>
|
||||
<li class="mb-3">Un articol poate fi cuprins in mai multe liste de preturi avand preturi diferite: de exemplu, in cazul comercializarii aceluiasi produs in mai multe puncte de vanzare aflate la distanta.</li>
|
||||
<li class="mb-3">Listele de preturi au asociate seturi de note contabile aferente vanzarii articolelor componente.</li>
|
||||
<li class="mb-3">Este posibila acordarea de drepturi de utilizare a listelor de preturi pe grupuri de utilizatori.</li>
|
||||
</ul>
|
||||
<section class="mb-12">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<div class="professional-card p-8">
|
||||
<div class="space-y-6 mb-8">
|
||||
<p class="professional-text-secondary leading-relaxed">Aceasta aplicatie are rolul de a facilita definirea listelor de preturi pentru articolele furnizate de companie clientilor. Aceste articole pot fi atat marfuri cat si servicii.</p>
|
||||
<p class="professional-text-secondary leading-relaxed">Programul permite organizare preturilor si tarifelor pe liste de preturi avand valabilitati distincte pe numite perioade de timp.</p>
|
||||
<p class="professional-text-secondary leading-relaxed">Un articol poate fi cuprins in mai multe liste de preturi avand preturi diferite: de exemplu, in cazul comercializarii aceluiasi produs in mai multe puncte de vanzare aflate la distanta.</p>
|
||||
<p class="professional-text-secondary leading-relaxed">Listele de preturi au asociate seturi de note contabile aferente vanzarii articolelor componente.</p>
|
||||
<p class="professional-text-secondary leading-relaxed">Este posibila acordarea de drepturi de utilizare a listelor de preturi pe grupuri de utilizatori.</p>
|
||||
</div>
|
||||
|
||||
<h3>Legaturile cu alte programe din suita ROA:</h3>
|
||||
<ul>
|
||||
<li class="mb-2"><strong>Nomenclatorul de articole</strong> este unic in intreg sistemul. Anumite articole sunt pentru vanzare si atunci au pret de lista (de catalog). Anumite articole sunt gestionabile si vor fi vizibile in <strong>programul de gestiune</strong>. Articolele negestionabile – cum sunt serviciile – nu pot fi vazute in programul de gestiune. Atributele unui articol pot fi schimbate de catre persoanele abilitate (care au acces la aceasta optiune).</li>
|
||||
<li class="mb-2"><strong>Listele de preturi</strong> sunt utilizate in <strong>programul de facturare</strong>.</li>
|
||||
<li class="mb-2"><strong>Notele contabile de vanzare</strong> sunt utilizate pentru a inregistra contabil facturile emise. Notele pot fi vizualizate prin intermediul programului <strong>ROA Financiar-Contabilitate</strong>.</li>
|
||||
<li class="mb-2"><strong>Listele de preturi</strong> sunt utilizate in programul <strong>ROA Vanzare en-detail</strong> la introducerea NIR-urilor de marfa la pret de vanzare.</li>
|
||||
</ul>
|
||||
|
||||
<div class="text-end mt-4">
|
||||
<button onclick="history.back()" class="btn btn-outline-secondary">Inapoi</button>
|
||||
<h3 class="text-xl font-semibold mb-6 professional-text-primary">Legaturile cu alte programe din suita ROA:</h3>
|
||||
<div class="space-y-4">
|
||||
<div class="flex items-start space-x-3">
|
||||
<i data-lucide="link" class="w-5 h-5 text-blue-500 mt-1 flex-shrink-0"></i>
|
||||
<p class="professional-text-secondary leading-relaxed"><strong>Nomenclatorul de articole</strong> este unic in intreg sistemul. Anumite articole sunt pentru vanzare si atunci au pret de lista (de catalog). Anumite articole sunt gestionabile si vor fi vizibile in <strong>programul de gestiune</strong>. Articolele negestionabile – cum sunt serviciile – nu pot fi vazute in programul de gestiune. Atributele unui articol pot fi schimbate de catre persoanele abilitate (care au acces la aceasta optiune).</p>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<i data-lucide="link" class="w-5 h-5 text-blue-500 mt-1 flex-shrink-0"></i>
|
||||
<p class="professional-text-secondary leading-relaxed"><strong>Listele de preturi</strong> sunt utilizate in <strong>programul de facturare</strong>.</p>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<i data-lucide="link" class="w-5 h-5 text-blue-500 mt-1 flex-shrink-0"></i>
|
||||
<p class="professional-text-secondary leading-relaxed"><strong>Notele contabile de vanzare</strong> sunt utilizate pentru a inregistra contabil facturile emise. Notele pot fi vizualizate prin intermediul programului <strong>ROA Financiar-Contabilitate</strong>.</p>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<i data-lucide="link" class="w-5 h-5 text-blue-500 mt-1 flex-shrink-0"></i>
|
||||
<p class="professional-text-secondary leading-relaxed"><strong>Listele de preturi</strong> sunt utilizate in programul <strong>ROA Vanzare en-detail</strong> la introducerea NIR-urilor de marfa la pret de vanzare.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex justify-end mt-8">
|
||||
<button onclick="history.back()" class="professional-btn-secondary flex items-center">
|
||||
<i data-lucide="arrow-left" class="w-4 h-4 mr-2"></i>
|
||||
Inapoi
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="bg-dark text-white text-center py-3 mt-5">
|
||||
<div class="container">
|
||||
<p class="mb-0">Copyright 2024 © <strong>Romfast SRL</strong>.</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>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Bootstrap JS -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Theme Switcher -->
|
||||
<script>
|
||||
// Theme switcher functionality
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
const themeDropdown = document.getElementById('themeDropdown');
|
||||
const themeItems = document.querySelectorAll('[data-theme]');
|
||||
|
||||
// Load saved theme or default to system
|
||||
const savedTheme = localStorage.getItem('theme') || 'system';
|
||||
applyTheme(savedTheme);
|
||||
|
||||
// Theme switching
|
||||
themeItems.forEach(item => {
|
||||
item.addEventListener('click', function(e) {
|
||||
e.preventDefault();
|
||||
const theme = this.getAttribute('data-theme');
|
||||
applyTheme(theme);
|
||||
localStorage.setItem('theme', theme);
|
||||
});
|
||||
});
|
||||
|
||||
function applyTheme(theme) {
|
||||
if (theme === 'system') {
|
||||
const systemDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
|
||||
document.documentElement.setAttribute('data-bs-theme', systemDark ? 'dark' : 'light');
|
||||
} else {
|
||||
document.documentElement.setAttribute('data-bs-theme', theme);
|
||||
}
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<!-- Professional Theme JavaScript -->
|
||||
<script src="../professional-theme.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user