halilseker.github.io/data-deletion-instructions.html at main · halilseker/halilseker.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Data Deletion Instructions</title>
    <!-- Tailwind CSS for styling -->
    <script src="https://cdn.tailwindcss.com"></script>
    <!-- Google Fonts: Inter -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    <style>
        /* Use the Inter font family */
        body {
            font-family: 'Inter', sans-serif;
        }
    </style>
</head>
<body class="bg-gray-100 text-gray-800">

    <!-- Main container -->
    <div class="container mx-auto px-4 py-8 md:py-16 max-w-3xl">

        <!-- Card container -->
        <div class="bg-white rounded-xl shadow-lg overflow-hidden">
            <div class="p-8 md:p-12">

                <!-- Header section -->
                <header class="text-center mb-8">
                    <h1 class="text-3xl md:text-4xl font-bold text-gray-900">User Data Deletion</h1>
                    <p class="text-gray-600 mt-2">Instructions for Alperen Market</p>
                </header>

                <!-- Introduction -->
                <p class="mb-6 text-lg text-gray-700">
                    We are committed to protecting your privacy. You have the right to request the deletion of your personal data associated with our application. Please follow one of the methods below to remove your data.
                </p>

                <!-- Method 1: Deletion via Facebook -->
                <div class="mb-8">
                    <h2 class="text-2xl font-semibold text-gray-800 border-b pb-3 mb-4">Method 1: Remove via Facebook</h2>
                    <p class="mb-6 text-gray-700">You can remove our application from your Facebook account, which will automatically trigger the deletion of your data from our systems.</p>
                    <ol class="list-decimal list-inside space-y-4 text-gray-700">
                        <li>
                            Navigate to your Facebook profile and go to <span class="font-semibold">"Settings & Privacy"</span>, then click on <span class="font-semibold">"Settings"</span>.
                        </li>
                        <li>
                            In the left sidebar, find and click on <span class="font-semibold">"Apps and Websites"</span>.
                        </li>
                        <li>
                            Locate <span class="font-semibold">Alperen Market</span> in the list of active apps.
                        </li>
                        <li>
                            Click the <span class="font-semibold">"Remove"</span> button next to the app. A confirmation pop-up will appear. Confirm that you wish to remove the app.
                        </li>
                    </ol>
                </div>

                <!-- Method 2: Deletion via Email -->
                <div>
                    <h2 class="text-2xl font-semibold text-gray-800 border-b pb-3 mb-4">Method 2: Request Deletion via Email</h2>
                    <p class="mb-6 text-gray-700">
                        If you prefer, you can send us a data deletion request directly. Please send an email to our support team, and we will process your request within 72 hours.
                    </p>
                    <div class="text-center">
                        <a href="mailto:ibrahimsekerhalil@gmail.com?subject=Data Deletion Request for Alperen Market" class="inline-block bg-blue-600 text-white font-semibold py-3 px-6 rounded-lg shadow-md hover:bg-blue-700 transition-colors duration-300">
                            Send Deletion Request
                        </a>
                        <p class="mt-3 text-sm text-gray-500">
                            Or email us at: ibrahimsekerhalil@gmail.com
                        </p>
                    </div>
                </div>

            </div>

            <!-- Footer inside the card -->
            <footer class="bg-gray-50 border-t border-gray-200 px-8 py-4 text-center">
                <p class="text-sm text-gray-500">&copy; 2024 [Your Company Name]. All rights reserved.</p>
            </footer>
        </div>
    </div>

</body>
</html>