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>
|
||||
<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">
|
||||
<!-- 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>
|
||||
</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>
|
||||
<!-- 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 font-medium 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="roa/aplicatii-erp.html" class="text-white hover:text-blue-200 transition-colors 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>
|
||||
|
||||
<!-- 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" 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
|
||||
<!-- 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 class="lg:hidden text-white p-2">
|
||||
<i data-lucide="menu" class="w-6 h-6"></i>
|
||||
</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>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<!-- Main Content -->
|
||||
<main class="container my-5">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-10">
|
||||
<h1 class="mb-4">Politica de Confidentialitate</h1>
|
||||
<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>
|
||||
<p>Prin aceasta politica dorim sa va comunicam felul in care ROMFAST se conformeaza acestui regulament.</p>
|
||||
<!-- Main Content Container -->
|
||||
<main class="container mx-auto px-4 py-8 max-w-7xl">
|
||||
|
||||
<hr class="my-4">
|
||||
<!-- Professional Page Header -->
|
||||
<section class="professional-hero text-center mb-12">
|
||||
<div class="max-w-4xl mx-auto relative z-10">
|
||||
<div class="flex items-center justify-center mb-6">
|
||||
<div class="professional-icon-wrapper">
|
||||
<i data-lucide="shield-check" class="w-10 h-10 text-white"></i>
|
||||
</div>
|
||||
</div>
|
||||
<h1 class="text-4xl md:text-5xl font-bold mb-6 professional-text-primary">
|
||||
Politica de Confidentialitate
|
||||
</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>
|
||||
</section>
|
||||
|
||||
<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>
|
||||
<!-- 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="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 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>
|
||||
|
||||
<p class="mt-4">Pentru orice alte informatii, va stam la dispozitie.</p>
|
||||
<p>Cu respect,<br>Echipa ROMFAST</p>
|
||||
<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>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="bg-dark text-white text-center py-4 mt-5">
|
||||
<div class="container">
|
||||
<p>Copyright © 2025 Romfast SRL. Toate drepturile rezervate.</p>
|
||||
<p><a href="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 © 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>
|
||||
|
||||
Reference in New Issue
Block a user