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>
245 lines
19 KiB
HTML
245 lines
19 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 Contracte clienti - Romfast</title>
|
||
<meta name="description" content="Romfast produce programe de contabilitate, gestiune, resurse umane, imobilizari, salarizare: ROA - Sistem Informatic ERP. ROA Contracte Clienti - monitorizare evolutie contracte de vanzari din punct de vedere financiar.">
|
||
<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 Contracte clienti</span>
|
||
</li>
|
||
</ol>
|
||
</nav>
|
||
|
||
<!-- Page Header -->
|
||
<section class="mb-12">
|
||
<div class="text-center">
|
||
<img src="images/roacontracteclienti.png" width="233" height="29" alt="ROA Contracte clienti" class="mx-auto mb-6">
|
||
<h1 class="text-4xl font-bold professional-text-primary">ROA Contracte Clienti</h1>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Main Content Section -->
|
||
<section class="mb-16">
|
||
<div class="max-w-4xl 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> acestui program este acela de a monitoriza evolutia contractelor de vanzari din punct de vedere financiar.</p>
|
||
</div>
|
||
|
||
<h3 class="text-2xl font-semibold mb-4 professional-text-primary">Organizarea programului:</h3>
|
||
<div class="mb-8">
|
||
<p class="professional-text-secondary mb-4">Este in 5 pagini cu urmatoarele roluri:</p>
|
||
<div class="space-y-3">
|
||
<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">Definire</strong>: <span class="professional-text-secondary">se definesc tipuri de contracte, agenti, responsabili, valute, clienti, s.a.</span></div>
|
||
</div>
|
||
<div class="flex items-start space-x-3">
|
||
<i data-lucide="list" class="w-5 h-5 text-blue-600 mt-1 flex-shrink-0"></i>
|
||
<div><strong class="professional-text-primary">Lista contractelor</strong>: <span class="professional-text-secondary">formular cu posibilitati de filtrare si ordonare a contractelor;</span></div>
|
||
</div>
|
||
<div class="flex items-start space-x-3">
|
||
<i data-lucide="file-text" class="w-5 h-5 text-blue-600 mt-1 flex-shrink-0"></i>
|
||
<div><strong class="professional-text-primary">Datele contractelor</strong>;</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">Facturi</strong>: <span class="professional-text-secondary">instrumente pentru urmarirea facturilor aferente contractului ales;</span></div>
|
||
</div>
|
||
<div class="flex items-start space-x-3">
|
||
<i data-lucide="credit-card" class="w-5 h-5 text-blue-600 mt-1 flex-shrink-0"></i>
|
||
<div><strong class="professional-text-primary">Incasari</strong>: <span class="professional-text-secondary">instrumente pentru urmarirea facturilor si platilor aferente contractului ales.</span></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<h3 class="text-2xl font-semibold mb-4 professional-text-primary">Contractele sunt descrise prin urmatoarele grupuri de caracteristici:</h3>
|
||
<div class="mb-8">
|
||
<div class="space-y-3">
|
||
<div class="flex items-start space-x-3">
|
||
<i data-lucide="info" class="w-5 h-5 text-green-600 mt-1 flex-shrink-0"></i>
|
||
<div><strong class="professional-text-primary">Date generale</strong>: <span class="professional-text-secondary">clientul, data si numarul contractului, tipul de contract, perioada de valabilitate, s.a.</span></div>
|
||
</div>
|
||
<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>
|
||
<div><strong class="professional-text-primary">Obiectul si valoarea contractului</strong>: <span class="professional-text-secondary">articolele vandute (marfuri si/sau servicii), discount-uri pe articole, discount total, valoarea contractului, valuta;</span></div>
|
||
</div>
|
||
<div class="flex items-start space-x-3">
|
||
<i data-lucide="calendar" class="w-5 h-5 text-green-600 mt-1 flex-shrink-0"></i>
|
||
<div><strong class="professional-text-primary">Termene de facturare si achitare</strong>: <span class="professional-text-secondary">sub forma de tabel: rate, scadente;</span></div>
|
||
</div>
|
||
<div class="flex items-start space-x-3">
|
||
<i data-lucide="truck" class="w-5 h-5 text-green-600 mt-1 flex-shrink-0"></i>
|
||
<div><strong class="professional-text-primary">Termene de livrare si receptie</strong>;</div>
|
||
</div>
|
||
<div class="flex items-start space-x-3">
|
||
<i data-lucide="cog" class="w-5 h-5 text-green-600 mt-1 flex-shrink-0"></i>
|
||
<div><strong class="professional-text-primary">Setari speciale</strong> <span class="professional-text-secondary">pentru facturarea contractului;</span></div>
|
||
</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>
|
||
<div><strong class="professional-text-primary">Clauze speciale si observatii</strong>;</div>
|
||
</div>
|
||
<div class="flex items-start space-x-3">
|
||
<i data-lucide="paperclip" class="w-5 h-5 text-green-600 mt-1 flex-shrink-0"></i>
|
||
<div><strong class="professional-text-primary">Documente atasate</strong>: <span class="professional-text-secondary">lista cu link-uri ale documentelor in format electronic.</span></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<h3 class="text-2xl font-semibold mb-4 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">La definirea unui contract, anumite informatii (nr, data, client) devin vizibile si in alte programe: in contabilitate, de exemplu: se pot ulterior introduce facturi sau alte documente aferente acestui contract, asociindu-se la acesta.</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">La un contract cu scadentar de facturi se pot atasa facturi deja inregistrate in contabilitate – in scopul urmaririi stadiul contractului d.p.d.v. financiar;</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">Incasarile la facturile aferente unui contract se pot vedea in rapoarte speciale in programul de contracte.</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> |