Convert politica-confidentialitate.html to professional theme
- Replace Bootstrap with Tailwind CSS + Flowbite + Lucide icons - Apply professional navbar with soft blue gradient background - Add professional hero section with shield-check icon - Restructure GDPR principles with professional card styling - Update contact information section with professional styling - Apply professional footer with gradient background - Include professional-theme.js for enhanced interactions - Maintain all original content and SEO metadata 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -6,153 +6,191 @@
|
|||||||
<title>Politica de Confidentialitate - Romfast</title>
|
<title>Politica de Confidentialitate - Romfast</title>
|
||||||
<meta name="description" content="Politica de confidentialitate Romfast in conformitate cu regulamentul GDPR. Aflati cum prelucram si protejam datele dumneavoastra cu caracter personal.">
|
<meta name="description" content="Politica de confidentialitate Romfast in conformitate cu regulamentul GDPR. Aflati cum prelucram si protejam datele dumneavoastra cu caracter personal.">
|
||||||
<meta name="keywords" content="gdpr, politica de confidentialitate, protectia datelor, date cu caracter personal, romfast">
|
<meta name="keywords" content="gdpr, politica de confidentialitate, protectia datelor, date cu caracter personal, 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 -->
|
<!-- Google Fonts -->
|
||||||
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap" 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">
|
||||||
<!-- Custom CSS -->
|
<!-- Professional Theme CSS -->
|
||||||
<link href="new-style.css" rel="stylesheet">
|
<link href="professional-theme.css" rel="stylesheet">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body class="min-h-screen">
|
||||||
<div class="page-wrapper">
|
<!-- Soft Professional Blue Header -->
|
||||||
|
<header class="professional-navbar sticky top-0 z-50">
|
||||||
<!-- Navigation & Branding Header -->
|
<nav class="container mx-auto px-4 py-4">
|
||||||
<header class="shadow-sm">
|
<div class="flex items-center justify-between">
|
||||||
<nav class="navbar navbar-expand-lg navbar-dark py-3">
|
<!-- Logo Section -->
|
||||||
<div class="container">
|
<div class="flex items-center space-x-3">
|
||||||
<!-- Branding Section -->
|
<img src="images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
|
||||||
<a class="navbar-brand d-flex flex-column align-items-start" href="index.html">
|
<div class="hidden md:block">
|
||||||
<img src="images/romfast_logo.png" alt="Romfast Logo" style="height: 70px; margin-bottom: 5px;">
|
<p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p>
|
||||||
<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>
|
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</div>
|
||||||
|
|
||||||
<!-- Toggler -->
|
<!-- Centered Navigation -->
|
||||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mainNav" aria-controls="mainNav" aria-expanded="false" aria-label="Toggle navigation">
|
<div class="hidden lg:flex items-center space-x-8">
|
||||||
<span class="navbar-toggler-icon"></span>
|
<a href="index.html" class="text-white hover:text-blue-200 transition-colors font-medium nav-link">Prima pagina</a>
|
||||||
</button>
|
<a href="menu/desprenoi.html" class="text-white hover:text-blue-200 transition-colors nav-link">Despre noi</a>
|
||||||
|
<a href="roa/aplicatii-erp.html" class="text-white hover:text-blue-200 transition-colors nav-link">ROA</a>
|
||||||
<!-- Links -->
|
<div class="relative group">
|
||||||
<div class="collapse navbar-collapse" id="mainNav">
|
<button class="text-white hover:text-blue-200 transition-colors flex items-center space-x-1 nav-link">
|
||||||
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
|
<span>Servicii</span>
|
||||||
<li class="nav-item"><a class="nav-link" href="index.html">Prima pagina</a></li>
|
<i data-lucide="chevron-down" class="w-4 h-4"></i>
|
||||||
<li class="nav-item"><a class="nav-link" href="menu/desprenoi.html">Despre noi</a></li>
|
</button>
|
||||||
<li class="nav-item"><a class="nav-link" href="roa/aplicatii-erp.html">ROA</a></li>
|
<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">
|
||||||
<li class="nav-item dropdown">
|
<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 class="nav-link dropdown-toggle" href="#" id="serviciiDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
<a href="menu/implementare.html" class="block px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-blue-800">Implementare</a>
|
||||||
Servicii
|
<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>
|
<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>
|
||||||
<ul class="dropdown-menu" aria-labelledby="serviciiDropdown">
|
</div>
|
||||||
<li><a class="dropdown-item" href="menu/analiza.html">Analiza</a></li>
|
</div>
|
||||||
<li><a class="dropdown-item" href="menu/implementare.html">Implementare</a></li>
|
<a href="menu/referinte.html" class="text-white hover:text-blue-200 transition-colors nav-link">Referinte</a>
|
||||||
<li><a class="dropdown-item" href="menu/roa-suport-tehnic.html">Suport tehnic ROA</a></li>
|
<a href="menu/angajari.html" class="text-white hover:text-blue-200 transition-colors nav-link">Angajari</a>
|
||||||
<li><a class="dropdown-item" href="menu/alteservicii.html">Alte servicii</a></li>
|
<a href="menu/contact.html" class="text-white hover:text-blue-200 transition-colors nav-link">Contact</a>
|
||||||
</ul>
|
</div>
|
||||||
</li>
|
|
||||||
<li class="nav-item"><a class="nav-link" href="menu/referinte.html">Referinte</a></li>
|
<!-- Theme Toggle & Mobile Menu -->
|
||||||
<li class="nav-item"><a class="nav-link" href="menu/angajari.html">Angajari</a></li>
|
<div class="flex items-center space-x-4">
|
||||||
<li class="nav-item"><a class="nav-link" href="menu/contact.html">Contact</a></li>
|
<button id="theme-toggle" class="text-white p-2 rounded-lg hover:bg-white hover:bg-opacity-20 transition-all duration-300">
|
||||||
<li class="nav-item dropdown">
|
<i data-lucide="sun" class="w-5 h-5"></i>
|
||||||
<button class="btn btn-outline-light dropdown-toggle ms-2" type="button" id="themeDropdown" data-bs-toggle="dropdown" aria-expanded="false">
|
</button>
|
||||||
Theme
|
<button class="lg:hidden text-white p-2">
|
||||||
</button>
|
<i data-lucide="menu" class="w-6 h-6"></i>
|
||||||
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="themeDropdown">
|
</button>
|
||||||
<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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<!-- Main Content -->
|
<!-- Main Content Container -->
|
||||||
<main class="container my-5">
|
<main class="container mx-auto px-4 py-8 max-w-7xl">
|
||||||
<div class="row justify-content-center">
|
|
||||||
<div class="col-lg-10">
|
<!-- Professional Page Header -->
|
||||||
<h1 class="mb-4">Politica de Confidentialitate</h1>
|
<section class="professional-hero text-center mb-12">
|
||||||
<p class="lead">La 25 mai 2018 a intrat in vigoare si au devenit aplicabile prevederile Regulamentului European 679/2016 privind protectia persoanelor fizice in ceea ce priveste prelucrarea datelor cu caracter personal si libera circulatie a acestor „date” (GDPR).</p>
|
<div class="max-w-4xl mx-auto relative z-10">
|
||||||
<p>Prin aceasta politica dorim sa va comunicam felul in care ROMFAST se conformeaza acestui regulament.</p>
|
<div class="flex items-center justify-center mb-6">
|
||||||
|
<div class="professional-icon-wrapper">
|
||||||
<hr class="my-4">
|
<i data-lucide="shield-check" class="w-10 h-10 text-white"></i>
|
||||||
|
|
||||||
<ol class="list-group list-group-numbered">
|
|
||||||
<li class="list-group-item">ROMFAST prelucreaza datele dumneavoastra cu buna credinta, conform prevederilor Regulamentului.</li>
|
|
||||||
<li class="list-group-item">Informatiile pe care ROMFAST le stocheaza despre dumneavoastra, in calitate de client, datorita produselor si serviciile pe care le-ati achizitionat, sunt strict legate de identificare si de contact, in scopul derularii relatiei contractuale (ex. nume si prenume, CNP, adresa, telefon, adresa de e-mail etc.) pentru intocmirea facturilor sau efectuarea declaratiilor obligatorii catre autoritati, conform legii.</li>
|
|
||||||
<li class="list-group-item">ROMFAST se angajeaza sa pastreze confidentialitatea datelor personale din contractele de funizare software si suport tehnic.</li>
|
|
||||||
<li class="list-group-item">In virtutea contractului de suport tehnic incheiat intre dumneavoastra si ROMFAST, bazele dumneavoastra de date nu sunt pastrate de catre ROMFAST. Accesul la bazele dumneavoastra de date se face numai in urma sesizarilor efectuate de dumneavoastra, daca este cazul. Informatiile din bazele de date sunt folosite strict pentru rezolvarea sesizarilor si numai pe durata rezolvarii sesizarilor. Accesarea acestor informatii se va face strict cu acordul punctual al responsabilului dumneavoastra cu securitatea datelor sau a responsabilului desemnat de dumneavoastra.</li>
|
|
||||||
<li class="list-group-item">Datele personale ale clientilor nu fac si nu vor face obiectul unor tranzactii ale ROMFAST cu terte persoane (fizice sau juridice).</li>
|
|
||||||
</ol>
|
|
||||||
|
|
||||||
<div class="card theme-card mt-4">
|
|
||||||
<div class="card-body">
|
|
||||||
<p class="mb-0"><strong>Responsabilul cu Protectia Datelor:</strong> Marius Mutu</p>
|
|
||||||
<p class="mb-0"><strong>Telefon:</strong> 0241 541 000</p>
|
|
||||||
<p class="mb-0"><strong>Email:</strong> <a href="mailto:office@romfast.ro">office@romfast.ro</a></p>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<h1 class="text-4xl md:text-5xl font-bold mb-6 professional-text-primary">
|
||||||
<p class="mt-4">Pentru orice alte informatii, va stam la dispozitie.</p>
|
Politica de Confidentialitate
|
||||||
<p>Cu respect,<br>Echipa ROMFAST</p>
|
</h1>
|
||||||
|
<p class="text-xl professional-text-secondary mb-8 leading-relaxed">
|
||||||
|
La 25 mai 2018 a intrat in vigoare si au devenit aplicabile prevederile Regulamentului European 679/2016 privind protectia persoanelor fizice in ceea ce priveste prelucrarea datelor cu caracter personal si libera circulatie a acestor „date" (GDPR).
|
||||||
|
</p>
|
||||||
|
<p class="text-lg professional-text-secondary">
|
||||||
|
Prin aceasta politica dorim sa va comunicam felul in care ROMFAST se conformeaza acestui regulament.
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</section>
|
||||||
|
|
||||||
|
<!-- GDPR Compliance Section -->
|
||||||
|
<section class="mb-16">
|
||||||
|
<h2 class="text-3xl font-bold text-center mb-12 professional-text-primary">Principiile GDPR la ROMFAST</h2>
|
||||||
|
|
||||||
|
<div class="grid md:grid-cols-1 gap-8 max-w-4xl mx-auto">
|
||||||
|
<div class="professional-card p-8">
|
||||||
|
<div class="space-y-6">
|
||||||
|
<div class="professional-card p-6 service-technology">
|
||||||
|
<div class="flex items-start space-x-4">
|
||||||
|
<div class="flex-shrink-0 w-8 h-8 bg-blue-100 text-blue-600 rounded-full flex items-center justify-center font-bold">1</div>
|
||||||
|
<p class="professional-text-secondary">ROMFAST prelucreaza datele dumneavoastra cu buna credinta, conform prevederilor Regulamentului.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="professional-card p-6 service-reliability">
|
||||||
|
<div class="flex items-start space-x-4">
|
||||||
|
<div class="flex-shrink-0 w-8 h-8 bg-blue-100 text-blue-600 rounded-full flex items-center justify-center font-bold">2</div>
|
||||||
|
<p class="professional-text-secondary">Informatiile pe care ROMFAST le stocheaza despre dumneavoastra, in calitate de client, datorita produselor si serviciile pe care le-ati achizitionat, sunt strict legate de identificare si de contact, in scopul derularii relatiei contractuale (ex. nume si prenume, CNP, adresa, telefon, adresa de e-mail etc.) pentru intocmirea facturilor sau efectuarea declaratiilor obligatorii catre autoritati, conform legii.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="professional-card p-6 service-technology">
|
||||||
|
<div class="flex items-start space-x-4">
|
||||||
|
<div class="flex-shrink-0 w-8 h-8 bg-blue-100 text-blue-600 rounded-full flex items-center justify-center font-bold">3</div>
|
||||||
|
<p class="professional-text-secondary">ROMFAST se angajeaza sa pastreze confidentialitatea datelor personale din contractele de funizare software si suport tehnic.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="professional-card p-6 service-reliability">
|
||||||
|
<div class="flex items-start space-x-4">
|
||||||
|
<div class="flex-shrink-0 w-8 h-8 bg-blue-100 text-blue-600 rounded-full flex items-center justify-center font-bold">4</div>
|
||||||
|
<p class="professional-text-secondary">In virtutea contractului de suport tehnic incheiat intre dumneavoastra si ROMFAST, bazele dumneavoastra de date nu sunt pastrate de catre ROMFAST. Accesul la bazele dumneavoastra de date se face numai in urma sesizarilor efectuate de dumneavoastra, daca este cazul. Informatiile din bazele de date sunt folosite strict pentru rezolvarea sesizarilor si numai pe durata rezolvarii sesizarilor. Accesarea acestor informatii se va face strict cu acordul punctual al responsabilului dumneavoastra cu securitatea datelor sau a responsabilului desemnat de dumneavoastra.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="professional-card p-6 service-technology">
|
||||||
|
<div class="flex items-start space-x-4">
|
||||||
|
<div class="flex-shrink-0 w-8 h-8 bg-blue-100 text-blue-600 rounded-full flex items-center justify-center font-bold">5</div>
|
||||||
|
<p class="professional-text-secondary">Datele personale ale clientilor nu fac si nu vor face obiectul unor tranzactii ale ROMFAST cu terte persoane (fizice sau juridice).</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Contact Information Section -->
|
||||||
|
<section class="professional-support text-center mb-16">
|
||||||
|
<h2 class="text-2xl font-bold mb-8 professional-text-primary">Responsabilul cu Protectia Datelor</h2>
|
||||||
|
<div class="max-w-2xl mx-auto">
|
||||||
|
<div class="professional-support-card">
|
||||||
|
<div class="flex items-center justify-center mb-6">
|
||||||
|
<div class="professional-icon-wrapper w-16 h-16">
|
||||||
|
<i data-lucide="user-check" class="w-8 h-8 text-white"></i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<h3 class="font-semibold mb-4 professional-text-primary text-xl">Marius Mutu</h3>
|
||||||
|
<div class="space-y-3 professional-text-secondary">
|
||||||
|
<div class="flex items-center justify-center space-x-2">
|
||||||
|
<i data-lucide="phone" class="w-5 h-5" style="color: #5288c4;"></i>
|
||||||
|
<span class="font-medium">0241 541 000</span>
|
||||||
|
</div>
|
||||||
|
<div class="flex items-center justify-center space-x-2">
|
||||||
|
<i data-lucide="mail" class="w-5 h-5" style="color: #5288c4;"></i>
|
||||||
|
<a href="mailto:office@romfast.ro" class="professional-btn-secondary px-4 py-2 inline-block">
|
||||||
|
<span>office@romfast.ro</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mt-8 max-w-2xl mx-auto">
|
||||||
|
<p class="text-lg professional-text-secondary mb-4">Pentru orice alte informatii, va stam la dispozitie.</p>
|
||||||
|
<p class="text-lg professional-text-primary font-medium">
|
||||||
|
Cu respect,<br>
|
||||||
|
<span class="text-blue-600">Echipa ROMFAST</span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<!-- Footer -->
|
<!-- Professional Footer -->
|
||||||
<footer class="bg-dark text-white text-center py-4 mt-5">
|
<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">
|
<div class="container mx-auto px-4 text-center">
|
||||||
<p>Copyright © 2025 Romfast SRL. Toate drepturile rezervate.</p>
|
<div class="mb-6">
|
||||||
<p><a href="politica-confidentialitate.html" class="text-white">Politica de confidentialitate</a></p>
|
<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>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
<!-- Bootstrap JS -->
|
<!-- Professional Theme JavaScript -->
|
||||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
<script src="professional-theme.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>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
Reference in New Issue
Block a user