Marius Mutu
9cd7886320
- 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>
197 lines
13 KiB
HTML
197 lines
13 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ro">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<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">
|
|
|
|
<!-- Tailwind CSS -->
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<!-- Flowbite -->
|
|
<script src="https://cdn.jsdelivr.net/npm/flowbite@2.0.0/dist/flowbite.min.js"></script>
|
|
<!-- Lucide Icons -->
|
|
<script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>
|
|
<!-- Google Fonts -->
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Merriweather:wght@300;400;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
|
|
<!-- Professional Theme CSS -->
|
|
<link href="professional-theme.css" rel="stylesheet">
|
|
</head>
|
|
<body class="min-h-screen">
|
|
<!-- Soft Professional Blue Header -->
|
|
<header class="professional-navbar sticky top-0 z-50">
|
|
<nav class="container mx-auto px-4 py-4">
|
|
<div class="flex items-center justify-between">
|
|
<!-- Logo Section -->
|
|
<div class="flex items-center space-x-3">
|
|
<img src="images/romfast_logo.png" alt="Romfast Logo" class="romfast-logo">
|
|
<div class="hidden md:block">
|
|
<p class="text-white text-sm italic font-light">Aduce informația în mâinile tale</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Centered Navigation -->
|
|
<div class="hidden lg:flex items-center space-x-8">
|
|
<a href="index.html" class="text-white hover:text-blue-200 transition-colors 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>
|
|
|
|
<!-- 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>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
|
|
<!-- Main Content Container -->
|
|
<main class="container mx-auto px-4 py-8 max-w-7xl">
|
|
|
|
<!-- 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>
|
|
|
|
<!-- 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>
|
|
|
|
<!-- Professional Footer -->
|
|
<footer class="bg-gradient-to-r from-slate-900 via-gray-800 to-slate-900 text-white py-12" style="border-radius: 1rem 1rem 0 0;">
|
|
<div class="container mx-auto px-4 text-center">
|
|
<div class="mb-6">
|
|
<img src="images/romfast_logo.png" alt="Romfast Logo" class="h-12 mx-auto mb-4">
|
|
<p class="text-gray-400 italic">Aduce informația în mâinile tale</p>
|
|
</div>
|
|
<div class="border-t border-gray-700 pt-6" style="border-radius: 0.5rem;">
|
|
<p class="text-sm text-gray-400 mb-2">
|
|
Copyright © 2025 Romfast SRL. Toate drepturile rezervate.
|
|
</p>
|
|
<a href="politica-confidentialitate.html" class="text-blue-400 hover:text-blue-300 transition-colors text-sm">
|
|
Politica de confidentialitate
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- Professional Theme JavaScript -->
|
|
<script src="professional-theme.js"></script>
|
|
</body>
|
|
</html>
|