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>
257 lines
20 KiB
HTML
257 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 Comercial Facturare - Romfast</title>
|
||
<meta name="description" content="Romfast produce programe de contabilitate, gestiune, resurse umane, imobilizari, salarizare: ROA - Sistem Informatic ERP. ROA Comercial Facturare - emitere facturi marfuri si servicii pe baza de lista de preturi.">
|
||
<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, analiza indicatori economici, note contabile, management financiar-contabil, resurse umane, relatii furnizori clientii, managementul obiectelor de inventar, aprovizionare, programe devize auto, prospectare ofertare, management contracte si comenzi la furnizori sau clienti, livrari, incasari, politici de preturi si tarife, analiza activitatii, analize de trend, top-down, eficienta centrelor de cost/profit, cash-flow, bugete, program normative auto, program restaurant, program hotel, suport tehnic, servicii implementare, business inteligence,instrument de management,sistem informatic complex de tip ERP,coduri activare">
|
||
<meta name="author" content="S.C. Romfast S.R.L.">
|
||
<meta name="copyright" content="Copyright - S.C. Romfast S.R.L.">
|
||
<meta name="revisit-after" content="3 days">
|
||
<meta name="distribution" content="GLOBAL">
|
||
<meta name="googlebot" content="index, follow, all">
|
||
<meta name="robots" content="index, follow, all">
|
||
<meta name="rating" content="General">
|
||
|
||
<!-- 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>
|
||
<a href="aplicatii-erp.html" class="hover:text-blue-600 transition-colors">ROA - Romfast applications</a>
|
||
</li>
|
||
<li class="flex items-center space-x-2">
|
||
<i data-lucide="chevron-right" class="w-4 h-4"></i>
|
||
<a href="aplicatii.html" class="hover:text-blue-600 transition-colors">Aplicatii ROA</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 Comercial facturare</span>
|
||
</li>
|
||
</ol>
|
||
</nav>
|
||
|
||
<!-- Page Header -->
|
||
<section class="mb-12">
|
||
<div class="text-center">
|
||
<img src="images/roafacturare.png" alt="ROA Comercial facturare" class="mx-auto mb-6">
|
||
<h1 class="text-4xl font-bold professional-text-primary">ROA Comercial Facturare</h1>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Main Content Section -->
|
||
<section class="mb-16">
|
||
<div class="max-w-5xl mx-auto">
|
||
<div class="professional-card">
|
||
<div class="p-8">
|
||
<div class="mb-8">
|
||
<p class="text-xl professional-text-secondary leading-relaxed"><strong class="professional-text-primary">Scopul</strong> principal al acestui program este acela de a emite facturi.</p>
|
||
</div>
|
||
|
||
<div class="mb-10">
|
||
<p class="professional-text-secondary mb-6">Dupa cum se stie exista multe metode de a emite facturi, ce difera in special in domeniile:</p>
|
||
<div class="grid md:grid-cols-2 gap-4">
|
||
<div class="space-y-3">
|
||
<div class="flex items-start space-x-3">
|
||
<i data-lucide="package" class="w-5 h-5 text-green-600 mt-1 flex-shrink-0"></i>
|
||
<span class="professional-text-secondary">articolele ce se comercializeaza: marfuri, servicii;</span>
|
||
</div>
|
||
<div class="flex items-start space-x-3">
|
||
<i data-lucide="calculator" class="w-5 h-5 text-green-600 mt-1 flex-shrink-0"></i>
|
||
<span class="professional-text-secondary">metodele de tarifare a serviciilor;</span>
|
||
</div>
|
||
<div class="flex items-start space-x-3">
|
||
<i data-lucide="database" class="w-5 h-5 text-green-600 mt-1 flex-shrink-0"></i>
|
||
<span class="professional-text-secondary">metodele de gestionare a marfurilor (gestionate sau nu);</span>
|
||
</div>
|
||
</div>
|
||
<div class="space-y-3">
|
||
<div class="flex items-start space-x-3">
|
||
<i data-lucide="tag" class="w-5 h-5 text-green-600 mt-1 flex-shrink-0"></i>
|
||
<span class="professional-text-secondary">metodele de stabilire a preturilor de vanzare a marfurilor;</span>
|
||
</div>
|
||
<div class="flex items-start space-x-3">
|
||
<i data-lucide="file-text" class="w-5 h-5 text-green-600 mt-1 flex-shrink-0"></i>
|
||
<span class="professional-text-secondary">documentele premergatoare facturarii: contracte, comenzi, avize de expeditie.</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mt-6 p-4 bg-blue-50 rounded-lg border-l-4 border-blue-400">
|
||
<div class="space-y-2 professional-text-secondary">
|
||
<p>Prin acest program ne propunem facturarea marfurilor si serviciilor pe baza de lista de preturi.</p>
|
||
<p>Listele de preturi se definesc cu ajutorul programului <strong class="professional-text-primary">ROA Politici de preturi si tarife</strong>.</p>
|
||
<p>Articolele comercializate pot fi gestionabile sau nu (acesta este un atribut individual al articolelor). In cazul articolelor gestionabile acestea pot fi scazute din stoc odata cu facturarea.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<h3 class="text-2xl font-semibold mb-6 professional-text-primary">Organizarea programului:</h3>
|
||
<div class="mb-10">
|
||
<p class="professional-text-secondary mb-6">Este in 4 pagini cu urmatoarele roluri:</p>
|
||
<div class="space-y-4">
|
||
<div class="flex items-start space-x-3">
|
||
<i data-lucide="settings" class="w-5 h-5 text-blue-600 mt-1 flex-shrink-0"></i>
|
||
<div><strong class="professional-text-primary">Initializare</strong>: <span class="professional-text-secondary">se pot defini date despre modelele de facturi si avize, despre agenti, responsabili si delegati, clienti.</span></div>
|
||
</div>
|
||
<div class="flex items-start space-x-3">
|
||
<i data-lucide="receipt" class="w-5 h-5 text-blue-600 mt-1 flex-shrink-0"></i>
|
||
<div><strong class="professional-text-primary">Facturare</strong>: <span class="professional-text-secondary">se emit facturi: pe baza de liste de preturi, pe baza de contract, pe baza de comanda, pe baza de aviz de expeditie.</span></div>
|
||
</div>
|
||
<div class="flex items-start space-x-3">
|
||
<i data-lucide="truck" class="w-5 h-5 text-blue-600 mt-1 flex-shrink-0"></i>
|
||
<div><strong class="professional-text-primary">Avize de expeditie</strong>: <span class="professional-text-secondary">se emit avize de expeditie in doua forme: catre clienti sau ca transfer intre doua subunitati ale companiei.</span></div>
|
||
</div>
|
||
<div class="flex items-start space-x-3">
|
||
<i data-lucide="bar-chart-3" class="w-5 h-5 text-blue-600 mt-1 flex-shrink-0"></i>
|
||
<div><strong class="professional-text-primary">Rapoarte</strong>. <span class="professional-text-secondary">Programul dispune de un generator de rapoarte din cubul: clienti-facturi-incasari-agenti-delegati-masini (de transport)- articole.</span></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<h3 class="text-2xl font-semibold mb-6 professional-text-primary">Legaturile cu alte programe din suita ROA:</h3>
|
||
<div class="mb-8">
|
||
<div class="space-y-4">
|
||
<div class="flex items-start space-x-3">
|
||
<i data-lucide="link" class="w-5 h-5 text-purple-600 mt-1 flex-shrink-0"></i>
|
||
<p class="professional-text-secondary">Odata cu facturarea se produc automat inregistrari contabile, vizibile in <strong class="professional-text-primary">programul de contabilitate</strong>.</p>
|
||
</div>
|
||
<div class="flex items-start space-x-3">
|
||
<i data-lucide="link" class="w-5 h-5 text-purple-600 mt-1 flex-shrink-0"></i>
|
||
<p class="professional-text-secondary">Daca articolele facturate sunt gestionabile se va inregistra si scaderea lor din stoc , cu efecte vizibile in <strong class="professional-text-primary">programul de gestiune</strong>. Precizare: daca articolele vandute se regasesc in mai multe gestiuni – la care operatorul are drepturi – programul va cere alegerea celor din care se face scaderea.</p>
|
||
</div>
|
||
<div class="flex items-start space-x-3">
|
||
<i data-lucide="link" class="w-5 h-5 text-purple-600 mt-1 flex-shrink-0"></i>
|
||
<p class="professional-text-secondary">Programul poate factura pe baza de comenzi – introduse in <strong class="professional-text-primary">programul de comenzi</strong>.</p>
|
||
</div>
|
||
<div class="flex items-start space-x-3">
|
||
<i data-lucide="link" class="w-5 h-5 text-purple-600 mt-1 flex-shrink-0"></i>
|
||
<p class="professional-text-secondary">Programul poate factura pe baza de contracte – urmarind scadentarul introdus in <strong class="professional-text-primary">programul de contracte</strong>.</p>
|
||
</div>
|
||
<div class="flex items-start space-x-3">
|
||
<i data-lucide="link" class="w-5 h-5 text-purple-600 mt-1 flex-shrink-0"></i>
|
||
<p class="professional-text-secondary">Facturarea direct din lista de preturi se realizeaza pe baza listelor de preturi create in <strong class="professional-text-primary">programul Politici de preturi si tarife</strong>, unde se dau si drepturile de acces operatorilor asupra listelor.</p>
|
||
</div>
|
||
<div class="flex items-start space-x-3">
|
||
<i data-lucide="link" class="w-5 h-5 text-purple-600 mt-1 flex-shrink-0"></i>
|
||
<p class="professional-text-secondary">Precizare in ceea ce priveste <strong class="professional-text-primary">metoda de gestionare a marfurilor</strong>: aceste sunt organizate prin intermediul programului de gestiune in gestiuni la pret de achizitie sau la pret de vanzare. In functie de tipul gestiunii alese, programul de facturare creaza automat notele contabile aferente iesirii din gestiune.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="text-center mt-8">
|
||
<button onclick="history.back();" class="professional-btn-secondary">Inapoi</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</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> |