Skip to content

Commit 775b3bb

Browse files
bubu07codesbubu07codes
authored
Add files via upload
0 parents  commit 775b3bb

File tree

1 file changed

+120
-0
lines changed

1 file changed

+120
-0
lines changed

‎index.html‎

Lines changed: 120 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,120 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Privacy Policy</title>
7+
<style>
8+
body, html {
9+
margin: 0;
10+
padding: 0;
11+
font-family: Arial, sans-serif;
12+
background-color: #f5f5f5;
13+
color: #333;
14+
height: 100%;
15+
overflow-x: hidden;
16+
}
17+
18+
.container {
19+
display: flex;
20+
justify-content: center;
21+
align-items: center;
22+
min-height: 100vh;
23+
padding: 20px;
24+
}
25+
26+
.policy-content {
27+
max-width: 800px;
28+
width: 100%;
29+
background: #fff;
30+
border-radius: 10px;
31+
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
32+
padding: 20px;
33+
opacity: 0;
34+
transform: translateY(-50px);
35+
transition: opacity 1s ease-in-out, transform 1s ease-in-out;
36+
}
37+
38+
.policy-content.visible {
39+
opacity: 1;
40+
transform: translateY(0);
41+
}
42+
43+
h1 {
44+
font-size: 2em;
45+
margin-top: 0;
46+
text-align: center;
47+
color: #007BFF;
48+
}
49+
50+
h2 {
51+
font-size: 1.5em;
52+
color: #0056b3;
53+
margin-bottom: 10px;
54+
}
55+
56+
p {
57+
line-height: 1.6;
58+
margin: 10px 0;
59+
}
60+
61+
.section {
62+
margin-bottom: 20px;
63+
}
64+
65+
.highlight {
66+
background: #e0f7fa;
67+
border-left: 5px solid #007BFF;
68+
padding: 10px;
69+
border-radius: 5px;
70+
}
71+
72+
@keyframes fadeIn {
73+
from { opacity: 0; }
74+
to { opacity: 1; }
75+
}
76+
</style>
77+
</head>
78+
<body>
79+
<div class="container">
80+
<div id="policy-content" class="policy-content">
81+
<h1>Privacy Policy</h1>
82+
<div class="section">
83+
<h2>Introduction</h2>
84+
<p>Welcome to our privacy policy. We are committed to protecting your personal information and your right to privacy. This privacy policy explains how we collect, use, and share information about you when you use our services.</p>
85+
</div>
86+
<div class="section">
87+
<h2>Information We Collect</h2>
88+
<p>We collect information that you provide to us directly, such as when you create an account, make a purchase, or contact us for support. This information may include personal details such as your name, email address, and payment information.</p>
89+
<div class="highlight">
90+
<p>We may also collect information about your usage of our services, such as your IP address, browser type, and pages visited.</p>
91+
</div>
92+
</div>
93+
<div class="section">
94+
<h2>How We Use Your Information</h2>
95+
<p>We use the information we collect to provide and improve our services, process transactions, and communicate with you. We may also use your information for marketing purposes, but only if you have given us permission to do so.</p>
96+
</div>
97+
<div class="section">
98+
<h2>Data Security</h2>
99+
<p>We take appropriate measures to protect your personal information from unauthorized access, alteration, disclosure, or destruction. We use encryption and other security technologies to safeguard your data.</p>
100+
</div>
101+
<div class="section">
102+
<h2>Changes to This Policy</h2>
103+
<p>We may update this privacy policy from time to time. We will notify you of any significant changes by posting the updated policy on our website.</p>
104+
</div>
105+
<div class="section">
106+
<h2>Contact Us</h2>
107+
<p>If you have any questions or concerns about this privacy policy or our data practices, please contact us at <a href="mailto:[email protected]">[email protected]</a>.</p>
108+
</div>
109+
</div>
110+
</div>
111+
112+
<script>
113+
// JavaScript to add animation on page load
114+
window.addEventListener('load', () => {
115+
const policyContent = document.getElementById('policy-content');
116+
policyContent.classList.add('visible');
117+
});
118+
</script>
119+
</body>
120+
</html>

0 commit comments

Comments
 (0)