romfast/romfast-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Convert remaining 23 HTML files to professional theme

Browse Source 
- 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:
Marius Mutu
2025-08-18 09:11:59 +03:00
parent 183be7bb3f
commit efec538ae7
23 changed files with 6116 additions and 4858 deletions
Download Patch File Download Diff File Expand all files Collapse all files

407
roa/aplicatii.html
View File

@@ -6,311 +6,296 @@
<title>ROA - Sistem Informatic ERP</title>
<meta name="description" content="ROA - Romfast Applications - Sistem Informatic ERP. Managementul Companiei.Program de Contabilitate">
<meta name="keywords" content="program contabilitate, soft contabilitate, roa, roa romfast application, management financiar contabil, management resurse umane, managementul imobilizarilor si obiectelor de inventar, managementul stocurilor si relatiilor cu furnizorii, management relatii clienti, analiza companiei, aplicatii specifice roa, aplicatii utilitare roa, romfast">
<!-- 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 active" aria-current="page">ROA - Romfast applications</li>
<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>
<span class="professional-text-primary font-medium">ROA - Romfast applications</span>
</li>
</ol>
</nav>
<!-- Page Header -->
<div class="row mb-5">
<div class="col-md-8">
<h1 class="mb-3">ROA - Aplicatii ERP</h1>
<p class="lead">Sistem informatic complex pentru managementul companiei</p>
<div class="grid md:grid-cols-3 gap-8 mb-12">
<div class="md:col-span-2">
<h1 class="text-4xl font-bold mb-4 professional-text-primary">ROA - Aplicatii ERP</h1>
<p class="text-xl professional-text-secondary leading-relaxed">Sistem informatic complex pentru managementul companiei</p>
</div>
<div class="col-md-4">
<div class="card theme-card">
<div class="card-body text-center">
<h5 class="card-title">Acceseaza online ROA!</h5>
<a href="../servicii/acceseazaroaonline.html">
<img src="images/roapac.gif" alt="Acceseaza ROA" class="img-fluid mb-3" style="max-width: 110px;">
</a>
<p class="small">Pentru conectarea la serverul ROA DEMO folositi <strong>Internet Explorer.</strong></p>
<div class="d-grid gap-2">
<a href="../menu/roa-suport-tehnic.html" class="btn btn-outline-primary btn-sm">Suport tehnic ROA</a>
<a href="specificatii-erp.html" class="btn btn-outline-secondary btn-sm">Specificatii ROA</a>
</div>
<div>
<div class="professional-card p-6 text-center">
<h5 class="text-lg font-semibold mb-4 professional-text-primary">Acceseaza online ROA!</h5>
<a href="../servicii/acceseazaroaonline.html" class="block mb-4">
<img src="images/roapac.gif" alt="Acceseaza ROA" class="mx-auto rounded-lg" style="max-width: 110px;">
</a>
<p class="text-sm professional-text-secondary mb-4">Pentru conectarea la serverul ROA DEMO folositi <strong>Internet Explorer.</strong></p>
<div class="space-y-3">
<a href="../menu/roa-suport-tehnic.html" class="professional-btn-secondary block">Suport tehnic ROA</a>
<a href="specificatii-erp.html" class="professional-btn-secondary block">Specificatii ROA</a>
</div>
</div>
</div>
</div>
<!-- ROA Modules Grid -->
<div class="row g-4">
<div class="grid lg:grid-cols-2 gap-6">
<!-- Analiza globala -->
<div class="col-lg-6">
<div class="card h-100">
<div class="card-body">
<div class="d-flex align-items-start mb-3">
<img src="../images/grafic-bani.jpg" alt="Analiza globala" class="me-3 rounded" style="width: 80px; height: auto;">
<div>
<div class="professional-card h-full">
<div class="p-6">
<div class="flex items-start space-x-4 mb-4">
<img src="../images/grafic-bani.jpg" alt="Analiza globala" class="rounded-lg" style="width: 80px; height: auto;">
<div>
<h4 class="card-title"><a name="analiza">Analiza globala a companiei</a></h4>
<h4 class="text-xl font-semibold professional-text-primary"><a name="analiza">Analiza globala a companiei</a></h4>
</div>
</div>
<ul class="list-unstyled">
<li class="mb-2"><a href="roa-manager.html" class="text-decoration-none"><strong>ROA Manager</strong></a></li>
<li><strong>ROA</strong> Situatii operative</li>
<ul class="space-y-2">
<li><a href="roa-manager.html" class="text-blue-600 hover:text-blue-800 transition-colors font-medium">ROA Manager</a></li>
<li class="professional-text-secondary"><strong>ROA</strong> Situatii operative</li>
</ul>
</div>
</div>
</div>
<!-- Management activitate -->
<div class="col-lg-6">
<div class="card h-100">
<div class="card-body">
<div class="d-flex align-items-start mb-3">
<img src="../images/contact_us.JPG" alt="Management activitate" class="me-3 rounded" style="width: 80px; height: auto;">
<div>
<div class="professional-card h-full">
<div class="p-6">
<div class="flex items-start space-x-4 mb-4">
<img src="../images/contact_us.JPG" alt="Management activitate" class="rounded-lg" style="width: 80px; height: auto;">
<div>
<h4 class="card-title"><a name="activitate">Managementul Activitatii</a></h4>
<h4 class="text-xl font-semibold professional-text-primary"><a name="activitate">Managementul Activitatii</a></h4>
</div>
</div>
<p class="text-muted mb-3">Contine aplicatii specifice fiecarei activitati.</p>
<ul class="list-unstyled">
<li class="mb-1"><strong>ROA</strong> Retail & Distributie</li>
<li class="mb-1"><a href="roa-service-auto.html" class="text-decoration-none"><strong>ROA</strong> Service Auto</a></li>
<li class="mb-1"><strong>ROA</strong> Cablu & TV</li>
<li class="mb-1"><strong>ROA</strong> Productie</li>
<li class="mb-1"><strong>ROA</strong> Servicii</li>
<li class="mb-1"><strong>ROA</strong> Restaurant</li>
<li class="mb-1"><strong>ROA</strong> Hotel</li>
<p class="professional-text-secondary mb-4">Contine aplicatii specifice fiecarei activitati.</p>
<ul class="space-y-2">
<li class="professional-text-secondary"><strong>ROA</strong> Retail & Distributie</li>
<li><a href="roa-service-auto.html" class="text-blue-600 hover:text-blue-800 transition-colors font-medium">ROA Service Auto</a></li>
<li class="professional-text-secondary"><strong>ROA</strong> Cablu & TV</li>
<li class="professional-text-secondary"><strong>ROA</strong> Productie</li>
<li class="professional-text-secondary"><strong>ROA</strong> Servicii</li>
<li class="professional-text-secondary"><strong>ROA</strong> Restaurant</li>
<li class="professional-text-secondary"><strong>ROA</strong> Hotel</li>
</ul>
</div>
</div>
</div>
<!-- Financiar-Contabil -->
<div class="col-lg-6">
<div class="card h-100">
<div class="card-body">
<div class="d-flex align-items-start mb-3">
<img src="../images/product_we_offer.jpg" alt="Financiar contabilitate" class="me-3 rounded" style="width: 80px; height: auto;">
<div>
<div class="professional-card h-full">
<div class="p-6">
<div class="flex items-start space-x-4 mb-4">
<img src="../images/product_we_offer.jpg" alt="Financiar contabilitate" class="rounded-lg" style="width: 80px; height: auto;">
<div>
<h4 class="card-title"><a name="contabilitate">Managementul Financiar-Contabil</a></h4>
<h4 class="text-xl font-semibold professional-text-primary"><a name="contabilitate">Managementul Financiar-Contabil</a></h4>
</div>
</div>
<ul class="list-unstyled">
<li class="mb-2"><a href="roa-financiar-contabilitate.html" class="text-decoration-none"><strong>ROA</strong> Financiar-Contabilitate</a></li>
<li><a href="roa-situatii-financiare.html" class="text-decoration-none"><strong>ROA</strong> Situatii financiare</a></li>
<ul class="space-y-2">
<li><a href="roa-financiar-contabilitate.html" class="text-blue-600 hover:text-blue-800 transition-colors font-medium">ROA Financiar-Contabilitate</a></li>
<li><a href="roa-situatii-financiare.html" class="text-blue-600 hover:text-blue-800 transition-colors font-medium">ROA Situatii financiare</a></li>
</ul>
</div>
</div>
</div>
<!-- Gestiuni -->
<div class="col-lg-6">
<div class="card h-100">
<div class="card-body">
<div class="d-flex align-items-start mb-3">
<img src="../images/affiliate_4.gif" alt="Gestiuni" class="me-3 rounded" style="width: 80px; height: auto;">
<div>
<div class="professional-card h-full">
<div class="p-6">
<div class="flex items-start space-x-4 mb-4">
<img src="../images/affiliate_4.gif" alt="Gestiuni" class="rounded-lg" style="width: 80px; height: auto;">
<div>
<h4 class="card-title"><a name="gestiuni">Managementul Gestiunilor</a></h4>
<h4 class="text-xl font-semibold professional-text-primary"><a name="gestiuni">Managementul Gestiunilor</a></h4>
</div>
</div>
<ul class="list-unstyled">
<li class="mb-2"><a href="roa-gestiune.html" class="text-decoration-none"><strong>ROA</strong> Gestiune generala</a></li>
<li><strong>ROA</strong> Vanzare en-detali</li>
<ul class="space-y-2">
<li><a href="roa-gestiune.html" class="text-blue-600 hover:text-blue-800 transition-colors font-medium">ROA Gestiune generala</a></li>
<li class="professional-text-secondary"><strong>ROA</strong> Vanzare en-detali</li>
</ul>
</div>
</div>
</div>
<!-- Imobilizari -->
<div class="col-lg-6">
<div class="card h-100">
<div class="card-body">
<div class="d-flex align-items-start mb-3">
<img src="images/Fixedassets250.jpg" alt="Imobilizari" class="me-3 rounded" style="width: 80px; height: auto;">
<div>
<div class="professional-card h-full">
<div class="p-6">
<div class="flex items-start space-x-4 mb-4">
<img src="images/Fixedassets250.jpg" alt="Imobilizari" class="rounded-lg" style="width: 80px; height: auto;">
<div>
<h4 class="card-title"><a name="imobilizari">Managementul Imobilizarilor</a></h4>
<h4 class="text-xl font-semibold professional-text-primary"><a name="imobilizari">Managementul Imobilizarilor</a></h4>
</div>
</div>
<ul class="list-unstyled">
<li class="mb-2"><a href="roa-imobilizari.html" class="text-decoration-none"><strong>ROA</strong> Managementul imobilizarilor corporale, necorporale si in curs</a></li>
<li><a href="roa-obiecte-inventar.html" class="text-decoration-none"><strong>ROA</strong> Gestiunea obiectelor de inventar in folosinta</a></li>
<ul class="space-y-2">
<li><a href="roa-imobilizari.html" class="text-blue-600 hover:text-blue-800 transition-colors font-medium">ROA Managementul imobilizarilor corporale, necorporale si in curs</a></li>
<li><a href="roa-obiecte-inventar.html" class="text-blue-600 hover:text-blue-800 transition-colors font-medium">ROA Gestiunea obiectelor de inventar in folosinta</a></li>
</ul>
</div>
</div>
</div>
<!-- Resurse umane -->
<div class="col-lg-6">
<div class="card h-100">
<div class="card-body">
<div class="d-flex align-items-start mb-3">
<img src="../images/new_technology.jpg" alt="Resurse umane" class="me-3 rounded" style="width: 80px; height: auto;">
<div>
<div class="professional-card h-full">
<div class="p-6">
<div class="flex items-start space-x-4 mb-4">
<img src="../images/new_technology.jpg" alt="Resurse umane" class="rounded-lg" style="width: 80px; height: auto;">
<div>
<h4 class="card-title"><a name="salarii">Managementul Resurselor Umane</a></h4>
<h4 class="text-xl font-semibold professional-text-primary"><a name="salarii">Managementul Resurselor Umane</a></h4>
</div>
</div>
<ul class="list-unstyled">
<li class="mb-1"><a href="roa-resurse-umane.html" class="text-decoration-none"><strong>ROA</strong> Resurse umane</a></li>
<li class="mb-1"><strong>ROA</strong> Salarizarea personalului</li>
<li class="mb-1"><strong>ROA</strong> Normarea muncii</li>
<li class="mb-1"><strong>ROA</strong> Declaratii de salarii</li>
<ul class="space-y-2">
<li><a href="roa-resurse-umane.html" class="text-blue-600 hover:text-blue-800 transition-colors font-medium">ROA Resurse umane</a></li>
<li class="professional-text-secondary"><strong>ROA</strong> Salarizarea personalului</li>
<li class="professional-text-secondary"><strong>ROA</strong> Normarea muncii</li>
<li class="professional-text-secondary"><strong>ROA</strong> Declaratii de salarii</li>
</ul>
</div>
</div>
</div>
<!-- Relatii clienti -->
<div class="col-lg-6">
<div class="card h-100">
<div class="card-body">
<div class="d-flex align-items-start mb-3">
<img src="../images/integration.jpg" alt="Relatii clienti" class="me-3 rounded" style="width: 80px; height: auto;">
<div>
<div class="professional-card h-full">
<div class="p-6">
<div class="flex items-start space-x-4 mb-4">
<img src="../images/integration.jpg" alt="Relatii clienti" class="rounded-lg" style="width: 80px; height: auto;">
<div>
<h4 class="card-title"><a name="clienti">Managementul Relatiilor cu Clientii</a></h4>
<h4 class="text-xl font-semibold professional-text-primary"><a name="clienti">Managementul Relatiilor cu Clientii</a></h4>
</div>
</div>
<ul class="list-unstyled">
<li class="mb-1"><a href="roa-contracte-clienti.html" class="text-decoration-none"><strong>ROA</strong> Contracte clienti</a></li>
<li class="mb-1"><a href="roa-comenzi-clienti.html" class="text-decoration-none"><strong>ROA</strong> Comenzi clienti</a></li>
<li class="mb-1"><strong>ROA</strong> Ofertare</li>
<li class="mb-1"><a href="roa-facturare.html" class="text-decoration-none"><strong>ROA</strong> Comercial facturare</a></li>
<li class="mb-1"><a href="roa-politici-preturi.html" class="text-decoration-none"><strong>ROA</strong> Politici de preturi si tarife</a></li>
<ul class="space-y-2">
<li><a href="roa-contracte-clienti.html" class="text-blue-600 hover:text-blue-800 transition-colors font-medium">ROA Contracte clienti</a></li>
<li><a href="roa-comenzi-clienti.html" class="text-blue-600 hover:text-blue-800 transition-colors font-medium">ROA Comenzi clienti</a></li>
<li class="professional-text-secondary"><strong>ROA</strong> Ofertare</li>
<li><a href="roa-facturare.html" class="text-blue-600 hover:text-blue-800 transition-colors font-medium">ROA Comercial facturare</a></li>
<li><a href="roa-politici-preturi.html" class="text-blue-600 hover:text-blue-800 transition-colors font-medium">ROA Politici de preturi si tarife</a></li>
</ul>
</div>
</div>
</div>
<!-- Relatii furnizori -->
<div class="col-lg-6">
<div class="card h-100">
<div class="card-body">
<div class="d-flex align-items-start mb-3">
<img src="../images/news3.jpg" alt="Relatii furnizori" class="me-3 rounded" style="width: 80px; height: auto;">
<div>
<div class="professional-card h-full">
<div class="p-6">
<div class="flex items-start space-x-4 mb-4">
<img src="../images/news3.jpg" alt="Relatii furnizori" class="rounded-lg" style="width: 80px; height: auto;">
<div>
<h4 class="card-title"><a name="furnizori">Managementul Relatiilor cu Furnizorii</a></h4>
<h4 class="text-xl font-semibold professional-text-primary"><a name="furnizori">Managementul Relatiilor cu Furnizorii</a></h4>
</div>
</div>
<ul class="list-unstyled">
<li class="mb-2"><a href="roa-contracte-furnizori.html" class="text-decoration-none"><strong>ROA</strong> Contracte furnizori</a></li>
<li><strong>ROA</strong> Aprovizionare</li>
<ul class="space-y-2">
<li><a href="roa-contracte-furnizori.html" class="text-blue-600 hover:text-blue-800 transition-colors font-medium">ROA Contracte furnizori</a></li>
<li class="professional-text-secondary"><strong>ROA</strong> Aprovizionare</li>
</ul>
</div>
</div>
</div>
</div>
</main>
<!-- Footer -->
<footer class="bg-dark text-white text-center py-4 mt-5">
<div class="container">
<p>Copyright &copy; 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 &copy; 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>