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,162 +6,223 @@
|
||||
<title>ROA - Sistem Informatic ERP</title>
|
||||
<meta name="description" content="ROA - Romfast Applications - Sistem Informatic ERP. Managementul Companiei. Program de Contabilitate, ERP pentru managementul afacerilor.">
|
||||
<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="../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 active" aria-current="page">Specificatii ERP</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 class="professional-text-primary font-medium">Specificatii ERP</li>
|
||||
</ol>
|
||||
</nav>
|
||||
|
||||
<!-- Page Header -->
|
||||
<section class="mb-5">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-8">
|
||||
<img src="images/roaspecificatii.png" width="199" height="29" alt="ROA Specificatii ERP" class="mb-3">
|
||||
</div>
|
||||
<section class="mb-12">
|
||||
<div class="text-center">
|
||||
<img src="images/roaspecificatii.png" alt="ROA Specificatii ERP" 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">
|
||||
<div class="row align-items-start mb-4">
|
||||
<div class="col-md-4">
|
||||
<img src="../images/enterprise_solution.jpg" alt="Enterprise Solution" class="img-fluid rounded shadow mb-3" style="border: 1px solid #dadada;">
|
||||
<section class="mb-12">
|
||||
<div class="grid lg:grid-cols-4 gap-8">
|
||||
<div class="lg:col-span-3">
|
||||
<div class="professional-card p-8">
|
||||
<div class="grid md:grid-cols-3 gap-6 items-start mb-8">
|
||||
<div>
|
||||
<img src="../images/enterprise_solution.jpg" alt="Enterprise Solution" class="rounded-lg shadow-lg w-full border border-gray-200">
|
||||
</div>
|
||||
<div class="col-md-8">
|
||||
<p><strong>ROA - Romfast Applications</strong> este un sistem <strong>E.R.P. (Enterprise Resource Planning)</strong> care inglobeaza aplicatii de tipul <strong>C.R.M. (Customer Relationship Management)</strong>, <strong>S.C.M. (Supply Chain Management), H.R. (Human Resources), B.I. (Business Intelligence).</strong></p>
|
||||
<div class="md:col-span-2">
|
||||
<p class="professional-text-secondary leading-relaxed text-lg">
|
||||
<strong>ROA - Romfast Applications</strong> este un sistem <strong class="text-blue-600">E.R.P. (Enterprise Resource Planning)</strong> care inglobeaza aplicatii de tipul <strong class="text-green-600">C.R.M. (Customer Relationship Management)</strong>, <strong class="text-purple-600">S.C.M. (Supply Chain Management)</strong>, <strong class="text-orange-600">H.R. (Human Resources)</strong>, <strong class="text-cyan-600">B.I. (Business Intelligence)</strong>.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-4">
|
||||
<p>Sistemul <strong>E.R.P. (Enterprise Resource Planning)</strong> este instrumentul software care faciliteaza integrarea tuturor informatiilor dintr-o organizatie într-o platforma unica asigurand astfel transparenta datelor în cadrul companiei si accesul la orice tip de informatie utila în desfasurarea activitatii. Multi oameni de afaceri au numit ERP-ul ca fiind "modalitatea de a pune in ordine informatiile din cadrul companiei."</p>
|
||||
<div class="space-y-6">
|
||||
<div class="bg-blue-50 border-l-4 border-blue-500 p-4 rounded-r-lg">
|
||||
<p class="professional-text-secondary leading-relaxed">
|
||||
Sistemul <strong>E.R.P. (Enterprise Resource Planning)</strong> este instrumentul software care faciliteaza integrarea tuturor informatiilor dintr-o organizatie într-o platforma unica asigurand astfel transparenta datelor în cadrul companiei si accesul la orice tip de informatie utila în desfasurarea activitatii. Multi oameni de afaceri au numit ERP-ul ca fiind "modalitatea de a pune in ordine informatiile din cadrul companiei."
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="bg-green-50 border-l-4 border-green-500 p-4 rounded-r-lg">
|
||||
<p class="professional-text-secondary leading-relaxed">
|
||||
Aplicatia <strong>C.R.M. (Customer Relationship Management)</strong> este un instrument puternic de raportare si analiza care ajuta la o mai buna intelegere a nevoilor si comportamentului clientilor. Un sistem eficient de CRM permite identificarea oportunitatilor in timp cat mai scurt, identificarea trend-urilor si stabilirea relatiilor intre clientii cei mai profitabili si produsele folosite de acestia, masurarea eficacitatii noilor produse si servicii.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="bg-purple-50 border-l-4 border-purple-500 p-4 rounded-r-lg">
|
||||
<p class="professional-text-secondary leading-relaxed mb-4">
|
||||
Aplicatia <strong>S.C.M. (Supply Chain Management)</strong> este o combinatie de procedee care vizeaza imbunatatirea modului in care o companie gaseste componentele de care are nevoie pentru a oferi mai departe un produs sau un serviciu clientilor sai.
|
||||
</p>
|
||||
<p class="professional-text-secondary font-semibold mb-3">Managementul Lantului de Aprovizionare este compus din 5 parti principale:</p>
|
||||
|
||||
<ol class="space-y-2 professional-text-secondary">
|
||||
<li class="flex items-start space-x-3">
|
||||
<span class="bg-purple-500 text-white rounded-full w-6 h-6 flex items-center justify-center text-sm font-semibold flex-shrink-0 mt-0.5">1</span>
|
||||
<span>Planul - o strategie pentru administrarea tuturor resurselor care sunt necesare pentru produsele sau serviciile unei companii;</span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<span class="bg-purple-500 text-white rounded-full w-6 h-6 flex items-center justify-center text-sm font-semibold flex-shrink-0 mt-0.5">2</span>
|
||||
<span>Sursa - furnizorii de la care se obtin produsele si serviciile necesare crearii produselor companiei;</span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<span class="bg-purple-500 text-white rounded-full w-6 h-6 flex items-center justify-center text-sm font-semibold flex-shrink-0 mt-0.5">3</span>
|
||||
<span>Produsul - planificarea activitatilor necesare pentru productie, testare, ambalare si pregatire pentru livrare;</span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<span class="bg-purple-500 text-white rounded-full w-6 h-6 flex items-center justify-center text-sm font-semibold flex-shrink-0 mt-0.5">4</span>
|
||||
<span>Livrarea sau logistica - primirea ordinelor de livrare de la clienti, dezvoltarea unei retele de depozite, alegerea curierilor pentru transportul produselor si sistemul de receptionare a platilor;</span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<span class="bg-purple-500 text-white rounded-full w-6 h-6 flex items-center justify-center text-sm font-semibold flex-shrink-0 mt-0.5">5</span>
|
||||
<span>Returul - creerea unei retele pentru primirea produselor defecte si/sau in exces si suportul pentru clientii care au probleme cu produsele cumparate.</span>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
<div class="bg-orange-50 border-l-4 border-orange-500 p-4 rounded-r-lg">
|
||||
<p class="professional-text-secondary leading-relaxed">
|
||||
<strong>H.R. (Human Resources)</strong> este o aplicatie de management al Resurselor Umane din cadrul companiei. Informatiile referitoare la personal sunt de natura personala, profesionala si financiara. In baza acestor informatii se pot genera o serie de rapoarte ce pot fi vizualizate si/sau listate, se creaza state de salarii ce pot fi modificate interactiv de utilizator si se calculeaza drepturile de natura salariala cu privire la concedii, sporuri si popriri.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="bg-cyan-50 border-l-4 border-cyan-500 p-4 rounded-r-lg">
|
||||
<p class="professional-text-secondary leading-relaxed">
|
||||
Aplicatia <strong>B.I. (Business Intelligence)</strong> permite companiilor sa isi gestioneze numarul mare de baze de date si sa ofere angajatilor, echipei de management si partenerilor lor o privire de ansamblu, usor de inteles. Aceasta aplicatie este folosita pentru a gasi noi oportunitati de crestere a veniturilor organizatiei, pentru a reduce costurile, realoca resursele si pentru imbunatatirea eficientei operationale.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="bg-gray-50 border border-gray-200 p-4 rounded-lg">
|
||||
<p class="professional-text-secondary leading-relaxed font-medium">
|
||||
<strong>ROA - Romfast Applications</strong> este solutia care centralizeaza toate aceste informatii, iar C.R.M.-ul, S.C.M.-ul si H.R.-ul beneficiaza de pe urma existentei unei singure surse de informatii la zi.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-4">
|
||||
<p>Aplicatia <strong>C.R.M. (Customer Relationship Management)</strong> este un instrument puternic de raportare si analiza care ajuta la o mai buna intelegere a nevoilor si comportamentului clientilor. Un sistem eficient de CRM permite identificarea oportunitatilor in timp cat mai scurt, identificarea trend-urilor si stabilirea relatiilor intre clientii cei mai profitabili si produsele folosite de acestia, masurarea eficacitatii noilor produse si servicii.</p>
|
||||
</div>
|
||||
|
||||
<div class="mb-4">
|
||||
<p>Aplicatia <strong>S.C.M. (Supply Chain Management)</strong> este o combinatie de procedee care vizeaza imbunatatirea modului in care o companie gaseste componentele de care are nevoie pentru a oferi mai departe un produs sau un serviciu clientilor sai.</p>
|
||||
<p>Managementul Lantului de Aprovizionare este compus din 5 parti principale:</p>
|
||||
|
||||
<ol>
|
||||
<li class="mb-2">Planul - o strategie pentru administrarea tuturor resurselor care sunt necesare pentru produsele sau serviciile unei companii;</li>
|
||||
<li class="mb-2">Sursa - furnizorii de la care se obtin produsele si serviciile necesare crearii produselor companiei;</li>
|
||||
<li class="mb-2">Produsul - planificarea activitatilor necesare pentru productie, testare, ambalare si pregatire pentru livrare;</li>
|
||||
<li class="mb-2">Livrarea sau logistica - primirea ordinelor de livrare de la clienti, dezvoltarea unei retele de depozite, alegerea curierilor pentru transportul produselor si sistemul de receptionare a platilor;</li>
|
||||
<li class="mb-2">Returul - creerea unei retele pentru primirea produselor defecte si/sau in exces si suportul pentru clientii care au probleme cu produsele cumparate.</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
<div class="mb-4">
|
||||
<p><strong>H.R. (Human Resources)</strong> este o aplicatie de management al Resurselor Umane din cadrul companiei. Informatiile referitoare la personal sunt de natura personala, profesionala si financiara. In baza acestor informatii se pot genera o serie de rapoarte ce pot fi vizualizate si/sau listate, se creaza state de salarii ce pot fi modificate interactiv de utilizator si se calculeaza drepturile de natura salariala cu privire la concedii, sporuri si popriri.</p>
|
||||
</div>
|
||||
|
||||
<div class="mb-4">
|
||||
<p>Aplicatia <strong>B.I. (Business Intelligence)</strong> permite companiilor sa isi gestioneze numarul mare de baze de date si sa ofere angajatilor, echipei de management si partenerilor lor o privire de ansamblu, usor de inteles. Aceasta aplicatie este folosita pentru a gasi noi oportunitati de crestere a veniturilor organizatiei, pentru a reduce costurile, realoca resursele si pentru imbunatatirea eficientei operationale.</p>
|
||||
</div>
|
||||
|
||||
<div class="mb-4">
|
||||
<p><strong>ROA - Romfast Applications</strong> este solutia care centralizeaza toate aceste informatii, iar C.R.M.-ul, S.C.M.-ul si H.R.-ul beneficiaza de pe urma existentei unei singure surse de informatii la zi.</p>
|
||||
</div>
|
||||
|
||||
<div class="text-end mt-4">
|
||||
<button onclick="history.back()" class="btn btn-outline-secondary">Inapoi</button>
|
||||
<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>
|
||||
|
||||
<!-- Sidebar -->
|
||||
<div class="col-lg-4">
|
||||
<div class="card theme-card">
|
||||
<div class="card-body">
|
||||
<div class="text-center mb-4">
|
||||
<p><strong><a href="../servicii/acceseazaroaonline.html" class="text-decoration-none">Acceseaza online ROA!</a></strong></p>
|
||||
<a href="../servicii/acceseazaroaonline.html">
|
||||
<img src="../roa/images/roapac.gif" alt="Acceseaza ROA" width="110" height="142" class="img-fluid">
|
||||
</a>
|
||||
<p class="mt-2 small">Pentru conectarea la serverul ROA DEMO folositi <strong>Internet Explorer.</strong></p>
|
||||
</div>
|
||||
<div class="lg:col-span-1">
|
||||
<div class="professional-card p-6">
|
||||
<div class="text-center mb-6">
|
||||
<p class="font-semibold mb-3 professional-text-primary">
|
||||
<a href="../servicii/acceseazaroaonline.html" class="hover:text-blue-600 transition-colors">Acceseaza online ROA!</a>
|
||||
</p>
|
||||
<a href="../servicii/acceseazaroaonline.html" class="block">
|
||||
<img src="../roa/images/roapac.gif" alt="Acceseaza ROA" class="w-28 h-36 mx-auto object-contain">
|
||||
</a>
|
||||
<p class="mt-3 text-sm professional-text-secondary">Pentru conectarea la serverul ROA DEMO folositi <strong>Internet Explorer.</strong></p>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
<p class="text-center"><a href="../menu/roa-suport-tehnic.html" class="text-decoration-none"><strong>Suport tehnic ROA</strong></a></p>
|
||||
<div class="space-y-4">
|
||||
<div class="border-t border-gray-200 pt-4">
|
||||
<p class="text-center font-semibold professional-text-primary">
|
||||
<a href="../menu/roa-suport-tehnic.html" class="hover:text-blue-600 transition-colors">Suport tehnic ROA</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
<p class="text-center"><a href="specificatii-erp.html" class="text-decoration-none"><strong>Specificatii ROA</strong></a></p>
|
||||
<div class="border-t border-gray-200 pt-4">
|
||||
<p class="text-center font-semibold professional-text-primary">
|
||||
<a href="specificatii-erp.html" class="hover:text-blue-600 transition-colors">Specificatii ROA</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
<p class="text-center"><a href="avantaje.html" class="text-decoration-none"><strong>Avantaje ROA</strong></a></p>
|
||||
<div class="border-t border-gray-200 pt-4">
|
||||
<p class="text-center font-semibold professional-text-primary">
|
||||
<a href="avantaje.html" class="hover:text-blue-600 transition-colors">Avantaje ROA</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -169,47 +230,25 @@
|
||||
</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